/*
Theme Name: play
Text Domain: play
*/

/* Basic Style */
*{
  outline:none;
}
body{

 background: #1b2b38;
  

 color: rgba(255,255,255,0.8);
  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
  padding:0;
  margin:0;
  font-size:15px;
  line-height:1.5;
  overflow-x: hidden;
}

img{
  border:none;
  height:auto;
}
section img, img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  margin:0 0 15px;
font-weight:700;
  color: #fff;
  line-height:1.3;
}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:23px;}
h4 {font-size:21px;}
h5 {font-size:19px;}
h6 {font-size:17px;}
p{
  margin:0 0 15px;

}
a{
  text-decoration:none;
  color: #cbfe01;
}
a:hover{
 color:#fff;
}
a:focus,a:hover{
 outline: 0;
}
a:focus, .toggle-menu button:focus, textarea:focus, .closepop:focus, input:focus, button:focus, input:focus{
  outline: 0;
  border: 0;
}

ul, ol {
  margin:0 0 15px 15px;
  padding:0;
}

select{
  width:100%;
}
.clear, article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  clear:both;
}
table {margin:0 0 15px;border-collapse: collapse;width:100%;border: 1px solid rgba(255,255,255, 0.1);}

table td, table th {padding:10px 15px;border: 1px solid rgba(255,255,255, 0.1);}

