@charset "utf-8";
/* CSS Document */




















/* index */
.klua-blog-post-index{
	height: auto;
	padding: 12px;
	background-color:#f2e6d9 ;
}
/* index */
.klua-blog-post-box-flow{
		display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	margin-top: 45px;
}
.klua-blog-post-img-card{
	width: 50%;
height: 490px;
	background-color: #ff66d9;
	padding: 8px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.klua-blog-post-img-card-copyright-karine4realz{
	background-color:#ff80df;
	padding: 5px;
	border-radius: 60px;
	float: right;
	width: auto;
	height: auto;
	margin-top: 123px;
}
.klua-blog-post-img-card-copyright{
	background-image: url("../../logo/logodesignerCiculo.png");
	background-size: cover;
	background-position: center;
	width: 50px;
	height: 50px;
}
.klua-blog-post-card-mark{
	padding: 15px;
	border-radius: 12px 50px;
	color: black;
	background-color: #ffb3d9;
	margin-top: 18px;
	font-size: 22px;
	width: auto;
	height: auto;
}
.fa-thumb-tack{
	color: #ff4da6;
	 text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
	padding: 5px;
	width: auto;
	height: auto;
	background-color: white;
	font-size: 22px;
	border-radius: 60px;
}
.klua-blog-post-card-header{
	background-color: black;
	padding: 8px;
	border: 3px solid #ff33cc;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
.klua-blog-post-card-header h3{
	color: white;
}
.klua-blog-post-description-card{
	width: 100%;
	height: auto;
	background-color: white;
	margin: 8px;
	padding-bottom: 30px;
}
.klua-blog-post-description-card p{
	background-color: white;
	padding: 18px;
	color: black;
	border:solid 2px #ff66ff;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	 font-family: "Faculty Glyphic", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 19px;
	height: auto;
	width: auto;
	margin-top: 15px;
	text-align: left;
	
}
/* avatar */
.klua-blog-post-description-avatar-box-style{
	background-color: transparent;
	height: 100px;
}
.klua-blog-post-description-avatar-box-styleground{
	width: auto;
	height: auto;
	padding: 1px;
	background-image: url(  "../4ffd92d4bbbb66cd89ecfea7f7d47334.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 40px;
	float: left;
	margin-left: 15px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	
}
.klua-blog-post-description-avatar-box-styleground-pst{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.klua-blog-post-description-avatar-box-avatar-header h3{
	text-align: center;
	color: white;
	text-shadow: 2px 2px 4px #ff1aff;
	font-family: "Jua", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 23px;
}
.klua-blog-post-description-avatar-box-avatar-img-autora{
	width: 65px;
	height: 65px;
	background-image: url("../../autora/5f1f4e795bdf1dd5a6d4643dce4a1742.jpg");
	background-position: center;
	background-size: cover;
	border: 4px solid #ff80ff;
	margin: 3px;
}
/* avatar */


/* margin fx */
.klua-blog-post-margin-fx{
	background-color: transparent;
	height: 50px;
}
.klua-blog-post-margin-fx p{
	text-align: center;
}
/* margin fx */

/* icons */
.fa-paperclip{
	border-radius: 60px;
	font-size: 19px;
	color: black;
	background-color: white;
}

/* icons */

/* tags */
.klua-blog-post-block-card-description-tags{
	margin-top: 32px;
}
.klua-blog-post-block-card-description-tags li{
	display: inline;
	margin: 5px;
	color: white;
	background-color: #ac3973;
	padding: 8px;
	border-radius: 15px 60px;
}
.klua-blog-post-block-card-description-tags a {
	padding: 12px;
	color: #ffccee;
	background-color: #ff00aa;
	border-radius: 15px 60px;
	width: auto;
	height: auto;
	margin-left: 35px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	}
/* GAME TAGS  */
.klua-blog-post-block-card-description-game-tags li{
	display: inline;
	margin: 8px;
	color: black;
	background-color: #ffccf2;
	padding: 8px;
	border-radius: 15px;
}
.klua-blog-post-block-card-description-game-tags{
	margin-top: 20px;
}
/* GAME TAGS  */
/* tags fim *


/* botão de compartilhamento */
.lua-blog-post-block-compartilhamento-btt{
	padding: 5px;
	margin-left: 35px;
	float: left;
}
.lua-blog-post-block-compartilhamento-btt h3 {
	background-color: black;
	padding: 5px;
	border-radius: 15px 25px 35px;
	 font-family: "Faculty Glyphic", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 21px;
	color: white;
}
/* botão de compartilhamento */


/* numero de paginas */
.paginas{
	height: auto;
	background-color: #ffe6ff;
	}
.paginas-box{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.paginas-card{
	width: 100%;
	height: auto;
	padding: 8px;
}
.paginas-card li{
	width: auto;
	padding: 8px;
	display: inline;
	margin: 2px;
	float: left;
	background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(5, 1, 4, 1) 0%, rgba(7, 2, 6, 1) 0%, rgba(8, 3, 7, 1) 0%, rgba(9, 4, 8, 1) 0%, rgba(11, 5, 9, 1) 0%, rgba(12, 5, 10, 1) 0%, rgba(191, 74, 160, 1) 0%, rgba(232, 90, 194, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(245, 2, 152, 0.24) 0%, rgba(255, 255, 255, 0.33) 100%);
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
	
}
/* marcador de pagina  */
.marcador-de-pagina{
	background-color: #194d33;
	border-radius: 50px;
	color:white;
	padding: 5px;
}
.fa-bookmark-o{
	
	
}
.header-marcador-de-pagina{
	margin-top: 35px;
}
.header-marcador-de-pagina h1{
	text-align: center;
	color: black;
	font-size: 18px;
}
/* marcador de pagina  */
.paginas-card a{
	
	padding: 8px;
	color: #e600e6;
	
	}
.paginas-card li:hover{
	box-shadow: 5px 5px 25px #ff4dff;
}

.fa-file-text{
	width: auto;
	height: auto;
	padding: 8px;
	background-color: white;
	border-radius: 60px;
	color: #ff4dff;
	font-size: 25px;
}
/* numero de paginas */




/* posts relacionados */

/* posts relacionados */

