/*
Theme Name: frc
Description: Friends Casino Theme
Author: Friend
*/

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;

}
a{
    text-decoration: none;
    color: #fdcd2d;
}
a:hover {color:#fff;}
ul,
ol {
    margin:0 0 15px 15px;
	list-style-position: inside;
}
img{
    vertical-align: top;
    height: auto;
    max-width: 100%;
    border-style: none;
}
h1, h2, h3, h4, h5, h6, .h2 {color:#fff;}
h1{
    margin: 0 0 15px;
    padding: 0;
    font-weight: bold;
    font-size: 26px;
}
.h2 {display:block;width:100%;}
h2, .h2 {
    margin: 0 0 15px;
    padding: 0;
    font-weight: bold;
    font-size: 23px;
}

h3{
    margin: 0 0 15px;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
}

h4{
    margin: 0 0 15px;
    padding: 0;
    font-weight: bold;
    font-size: 16px;
}

h5{
    margin: 0 0 15px;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
}

h6{
    margin: 0 0 15px;
    padding: 0;
    font-weight: bold;
    font-size: 10px;
}

p, blockquote{
    margin: 0 0 15px;
    padding: 0;
}

table{
    text-align: center;
    border: 1px solid #883FEB;
    border-collapse: collapse;
    color: #FFF;
    width: 100%;
    margin: 15px auto;
}

table thead tr th{
    border: 1px solid #883FEB;
    padding: 10px;
    font-size: 22px;
    color: #FFF;
    background: #251b45;
}

table tr td{
    border: 1px solid #883FEB;
    padding: 10px;
}

table tr:first-child td{
    font-weight: bold;
    background: #883FEB !important; 
    color: #FFF;   
}

table tr:nth-child(odd) td{
    background: none;
}
@media screen and (max-width: 767px) {
    .ftable {
        width: 100%;
        overflow: auto!important;
        border: 1px solid #883FEB;
      
        box-sizing: border-box;
        margin: 20px 0 20px;
    }
    .ftable table {
        margin: 0 0 0 0!important;
        border: none!important;
        border-radius: 0!important;
    }
}
blockquote{
    border: 1px solid #883FEB;
    border-left: 10px solid #883FEB;
    padding: 15px;
    font-weight: bold;
    font-style: italic;
     
}

blockquote p{
    margin: 0;
}
 
.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.single-post-thumbnail{
    width: 100%;
	margin:0 0 15px;
}



iframe{
    width: 100%;
    height: 500px;
	border:none;
}

@media screen and (max-width: 1199px){
    iframe{
        height: 450px;
    }
}
@media screen and (max-width: 1023px){
    iframe{
        height: 400px;
    }
}
@media screen and (max-width: 700px){
    iframe{
        height: 350px;
    }
}
@media screen and (max-width: 550px){
    iframe{
        height: 300px;
    }
}
@media screen and (min-width: 980px){

    .single-post-thumbnail{
    width: 40%;
    float: left;
    margin: 0 15px 15px 0;
    }
}

body{
    
    overflow-x: hidden;
    font-family: -apple-system,Roboto,Tahoma,Arial,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    background: #1d1630;
    color: #cbcbcb;
	width:100%;
}

.post-link{
    display: block;
    padding: 15px;
    font-weight: bold;
    color: #000;
    background: #fdcd2d;
    margin: 10px auto;
    width: auto;
    max-width: 270px;
    text-align: center;
}

.post-link:hover{
    background: #883FEB;
}

.breadcrumbs{
    padding: 15px;
    background: #251b45;
}

.wp-pagenavi{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
}

.wp-pagenavi span{
    margin-right: 10px;
    width: 38px;
    height: 38px;
    background: #883FEB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #FFF;
}

.wp-pagenavi a{
    margin-right: 10px;
    color: #fff;
}

.wp-pagenavi a:hover{
    color: #883FEB;
}

.sidebar{
    margin-top: 15px;
    padding: 10px;
    background: #251b45;
}

.sidebar-title{
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}

.latest-posts{
    margin-bottom: 10px;
}

.latest-posts a{
    display: block;
    padding: 10px;
    border-bottom: 1px solid #883FEB;
}

.sidebar-buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-buttons a{
    width: calc(50% - 5px);
    padding: 10px;
    border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}

.sidebar-buttons a:hover{
    opacity: 1;
}

.sidebar-buttons a:nth-child(odd){
    background: #1070e3;
}

.sidebar-buttons a:nth-child(even){
    background: #883feb;  
}

.site_top{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 30px);margin:15px auto}
.top_logo{height:40px;width:109px;background-image:url(/wp-content/uploads/2024/12/logo2.png);display:block;background-size:contain;background-repeat:no-repeat}
.site_top-nav{width:calc(100% - 62px);display:flex;flex-direction:column}
.site_top-nav ul li a {color:#fff;}
.site_top-nav ul li a:hover {color:#fdcd2d;}
.site_top ul{display:flex;align-items:center;list-style:none;margin:0;width:100%;justify-content:flex-end}.site_top ul li{color:#fff;margin:0 10px}
ul.site_top-activity{display:flex;margin-top:10px}
ul.site_top-activity li{margin:0 0 0 5px}
ul.site_top-activity a{padding:10px;border-radius:5px;box-sizing:border-box;border:1px solid #000}ul.site_top-activity .top_go_1 a{color:#6b768a;border:1px solid #6b768a}ul.site_top-activity .top_go_1 a:hover{color:#000;background:#fdcd2d;border-color:#fdcd2d}
ul.site_top-activity .top_go_2 a{color:#000;background:#fdcd2d;border-color:#fdcd2d}ul.site_top-activity .top_go_2 a:hover{color:#000;background:#ffe926;border-color:#ffe926}@media screen and (min-width:480px){.site_top-nav{flex-direction:row;align-items:center;justify-content:space-between;padding-left:15px}.site_top ul{width:auto}ul.site_top-activity{margin:0}ul.site_top-activity a{padding:9px 20px}ul.site_top-activity li{margin-left:10px}}
.offer-section{
    background: rgba(251,79,5,1);
    margin: 12px auto;
    padding: 40px 20px;
    max-width: 1200px;
    color: #FFF;
    border-radius: 2px;
}

.offer-section a {
display:block;max-width:200px;font-weight:700;text-transform:uppercase;color:#000;padding:10px;text-align:center;border-radius:30px;background:#fff;
}
a.modbt {display:block;font-weight:700;text-align:center;border-radius:5px;padding:10px;max-width:200px;margin:30px auto;color:#000;background:#fdcd2d;}
.code {font-weight: 700;
   
    display: inline-block;
    background-color: rgba(0,0,0,.26);
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 20px;}


.code span { 
position:relative;
margin-right:22px;
cursor:pointer;
color: #f6ff03;
display:inline-block;
}

.code span:after {
	content: '';
    -webkit-mask-image: url(/wp-content/themes/frc/images/copy.svg);
    mask: url(/wp-content/themes/frc/images/copy.svg);
    -webkit-mask-position: 50%;
    background-color: #f6ff03;
    position:absolute;
    width: 18px;
    height: 18px;
    top:2px;
	right:-20px;
}
.offer-section b {
    font-weight: 700;
    font-size: 22px;
    display: inline-block;
    background-color: rgba(0,0,0,.26);
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 10px;
     
}
img {max-width:100%;}
.games{max-width:1240px;margin:auto;padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.game{background:#251b45;padding:8px;border-radius:8px;display:flex;width:calc(50% - 4px);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.7)}
.game-content{display:flex;align-items:center;width:calc(100% - 230px)}.game img{border-radius:8px;width:30%;margin-right:8px}.game-actions{display:flex;align-items:center;justify-content:flex-end}.game-actions a{border-radius:8px;padding:9px 20px;background:#ff5722;color:#fff}
.game-actions a:last-child{background:#228122;margin-left:8px}.game-actions a:hover{background:rgba(255,255,255,.3)}@media screen and (max-width:980px){.game{width:100%}}@media screen and (max-width:460px){.game{flex-wrap:wrap}.game-actions,.game-content{width:100%}
.game-content{flex-wrap:wrap;font-size:20px;text-align:center;color:#873feb;justify-content:center;font-weight:700}.game-content img{width:100%}.game-actions{justify-content:center;flex-direction:column}
.game-actions a{width:100%;margin:5px 0 0 0!important;text-align:center}}
.theposts{max-width:1230px;width:100%;padding:0 15px;margin:15px auto}.thepost{display:flex;justify-content:space-between;align-items:flex-start;padding:10px;border-radius:10px;background:#251b45;margin-bottom:10px}.thepost img{width:25%;border-radius:10px}
.thepost-cnt{width:calc(75% - 10px)}
.thepost-cnt span{font-size:20px;font-weight:700;color:#fff;line-height:1.3;display:block;margin-bottom:15px;}.thepost-cnt p{color:#ccc}
.pgnt, .main-title {width:100%;}
.pgnt {margin-top:15px;}
	* {box-sizing:border-box;}
@media screen and (max-width:558px){.thepost{flex-direction:column}.thepost img,.thepost-cnt{width:100%;margin-top:10px;}}

.footer__row{
		padding: 15px;
		max-width: 1230px;
		margin: auto;
	}

	.footer__col-copy{
		color: #FFF;
		
		
		text-align: center;
	}

	.footer__col-nav{
	margin:0 0 15px;
		list-style: none;
	}

	.footer__col-nav li{
	display:inline-block;
	margin-right:15px;
	}



	.footer__col-nav li a{
		color: #777383;
		margin-top: 10px;
		display: block;
	}

	.footer__col-nav li a:hover{
		text-decoration: underline;
	}

	.footer__col-logo img{
		height: 40px;
		display: none;
	}

	.footer__col-actions{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.footer__col-actions a{
		width: calc(50% - 3px);
		border-radius: 5px;
		text-align: center;
		display: flex;
		justify-content: center;
		opacity: 0.86;
	}

	a.footer__col-btn-prim{
		background: #777383;
		padding: 9px 20px;
		color:#fff;
	}

	a.footer__col-btn-seco{
		background: #fdcd2b;
		padding: 9px 20px;
		color:#000;
	}

	.footer__col-actions a:hover{
		opacity: 1;
	}

	@media screen and (min-width: 768px) {
		.footer__row{
			display: flex;
			justify-content: space-between;
		}
		.footer__col-logo img{
			display: block;
		}
	
	
	
		.footer__col-copy{
			text-align: left;
		}
		.footer__col-actions{
			justify-content: flex-end;
		}
	  .footer__col-actions a{
	  	width: auto;
	  }
	  .footer__col-btn-seco{
	  	margin-left: 6px;
	  }
	}
.footer__col-nav2 ul {list-style:none;margin:15px 0 15px;}
.footer__col-nav2 ul li {display:inline-block;margin-right:15px;}
.footer__col-nav2 ul li:last-child {margin-right:0;}

figure {max-width:100%;}
.content-text{
	    padding: 15px;
	}

	.content-sidebar{
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	    max-width: 1230px;
	    margin: 15px auto;
	}

	@media screen and (min-width: 1024px) {
	    .content-sidebar{
	        flex-direction: row;
	        align-items: start;
	        justify-content: space-between;
	    }
	    .content-sidebar .content-text{
	        width: calc(100% - 300px);
	    }

	    .content-sidebar .sidebar{
	        width: 300px;
	    }
        .content-text{
            margin: auto;
        }
	}
.comments-title, .comment-reply-title {font-weight:700;color:#fff;margin:0 0 15px;font-size:20px;}
ol.comment-list {margin:0;list-style:none;}
ol.comment-list ol {margin:0;list-style:none;padding-left:30px;}
.comment-head img {float:left;margin-right:15px;}
.comment-date {font-size:13px;opacity:0.7;}
.comment-content {padding-bottom:20px;}
input, textarea {border:none;padding:10px;}
input:focus, textarea:focus, input:active, textarea:active {border:none;outline:0;}
textarea {width:100%;height:130px;}
#comments label {display:block;margin:0 0 5px;font-size:13px;opacity:0.7;}
input[type="submit"] {cursor:pointer;font-weight:700;padding:10px 20px;color:#fff;background:#3d2d6f;}
.thepostlist {display:block;width:100%;margin-bottom:30px;}
.thepostlist img {width:40%;float:left;margin-right:15px;}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.thepostlist-cnt span a {display:block;font-weight:700;font-size:17px;line-height:1.3;margin-bottom:10px;}
@media (max-width:767px) {
.thepostlist img {width:100%;margin-right:0;margin-bottom:15px;}
.site_top, .site_top ul {display:block;text-align:center;}
.site_top ul {margin:0 0 25px;}
.site_top ul li {display:inline-block;}
.site_top-nav{width:100%;display:block;text-align:center;}
ul.site_top-activity{display:block;margin:10px 0 30px;text-align:center;}
.top_logo {margin:0 auto 15px;}

}

.wrapper-sidebar{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wrapper-post{
    padding: 15px;
    margin-bottom: 15px;
}


@media screen and (min-width: 1024px) {
    .wrapper-sidebar{
        flex-direction: row;
        align-items: start;
        justify-content: space-between;
        max-width: 1250px;
        margin: 15px auto;
    }
    .wrapper-post{
        padding: 15px;
        max-width: 1250px;
        margin: auto;
    }
    .wrapper-sidebar .wrapper-post{
        width: calc(100% - 300px);
        margin: 0;
    }

    .wrapper-sidebar .sidebar{
        width: 300px;
    }
 
}