@media screen and (max-width: 767px) {
    .mtable {
        width: 100%;
        overflow: auto!important;
        border: 1px solid rgba(255,255,255, 0.1);
        
        box-sizing: border-box;
        margin: 20px 0 20px;
    }
	
    .mtable table {
        margin: 0 0 0 0!important;
        border: none!important;
        border-radius: 0!important;
    }
}
input[type='submit']:hover{
  cursor: pointer;
}
.center{
  text-align:center;
  margin-bottom:40px;
}
.middle-align{
  margin:30px 0;
 
}
.wp-caption{
  font-size:13px;
  max-width:100%;
}
.bypostauthor, .wp-caption-text, *, body, img, .wp-caption, .sticky, .gallery-caption{
  margin:0;
  padding:0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
/*wide block*/
.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
blockquote {font-size:18px;font-style:italic;margin:0 0 15px;border-left:4px solid #dafe31;padding-left:15px;color:#fff;}
.entry-content a {text-decoration:underline;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content ol, .entry-content blockquote, .entry-content p {clear:both;}
.entry-content p:first-of-type {clear:none;}
.entry-content iframe {width:100%;height:500px;border:none;padding:0;}
.alignfull img {
  width: 100vw;
} 
.left-sidebar-page .entry-content .alignwide, .left-sidebar-page .entry-content .alignfull, .right-sidebar-page .entry-content .alignwide, .right-sidebar-page .entry-content .alignfull{
  margin-left  : 0;
  margin-right : 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.alignleft,img.alignleft {
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  border:1px solid #bbb;
  padding:5px;
}
.alignright,img.alignright {
  display: inline;
  float: right;
  border:1px solid #bbb;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
}
.aligncenter,img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
#respond{
  clear:both;
}

small{
  font-size:14px !important;
}


a.closebtn.mobile-menu, #contact-info form.search-form, .toggle-menu, #category .owl-dots, a.closebtn, #sidebar ul.woocommerce-mini-cart.cart_list.product_list_widget li:before, .no-js #loader-wrapper, #menu-sidebar .social-icons, #menu-sidebar .mail, #menu-sidebar .book-btn, .elementor-html #loader,.elementor-html #loader-wrapper {
  display: none;
}



.logo img {width:160px;display:block;}
/* --------- MENUS CSS --------- */
* {box-sizing:border-box;}
.primary-navigation ul{
  list-style: none;
  margin: 5px 0 0;
}
.primary-navigation li{
  display: inline-block;
  position: relative;
  margin-right:20px;
}
.primary-navigation li:last-child {margin-right:0;}
.primary-navigation li a:hover,.primary-navigation li:hover a{
   color: #cbfe01;
  
}
.primary-navigation a{
  display: block;
color: #fff;


  font-weight: 700;

}


/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f067';
  position: absolute;
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
  font-size: 10px;
  padding: 0px 6px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 10px;
  color: #fff;
}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows .sfHover > .sf-with-ul:after{
  content: '\f068';
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
  color: #fff;
}
.sf-arrows .sf-with-ul{
  padding-right: 30px;
}
/* --------- Main Menu--------- */

#header {padding:15px 0 15px;}

/*-----------------Search pop up----------------*/
.serach_inner{
  background: #fff;
  max-height: 150px;
  display: flex;
  justify-content: center;
  position: relative;
  box-shadow: 0px 0px 12px #c0bebe;
  transition: 1s height ease-in-out;
}
.search-close {
  position: absolute;
  top: 0;
  font-size: 40px;
  z-index: 9999;
  right: 50%;
  color: #575756;
  background: none;
  border:none;
  cursor: pointer;
  transition: 0.5s height ease-in-out;
}
.serach_inner form.search-form {
  width: calc(100% - 30px);
  color: #fff;
  border: none;
  border-bottom: 1px solid #eae6e6;
  position: absolute;
  bottom: 20px;
  display: table;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  max-width: 1200px;
  text-align: left;
}
.serach_inner form.search-form label {
  width: 95%;
}
.serach_inner input.search-field {
  padding: 10px;
  font-size: 20px;
  font-style: italic;
  font-weight: normal;
  color: #3a4d5e;
  max-height: 1200px;
  border: 0;
}
.serach_inner input.search-submit {
  padding: 8px 35px;
  margin: 5px 0;
  font-size: 20px;
}
.serach_inner input[type="submit"]{
  text-indent: -9999px;
  z-index: 9999;
  background: url(images/search.png) no-repeat 0 10px;
  position: absolute;
  margin:0;
  background-size: 30px;
}
.search-box button{
  background: transparent;
  border: 0;
}
.search-outer {
  background: rgb(0 0 0 / 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  text-align: center;
  height: 100%;
  transition: 1s height ease-in-out;
  z-index: 999;
}
body.search-focus .search-outer{
  visibility: visible;
  transition: 1s height ease-in-out;
}
body.admin-bar .serach_inner{
  margin-top: 32px;
}
body.admin-bar .search-close{
  top:30px;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
 border: none;
 padding: 4px 0;
 background: transparent;
 width: 95%;
}
.search-box i {
  color: #0EC7DE;
}
.search-box button, .search-box i {
  background: none;
  border:none;
}
.serach_inner input[type="submit"]{
  text-indent: -9999px;
  z-index: 9999;
  background: url(images/search.png) no-repeat 0 10px;
  position: absolute;
  margin:0;
  background-size: 30px;
}
.modal-content{
  background: transparent;
  border: 0;
}
.modal-dialog{
  pointer-events: all;
}
.modal-body{
  padding: 0;
}
#myModal, .modal-open {
  padding: 0 !important;
}
.modal-open{
  overflow-y: scroll;
}
body.admin-bar .serach_inner{
  margin-top: 32px;
}
body.admin-bar .closepop{
  top:30px;
}
/* --------- Slider --------- */
#slider { 
margin:0 0 30px;
  background: url(/wp-content/uploads/2024/10/banner.jpg) no-repeat center center;
  background-size:cover;
  position:relative;
  height:400px;
  padding:70px 0 0;
}
.slider-overlay {position:absolute;left:0;top:0;width:100%;height:100%;}
.slide-text {font-weight:700;color:#fff;font-size:28px;}
.slide-promo {font-weight:700;color:#fff;display:inline-block;position:relative;z-index:9;}
#slider a.button_2 {display:block;padding:10px;max-width:200px;margin:30px 0;}
#slider a.button_1 {display:none;padding:10px;max-width:200px;margin:15px auto;}
.slide-promo span { 
position:relative;
margin-right:22px;display:inline-block;
cursor:pointer;
color: #dafe31;
}

.slide-promo span:after {
	content: '';
    -webkit-mask-image: url(/wp-content/themes/play/images/copy.svg);
    mask: url(/wp-content/themes/play/images/copy.svg);
    -webkit-mask-position: 50%;
    background-color: #dafe31;
    position:absolute;
    width: 18px;
    height: 18px;
    top:2px;
	right:-22px;
}
@media (max-width:1199px) {
#slider { height:300px;padding:50px 0 0;}
}
@media (max-width:767px) {
#slider { height:auto;padding:30px 0;text-align:center;background-position:left center;}
.slide-text {font-size:25px;}
.slider-overlay, .home .top_buttons {display:none;}
#slider a.button_2 {margin:15px auto;}
#slider a.button_1 {display:block;}
}
/*----------------- content page ----------------*/



.our-services img{
  width:100%;
}



#footer{
  background: #011826;
  
  clear:both;
  padding:40px 0;
}

#footer .sidebar-column ul {margin:0;list-style:none;}
#footer .sidebar-column ul li {display:inline-block;margin:5px 15px;}
#footer .sidebar-column ul li a {text-decoration:underline;color: #fff;}
#footer .sidebar-column ul li a:hover {color: #ccfe00;}
.copyright p {
  font-size: 13px;
 
}


/* Comments BOX */
#comments {
  display: block;
}
#comments h2.comments-title{
  font-size:25px;
  font-weight:bold;
  
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],#comments input[type="email"]{
border: 1px solid rgba(158, 103, 42, 0.5);
padding: 10px;
font-size: 15px;
color: #000;
width: 100%;
max-width:400px;
background: #fff;
}
#comments textarea {width:100%;height:130px;border: 1px solid rgba(0, 0, 0, 0.1);padding: 10px;}
#comments input[type="text"]:focus,#comments input[type="email"]:focus, #comments textarea:focus {border: 1px solid rgba(0, 0, 0, 0.1);outline;0;}
#comments input[type="submit"] {
  background:#cbfe01;
  padding:10px 20px;
  border-radius:30px;
  font-weight:700;
  color: #111;
  border-radius: 20px 4px;
  border: none;
}
#comments input[type="submit"]:hover {background:#cbfe01;}



