body {
  max-width:1080px;
  margin:0 auto!important;
  float:none!important
}
* {
  box-sizing:border-box
}
.main {
  float:left;
  width:60%;
  padding:0 20px;
  overflow:hidden
}
.right {
  float:left;
  width:40%
}
@media only screen and (max-width:800px) {
  .main {
    width:100%;
    padding:0
  }
  .right {
    width:100%
  }
}
@media only screen and (max-width:500px) {
  .main,
  .right {
    width:100%
  }
}
.fa-brands {
  width:50px;
  text-align:center;
  text-decoration:none;
  margin:10px 4px;
  border-radius:3px;
  display:inline-block
}
.fa-brands img {
  width:20px;
  height:20px
}
.fa-brands:hover {
  opacity:.7
}
.fa-facebook-f {
  background:#3b5998
}
.fa-x-twitter {
  background:#000
}
.fa-youtube {
  background:red
}
.fa-instagram {
  background:#bc2a8d
}
.fa-threads {
  background:#000
}
h2,
h3,
p {
  margin:0 0 5px;
  padding:0
}
ul {
  margin-top:0;
  margin-bottom:5px;
  margin-left:10px;
  padding:0
}
.alignnone,
img {
  max-width:100%
}
img {
  height:auto
}
img {
  height:auto;
  max-width:99%
}
ul.table li.disclosure,
ul.table.disclosure li {
  clear:both;
  margin:0;
  padding:0 0 0 3px!important;
  position:relative
}
@font-face {
  font-display:swap;
  font-family:Poppins;
  font-style:normal;
  font-weight:400;
  src:url(https://zambianplay.com/wp-content/themes/ZambianPlay%20Mobile/assets/fonts/poppins-v20-latin-regular.woff2) format("woff2")
}
@font-face {
  font-display:swap;
  font-family:Poppins-Bold;
  font-style:normal;
  font-weight:700;
  src:url(https://zambianplay.com/wp-content/themes/ZambianPlay%20Mobile/assets/fonts/poppins-bold-webfont.woff2) format("woff2")
}
body {
  background:#f7f7f7;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue","Open Sans",sans-serif;
  font-size:15px;
  line-height:1.5;
  color:#4c4c4c;
  margin:0
}
h2,
h3 {
  line-height:1.3;
  font-weight:600;
  font-family:Poppins
}
h2 {
  font-size:24px
}
h3 {
  font-size:18px;
  margin-top:1px
}
a {
  color:#06801e
}
ul {
  margin-left:40px
}
li,
p {
  margin:0 0 10px
}
.hide {
  display:none
}
.content {
  color:#777;
  font-size:1em;
  line-height:1.5;
  margin:10px;
  text-shadow:1px 1px 2px #fff
}
.group {
  background:#fff;
  border:1px solid #ccc;
  overflow:hidden;
  margin:10px;
  padding:10px
}
ul.table.group {
  margin:10px;
  padding:0
}
ul.table {
  clear:both;
  color:#999;
  list-style:none;
  margin:0
}
ul.table li {
  border-bottom:.5px solid #767676;
  padding:15px
}
ul.table li:last-child {
  border:0
}
ul.table li.disclosure,
ul.table.disclosure li {
  margin:0;
  padding:0;
  position:relative
}
ul.table li.disclosure a,
ul.table.disclosure a {
  border:0;
  display:block;
  padding:5px 10px;
  text-decoration:none
}
ul.table li .title {
  background:url(https://zambianplay.com/wp-content/themes/img/title-dimple.gif) top repeat-x #a5a5a5;
  border-bottom:1px solid #777;
  color:#fff;
  display:block;
  font-size:10px;
  font-weight:400;
  padding:3px 8px;
  text-shadow:0 1px 1px #555
}
.pagination {
  margin:0 10px
}
.group:not(.table) .pagination:last-child {
  background:0 0;
  border-width:1px 0 0;
  margin:0 -10px -10px
}
.pagination {
  background:#fff;
  border:1px solid #ccc;
  border-width:0 1px 1px;
  clear:both;
  overflow:hidden
}
.pagination span {
  display:none
}
.pagination span.next,
.pagination span.prev {
  display:block;
  width:50%
}
.pagination span.prev {
  float:right
}
.pagination span.next {
  float:left
}
.pagination .next a,
.pagination .prev a {
  border:5px solid #fff;
  display:block;
  height:1.5em;
  overflow:hidden;
  text-decoration:none
}
.group {
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px
}
.pagination .next a,
ul.table.disclosure .pagination .next a {
  border-bottom-left-radius:10px;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-radius-bottomleft:10px
}
.pagination .prev a,
ul.table.disclosure .pagination .prev a {
  border-bottom-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-bottomright:10px
}
.pagination {
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px
}
ul.table.disclosure li:after {
  content:" ";
  display:block;
  clear:both
}
a {
  text-decoration:none
}
ul.table.disclosure {
  margin:3px;
  padding:0;
  border:none
}
ul.table li.disclosure,
ul.table.disclosure li {
  display:flex;
  clear:both;
  margin:0 10px!important;
  position:relative;
  padding:5px 0!important
}
ul.table.disclosure .category_list .cat-post-thumb {
  border:1px solid;
  border-color:#303030;
  background-size:cover;
  background-position:center;
  float:left;
  margin:0;
  flex:0 0 95px;
  height:90px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  border-radius:12px
}
ul.table.disclosure .category_list .cat-post-text {
  padding:0 0 0 15px;
  margin:auto;
  flex-direction:column;
  justify-content:center;
  height:60px;
  flex:5;
  resize:vertical
}
ul.table.disclosure .category_list .cat-post-text a {
  font-family:Poppins;
  background:0 0;
  padding:0 10px 0 0;
  font-weight:600;
  color:#000;
  font-size:13px
}
ul.ul-list-1.table.disclosure .category_list .cat-post-text {
  padding:0 0 0 15px;
  margin:auto;
  flex-direction:column;
  justify-content:center;
  height:60px;
  flex:5;
  resize:vertical
}
ul.ul-list-1.table.disclosure .category_list .cat-post-text a {
  font-family:Poppins;
  padding:2px 25px 15px 0;
  color:#000;
  font-weight:600
}
ul.ul-list-1.table.disclosure .category_list .cat-post-thumb img {
  display:none
}
ul.ul-list-1.table.disclosure .category_list .cat-post-thumb {
  height:90px;
  width:90px
}
ul.ul-list-1.table.disclosure .category_list .cat-post-thumb {
  margin:0;
  border-radius:50px;
  box-sizing:border-box;
  border:2px solid #cfd8dc;
  outline:#cfd8dc solid 2px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.ul-list-1 {
  border-radius:0!important
}
.group {
  border-radius:0;
  border-radius:0 0 10px 10px
}
.pagination {
  border-radius:0!important;
  background:#fff;
  border:1px solid #ccc!important;
  margin:0 3px
}
.pagination .next a,
.pagination .prev a {
  font-size:13px
}
.group {
  border-radius:0 0 10px 10px;
  margin:3px
}
.list-titlee {
  font-family:Poppins-Bold,sans-serif;
  display:block;
  text-align:left;
  background:#fff;
  color:#06801e;
  padding:5px 20px;
  font-size:16px;
  border:.5px solid #767676;
  border-radius:2px;
  margin:0 3px;
  text-transform:uppercase;
  font-weight:700;
  font-style:normal
}
.dark-mode-svg {
  float:right;
  width:24px;
  height:24px;
  margin:8px
}
.pagination span.prev {
  float:right;
  text-align:right
}
ul.table.disclosure li.pagination {
  padding:25px 5px!important;
  margin:-2px!important
}
ul.table.disclosure .pagination .next a,
ul.table.disclosure .pagination .prev a {
  font-size:15px;
  font-weight:600;
  padding:10px 0;
  text-align:center;
  height:auto;
  line-height:1;
  display:block;
  min-width:120px;
  box-sizing:border-box;
  margin:0 10px;
  background:#ebebeb;
  color:#000
}
ul.table.disclosure .pagination .next a {
  border-radius:100px
}
ul.table.disclosure .pagination .prev a {
  border-radius:100px
}
.topnav {
  background-color:#fff;
  overflow:hidden;
  font-family:Poppins
}
.topnav a {
  float:left;
  display:block;
  color:#06801e;
  text-align:center;
  padding:14px 16px;
  text-decoration:none;
  text-decoration:none;
  text-transform:uppercase;
  font-size:14px;
  font-weight:600
}
.topnav .icon {
  display:none
}
@media screen and (max-width:600px) {
  .topnav a:not(:first-child) {
    display:none
  }
  .topnav a.icon {
    float:right;
    display:block;
    font-family:Poppins
  }
  .topnav.responsive {
    position:relative
  }
  .topnav.responsive a.icon {
    position:absolute;
    right:0;
    top:0
  }
  .topnav.responsive a {
    float:none;
    display:block;
    text-align:left
  }
}
form.example {
  background:#f1f1f1;
  margin:0 40px;
  border-radius:5px
}
form.example input[type=text] {
  padding:12px 5px;
  font-size:15px;
  border:unset;
  width:80%;
  background:#f1f1f1;
  border-radius:5px
}
form.example button {
  padding:unset;
  background:#06801e;
  color:#fff;
  cursor:pointer;
  height:36px;
  border-radius:5px;
  border:unset;
  outline:0;
  width:15%
}
form.example button:hover {
  background:#06801e
}
.secondary-nav ul li a {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:10px 4px;
  min-height:50px
}
.nav-icon {
  width:24px;
  height:24px;
  margin-right:0;
  margin-bottom:4px;
  vertical-align:initial
}
.nav-text {
  display:block;
  font-size:13px
}
.secondary-nav {
  font-family:Poppins;
  border-top:1px solid #fff;
  width:100%;
  height:32px;
  background-color:#fff
}
.secondary-nav ul {
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
  width:100%
}
.secondary-nav ul li {
  display:table-cell;
  width:118px;
  text-align:center
}
.secondary-nav ul li a {
  -webkit-transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -ms-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  text-transform:uppercase;
  color:#06801e;
  display:block;
  font-size:13px;
  font-weight:700;
  line-height:18px;
  padding:0;
  text-decoration:none;
  letter-spacing:1px
}
.secondary-nav a:hover {
  border-bottom:2px solid #06801e
}
.mobilesearch {
  background:#fff;
  margin:3px;
  padding:3px;
  text-align:center
}
.xlcenter {
  background:#fff;
  margin:10px;
  padding:10px;
  text-align:center
}
@media only screen and (min-width:600px) {
  .secondary-nav {
    display:none;
    max-height:0;
    overflow:hidden
  }
  .mobilesearch {
    display:none;
    max-height:0;
    overflow:hidden
  }
}
.footer {
  background-color:#f1f1f1;
  text-align:center;
  font-size:13px;
  padding:15px;
  color:#000;
  font-weight:500
}
.secondary-nav i {
  display:block;
  padding-top:10px
}
nav.secondary-nav.mobile {
  height:auto!important
}
input[type=submit] {
  background-color:#06801e;
  border:none;
  padding:7px 15px;
  color:#fff;
  font-weight:600;
  -webkit-appearance:none;
  -webkit-border-radius:0
}
.listNo {
  position:absolute;
  font-size:14px;
  font-weight:700;
  line-height:1.5;
  background:#098121;
  padding:2px 8px;
  z-index:999;
  width:28px;
  color:#fff;
  border-radius:20px;
  border:2px solid #fff;
  left:33px;
  top:35px
}
.CatName {
  font-family:Poppins,sans-serif;
  font-size:11px;
  letter-spacing:1px;
  color:#000;
  font-weight:400;
  text-transform:uppercase;
  border:.7px solid rgba(0,0,0,.95);
  border-radius:5px;
  display:inline-block!important;
  margin:0 0 4px;
  padding:1px 6px
}
#more_posts {
  border:1px solid rgba(0,0,0,.1);
  height:40px;
  line-height:35px;
  position:relative;
  text-align:center;
  display:block;
  font-weight:600;
  cursor:pointer;
  clear:both;
  margin:2% 10%;
  border-radius:35px
}
a.is-disable {
  pointer-events:none;
  opacity:.5
}
#ajax-posts .CatName {
  width:fit-content;
  display:flex;
  align-items:center;
  border:1px solid #06801e;
  font-size:11px;
  color:#06801e;
  font-weight:600;
  text-transform:uppercase;
  padding:1px 8px;
  letter-spacing:1px;
  border-radius:2px
}
.textdeco {
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-decoration-color:#06801e;
  text-underline-position:under;
  color:inherit
}
.icon {
  display:inline-block;
  overflow:hidden;
  vertical-align:middle
}
.YMAL {
  font-family:Poppins-Bold,Arial,Tahoma,sans-serif;
  font-size:15px;
  font-weight:700;
  overflow-wrap:break-word;
  border-bottom:1px solid #007b18;
  display:inline-block;
  margin-top:15px;
  margin-bottom:10px;
  padding:0 10px 1px 15px;
  position:relative;
  text-align:left;
  letter-spacing:normal;
  background-color:#f6f6f6;
  color:#2c2f34;
  text-transform:uppercase
}
.my-submit-button {
  background:0 0!important;
  color:#06801e!important;
  border:2px solid #06801e!important;
  border-radius:5px!important;
  padding:10px 15px!important;
  font-weight:500
}
.button {
  display:inline-block;
  position:relative;
  font-style:normal;
  font-weight:400;
  font-family:Poppins;
  font-size:14px;
  background-color:#06801e;
  margin:0 auto;
  outline:0;
  color:#fff;
  border:none;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:1px;
  cursor:pointer;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px
}
.button:hover {
  background-color:#056e17
}
.button:active {
  background-color:#06801e
}
.center {
  text-align:center
}
.post-tags {
  text-align:center;
  margin:15px 0;
  padding:15px 0
}
#site-name {
  line-height:1.2;
  margin:0;
  display:inline-block
}
#site-name img {
  padding:5px;
  width:105px;
  height:79px;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  object-fit:contain;
  display:block
}
.search-icon {
  width:16px;
  height:16px;
  fill:#fff
}
a {
  text-decoration:none;
  color:inherit
}
img:is([sizes=auto i],
[sizes^="auto," i]) {
  contain-intrinsic-size:3000px 1500px
}
img#wpstats {
  display:none
}