/* 
 Theme Name:   repackworld
 Theme URI:    
 Description:  Rubik child theme
 Author:       George
 Author URI:   https://steamdl.net
 Template:     rubik
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
@media (min-width:768px){
	.bk-feature-image-fw-wrap .s-feat-img {text-align: center !important}
	.bk-feature-image-fw-wrap img {width: 100% !important; }
}

@media (min-width: 1280px) {
    body #page-wrap {width: 1280px;}
    body .bkwrapper {width: 1280px !important}
}

/* posts grid listing*/
.module-row.fw-module ul li {clear: unset !important; margin-top: 0 !important}
.custom-posts-wrapper {
    border: 2px solid rgba(255,255,255,0.1);
    padding: 30px;
    background: rgba(227, 222, 222, 0.56);
}

.custom-post-list.style_grid {
    margin-left: -5px;
    margin-right: -5px;
}

.bk-row-wrap .row-type.content_out.col-md-4.col-sm-6 {
    width: calc(100% / 6);
    position: relative;
    padding: 5px;
}

.bk-row-wrap .row-type .post-c-wrap {
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0;
    width: calc( 100% - 10px);
    height: calc( 100% - 10px);
}

.bk-row-wrap .row-type .post-c-wrap:before {
	content:'';
	width:100%;
	position:absolute;
	background: rgb(77 178 236 / 64%);
	height:0;
}

.bk-row-wrap .row-type:hover .post-c-wrap:before {
	height:100%;
	transition: all 0.8s;
}

/* .bk-row-wrap .row-type:hover .post-c-wrap {
    transition: all 0.8s ease-in-out;
} */

.bk-row-wrap .row-type .post-c-wrap .title {
  /* Initial state: hidden with no transition */
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  text-align: center;
  transform: translate(-50%, -50%);
  opacity: 0;
  overflow: hidden;
}

.bk-row-wrap .row-type:hover .post-c-wrap .title {
  /* Transition applied only on hover */
  width: 85%;
  opacity: 1;
}

/* Style the link inside the title when hovered */
.bk-row-wrap .row-type .post-c-wrap .title a:hover {
  color: #fff !important;
}


.bk-row-wrap .row-type .thumb img {
	aspect-ratio: 6/9;
}

.bk-row-wrap .row-type .post-c-wrap > div {
    display: none;
}

.module-row.fw-module ul li:nth-child(n+3) {clear:unset}
.module-row.fw-module ul li:nth-child(n+4) {
	margin:0;
}

@media (max-width:767px){
	.bk-row-wrap .row-type.content_out.col-md-4.col-sm-6 {width:calc(100% / 3)}
}

@media (max-width:479px){
	.bk-row-wrap .row-type.content_out.col-md-4.col-sm-6 {width:calc(100% / 2)}
}

/*single post page*/

.single-format-standard .main.col-md-8 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 20px 30px 30px;
}

.single-format-standard .sidebar {
    padding-left: 20px;
}

.single-format-standard .sidebar-wrap {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 30px;
}

/*a-z listing page*/
.az-letters > ul.az-links > li {
    width: fit-content !important;
	height: fit-content !important;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 2px;
    background: unset;
}

.az-letters > ul.az-links > li a, .az-letters > ul.az-links > li span {
    font-size: 13px;
    font-weight: 500;
    color: #111;
	width: 30px !important; height: 30px !important; text-align: center; line-height: 30px;
}

div.letter-section h2.letter-title {
    border-bottom: unset;
    font-size: 20px;
    background: #733d91;
    text-align: center;
    color: #fff;
    padding: 5px 0;
}

div.letter-section > ul.az-columns {
    all: unset;
    max-width: unset !important;
    display: flex;
    flex-wrap: wrap;
}

div.letter-section > ul.az-columns > li {
    all: unset;
    list-style: disc outside none;
    display: list-item;
    margin-left: 1em;
    flex: 0 0 30%;
}

div.letter-section > ul.az-columns > li {
    font-size: 13px;
    color:#c537ff;
}

@media (max-width:767px){
	div.letter-section > ul.az-columns > li {
		flex: 0 0 48%;
	}
}

@media (max-width:479px){
	div.letter-section > ul.az-columns > li {
		flex: 0 0 98%;
	}
}

/*recent updated posts*/

.updated-list-date {
    font-size:16px;
    font-weight: 500;
    color: #fff;
    background: #733d91;
    padding: 5px 20px;
		margin-top:15px;
}

.updated-posts-list {
    display: flex;
    flex-direction: column;
}

.updated-posts-list li {margin-left: 35px;}

.updated-posts-list a {
    color: #9c27b0;
}

.updated-posts-list a:hover {
    text-decoration: underline; 
}

blockquote.blockquote_style3 {
    padding: 50px 20px 15px 20px;
    text-align: center;
}