.comments-title, .comment-reply-title{
 margin-bottom:15px;
  font-size: 20px;
  font-weight:700;
  color:#fff;
}
#comments {padding-top:20px;}
ol.comment-list {list-style:none;margin:0;}
ol.comment-list ol {list-style:none;margin:0;padding-left:30px;}
.comment-date {font-size:14px;opacity:0.6;}
.comment-author img {float:left;margin-right:20px;}
a.comment-reply-link {font-size:16px;font-weight:700;}
.comment-content {padding-bottom:20px;}
a#cancel-comment-reply-link {margin-left:20px;}
.slots_wrap {background:#000;position:relative;text-align:center;margin-bottom:30px;}
.slots_wrap span {color:#fff;}


.slots_hidden {z-index:99;position:absolute;left:0;top:22%;display:none;width:100%;}
.slots_wrap:hover .slots_hidden {display:block;}
.slots_wrap img {width:100%;}
.slots_wrap:hover img {opacity:0.3;}
a.tlink {color: #fff;font-weight:700;text-transform:uppercase;}
a.tlink:hover {text-decoration:underline;}
.slots_wrap a.button_2 {margin:10px auto;display:block;width:200px;}


/*------------- Sidebar -------------*/
#sidebar {padding:15px;background: #13212d;}
#sidebar .widget-title {
  font-weight: 700;
  font-size: 23px;
 margin-bottom:15px;
  color: #fff;

}
input[type="search"] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  font-size: 15px;
  color: #000;
  width: 100%;
  background:#fff;
}
form.search-form label{
  width:100%;
}

#sidebar input[type="submit"]{
  background: #0EC7DE;
  border: none;
  color: #fff;
  padding: 10px 0;
  letter-spacing: 2px;
  width: 100%;
  font-size: 18px;
  margin: 0;
}

