/*
Theme Name: fri
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;padding:0;clear:both;
}
ul {list-style:disc;}
ol {list-style:decimal;}
img{
    vertical-align: top;
    height: auto;
    max-width: 100%!important;
    border-style: none;
}
h1, h2, h3, h4, h5, h6 {color:#fff;}
h1{
    margin: 0 0 15px;
    padding: 0;
    font-weight: 700;
    font-size: 26px;
}

h2{
    margin: 0 0 15px;
    padding: 0;
    font-weight: 700;
    font-size: 23px;
}

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

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

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

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

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

input, textarea {padding:10px;border:none;}
input:focus, textarea:focus, input:active, textarea:active {border:none;outline:0;box-shadow:none;}
textarea {width:100%;height:130px;}
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;
}

blockquote{
    border: 1px solid #883FEB;
    border-left: 10px solid #883FEB;
    padding: 10px;
    font-weight: bold;
    font-style: italic;
    color: #883FEB;  
}

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

.single-post-thumbnail{
    width: 100%;
}

.table-cover{
    overflow: auto;
    padding: 1px;
}

iframe{
    width: 100%;
    height: 300px;
}

@media screen and (min-width: 450px){
    iframe{
        height: 350px;
    }
}
@media screen and (min-width: 600px){
    iframe{
        height: 400px;
    }
}
@media screen and (min-width: 768px){
    iframe{
        height: 400px;
    }
}
@media screen and (min-width: 980px){
    iframe{
        height: 500px;
    }
    .single-post-thumbnail{
    width: 40%;
    float: left;
    margin: 0 15px 15px 0;
    }
}

body{
    min-width: 320px;
    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: #c8c8c8;
}

.post-link{
    display: block;
    padding: 15px;
    font-weight: bold;
    color: #000;
    background: #fdcd2d;
    margin: 10px auto;
    width: auto;
    max-width: 320px;
    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: 15px;
    background: #251b45;
}

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

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

.latest-posts a{
    display: block;
    padding: 10px 0;
    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;  
}

header{display:flex;align-items:center;flex-direction:column;flex-wrap:wrap;padding:15px;background:#1d1630}.home-link img{width:62px;height:40px}nav{padding:10px 0;color:#fff;font-weight:700}nav a{margin:0 10px}nav a:hover{color:#fdcd2d}.pushme{width:100%;display:flex;align-items:center;justify-content:space-between}.pushme a{display:flex;align-items:center;justify-content:center;width:calc(50% - 5px);height:40px;border-radius:5px;box-sizing:border-box;padding-left:20px;padding-right:20px;border:1px solid #1d1630}.pushme .download{border-color:#2f2840;color:#6a7284}.pushme .register{color:#000;background:#fdcd2d}.pushme a:hover{background:#ffe926;color:#000}@media screen and (min-width:370px){header{flex-direction:row;justify-content:space-between}.pushme{margin:15px 0}}@media screen and (min-width:635px){.pushme{margin:0;width:240px}.pushme a{width:auto;margin-left:10px}nav{width:calc(100% - 302px);font-weight:400;padding-left:15px}}
.footer-container{
		width: calc(100% - 26px);
		margin: 13px auto;
		display: flex;
		justify-content: space-between;
		color: rgba(255,255,255,.4);
	}

	.footer-left_copy,
	.footer-right_text{
		color: rgba(255,255,255,1);
	}

	.footer-left_nav,
	.footer-right_nav{
		color: rgba(130,143,154,1);
		font-size: 14px;
	}

	.footer-left_nav a{
		margin-right: 15px;
	}

	.footer-right_nav a{
		margin-left: 15px;
	}

	.footer-left_nav a:hover,
	.footer-right_nav a:hover{
		color: #FFF;
	}

	.footer-left_buttons{
		display: flex;
		align-items: center;
		margin-top: 10px;
	}

	.footer-left_buttons a{
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		padding: 0 20px;
		color: #000;
		font-weight: bold;
	}

	.footer-bttn-white{
		background: rgba(255,255,255,.4);
		margin-right: 10px;
	}

	.footer-bttn-white:hover{
		background: rgba(255,255,255,.5);
	}

	.footer-bttn-orange{
		background: rgba(253,205,43,1);
	}

	.footer-bttn-orange:hover{
		background: rgba(253,205,43,.91);
	}

	.footer-right{
		text-align: right;
	}

	.footer-right_icons{
		margin-top: 10px;
	}

	.footer-right_icons svg:nth-child(2){
		margin: 0 15px;
	}

	@media screen and (max-width: 860px) {
		.footer-container{
			flex-direction: column;
		}
		.footer-right{
			text-align: left;
			margin-top: 15px;
		}
		.footer-right_nav a{
			margin-left: 0;
			margin-right: 15px;
		}
	}
	
.blue-banner{
    background: #507bfb;
    width: 100%;    
    max-width: 1180px;  
    padding: 30px 15px;
    margin: 10px auto;  
    border-radius: 15px;
    text-align: center;
	color:#fff;
}

.blue-banner a {
  display:block;
  max-width:200px;
  border-radius:30px;
  color: #000;
  background:#fff;
  text-align:center;
  padding:10px;
  margin:10px auto;
  font-weight:700;
}

.blue-banner span{
    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;

}
.blue-banner span.promocode {font-size:15px;}
.promocode b { 
position:relative;
display:inline-block;
cursor:pointer;
color: #fdcd2d;
margin-right:22px;
}

.promocode b:after {
	content: '';
    -webkit-mask-image: url(/wp-content/themes/fri/images/copy.svg);
    mask: url(/wp-content/themes/fri/images/copy.svg);
    -webkit-mask-position: 50%;
    background-color: #fdcd2d;
    position:absolute;
    width: 18px;
    height: 18px;
    top:2px;
	right:-22px;
}

.igry{max-width:1200px;margin:auto;padding:10px}.igra{background:#251b45;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:7px;margin-bottom:14px}.igra img{max-width:100%;border-radius:5px}.o_igre{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}.o_igre span{width:100%;text-align:center;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;margin:5px 0}.o_igre a{background:#000;width:calc(50% - 3px);color:#fff;text-align:center;padding:10px;border-radius:5px}.o_igre a:nth-child(2){background:#1070e3}.o_igre a:nth-child(3){background:#833ee4}.o_igre a:hover{background:#ff5722}@media screen and (min-width:630px){.igry{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.igra{width:calc(50% - 7px)}}@media screen and (min-width:980px){.igra{width:calc(25% - 7px)}}
.articles{display:flex;justify-content:space-between;flex-wrap:wrap;margin:auto;max-width:1200px;padding:15px}.article{display:flex;flex-direction:column;box-sizing:border-box;border:1px solid #833de3;border-radius:5px;padding:10px;text-align:center;color:#fff;margin-bottom:15px}.article:hover{background:#251b45}.article img{margin-bottom:15px;border-radius:5px}.article-title{text-transform:uppercase;color:#833de3;font-weight:700;display:block}@media screen and (min-width:520px){.article{width:calc(50% - 7.5px)}}@media screen and (min-width:768px){.article{display:block;width:100%;text-align:left}.article img{float:left;margin-right:15px;width:40%}}@media screen and (min-width:1024px){.articles{flex-direction:row}.article{width:calc(50% - 10px)}.article img{margin-bottom:0}}
.arttitle, .home h2 {font-size:23px;font-weight:700;margin:0 0 15px;display:block;width:100%;}
.article-layout{
	    padding: 15px;
	    max-width: 1230px;
	}

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

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

	    .skin-sidebar .sidebar{
	        width: 285px;
	    }
		.article-layout{
			margin: auto;
		}
	}

.article-image {width:40%;float:left;margin-right:20px;}
.article-post {clear:both;margin-bottom:30px;}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.comments-title, .comment-reply-title {font-weight:700;color:#fff;margin-bottom: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.6;}
.comment-content {padding-bottom:20px;}
#comments label {font-size:13px;opacity:0.6;display:block;margin:0 0 6px;}
#comments input[type="submit"] {cursor:pointer;background:#362862;font-weight:700;color:#fff;}

.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;
    }

    .cards{
        max-width: 1200px;
        margin: 15px auto;
    }
}