#sidebar ul {
  list-style:none;
  margin:0;
 
}
#sidebar ul li{
margin-bottom:10px;padding-bottom:10px;
border-bottom: 1px solid rgba(255,255,255, 0.1);
}
#sidebar ul li a {
  display:block;font-weight:700;line-height:1.3;
 
}


.content-ts hr{
  clear:both;
}

.error404 .middle-align {padding:100px 0;text-align:center;}

/* Pagination */
.nav-previous {
  float: left;
  width: 50%;
  font-size: 15px;
}
.nav-next {
  text-align: right;
  font-size: 15px;
}
.pagination {
  clear:both;
 
  display:block;

}
.pagination span,.pagination a {
 
  margin-right:5px;
  padding:8px 15px;
  text-decoration:none;
background:#13212d;
 font-weight:700;
 color: #fff;

}
.pagination a:hover{
 color: #111;
background:#cbfe01;
}
.pagination .current{
 color: #111;
background:#cbfe01;
}
iframe , .entry-audio audio{
  width: 100%;
}



a.button_1 {text-align: center;
  font-weight: 700;
  
  background: #ff7b02;
  color: #fff;
  padding: 10px 30px;
  border-radius: 20px 4px;
}
a.button_2 {text-align: center;
  font-weight: 700;
  padding: 10px 30px;
  background: #7b5cff;
  color: #fff;
  
  border-radius: 20px 4px;

}





.joy-btn {padding:30px 0;text-align:center;}
.joy-btn a {text-decoration:none;}
.down_button a.button_1, .down_button a.button_2 {display:inline-block;}
.down_button a.button_2 {margin-right:15px;}
.top_buttons {margin-top:3px;text-align:right;padding-right:20px;}
.sidebar-column {padding:10px 0 30px;}
.pays img {margin:10px 15px;}
.pays {border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);padding:30px 0;margin-bottom:30px;}
.text-content {margin-bottom:30px;background:#13212d;}
.text-content img {width:100%;}
.text-content p {margin:0;padding:10px 15px 15px;}
.text-content p a {line-height:1.3;display:block;font-weight:700;}

.home h2, .home h1, .sec-title {font-size:24px;margin:0 0 15px;font-weight:700;color:#fff;}
.home h3 {font-size:20px;}
.page-header {padding:15px 0;background: #13212d;}
.page-header h1 {margin:0;font-size:25px;}
.box-img img {width:100%;}
.box-img {float:left;width:45%;margin-right:20px;margin-bottom:15px;}
.new-title a {display:block;line-height:1.3;display:block;margin-bottom:10px;font-size:18px;font-weight:700;}
.page-box {padding-bottom:15px;}
.taxonomy-description {padding-top:30px}
.side_button {text-align:center;}
.side_button a {display:block;margin:15px auto;}
#search-2 {padding-bottom:30px;}
.title-none {font-weight:700;margin-bottom:15px;color:#fff;font-size:25px;}
.down_button {padding-bottom:40px;}
.copyright ul {margin:0 0 15px;list-style:none;}
.copyright ul li {display:inline-block;margin:0 10px;}
.copyright ul li a {font-size:14px;}

.licategory ul {list-style:none;margin:0 0 5px;}
.licategory ul li {display:inline-block;margin-right:7px;margin-bottom:15px;}
.licategory ul li a {background: #cbfe01;
padding: 7px 16px;
border-radius: 20px 4px;
font-weight: 700;
color: #111;}

.container {position:relative;}



#texthome {padding-bottom:40px;}
#texthome a {padding: 10px;
  border-radius: 20px 4px;
  font-weight: 700;
  color: #111;display:block;max-width:240px;margin:15px auto;
  text-align: center;
  background: #dafe31;}
a.mdl-btn {display:block;margin:10px auto 20px;max-width:200px;font-weight:700;color:#fff;padding:10px;border-radius:30px;background: linear-gradient(to right, rgba(240,127,31,1) 0%,rgba(246,105,0,1) 80%,rgba(194,74,3,1) 100%);}
span.bonuscode { 
position:relative;
margin-right:25px;
cursor:pointer;
color: #ed476d;
font-weight:700;
}
span.bonuscode:after {
	content: '';
    -webkit-mask-image: url(/wp-content/themes/play/images/copy.svg);
    mask: url(/wp-content/themes/play/images/copy.svg);
    -webkit-mask-position: 50%;
    background-color: #ed476d;
    position:absolute;
    width: 18px;
    height: 18px;
    top:2px;
	right:-22px;
}
.promo-title {color: #988b81;font-weight:700;display:block;margin:0 0 15px;}
.blogger span.bonuscode { color: #41c73c;}
.blogger span.bonuscode:after {background-color: #41c73c;}
.promo {text-align:center;padding:15px;font-weight:700;color:#fff;background: #1f53d9;margin:0 0 15px;}
.home .promo {background:none;border:1px dashed #41c73c;}
.blogger {text-align:center;color:#fff;}
.blogger p {border:1px dashed #ffe2b7;padding:15px;}
.fixedpromo, .fixed-promo {text-align:center;padding:15px;font-weight:700;color:#fff;background: #1f53d9;}
.fixed-promo {z-index:99;top:0;left:0;right:0;position:fixed;-webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.32);
box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.32);}
@media (max-width:1199px) {
.entry-content iframe {height:400px;}
.slots_hidden {top:11%;}
}
@media screen and (max-width: 991px){
.slots .col-lg-3, #slots .col-lg-3, #category .col-lg-3 {
    flex: 0 0 auto;
    width: 50%;
}

.slots_hidden {top:25%;}
  .menubar .nav ul li a:focus,a.closebtn.mobile-menu:focus, .primary-navigation a:focus, .toggle-menu button:focus{
    outline: 0;
    border: none;
  }
  .toggle-menu {position:absolute;right:0;top:10px;}
  .toggle-menu i {
    font-size: 20px;
    color: #fff;
   
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
   transition: 0.5s;
    overflow-x: hidden;
    padding-top: 40px;
  visibility: hidden;
    
  }
  body.noscroll .sidebar{ 
    width: 100%; 
	
    visibility: visible;
  }
  .sidebar .closebtn {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 20px !important;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }


  .toggle-menu, a.closebtn.mobile-menu{
    display: block;
  }

  .primary-navigation ul li a{
    padding: 10px 0;
    display:block;
    width:100%!important;
    border:none;
  }

.nav {width:100%!important;display:block!important;}
  .primary-navigation li{
    padding: 0;
	
	display:block;
	border-bottom:1px solid rgba(255,255,255,0.1);
	width:100%!important;
  }
  .primary-navigation ul {padding: 15px;}
  #menu-sidebar {
  background: #1b2b38;
   
  }


  nav#primary-site-navigation a.closebtn.mobile-menu i {
    color: #fff;
  }



.logo {text-align:center;}
.logo img {margin:0 auto;}
.top_buttons {
    margin: 20px 0 15px;
    text-align: center;
    padding-right: 0;
}

#sidebar {margin-top:20px;}
}
@media (max-width:767px) {
.entry-content iframe {height:300px;}
.slots_hidden {top:17%;}


}
@media (max-width:650px) {
.down_button a.button_1, .down_button a.button_2 {display:block;margin:10px auto;}

}
@media (max-width:575px) {
.toggle-menu {right:15px;}
.box-img {

    width: 100%;
    margin-right: 0;

}
}
@media (max-width:500px) {

.slots .col-lg-3, #slots .col-lg-3, #category .col-lg-3 {
    flex: 0 0 auto;
    width: 1000%;
}
.slots_hidden {top:30%;}
.text-content p {

    min-height: auto;
}
}
@media (max-width:470px) {
.entry-content iframe {height:250px;}
}
@media (max-width:410px) {
.entry-content iframe {height:200px;}
}
@media (max-width:380px) {

.slots_hidden {top:20%;}
.top_buttons a {display:block;margin:10px auto;}
}