/*
Theme Name: LostROMs
Theme URI: https://lostroms.com
Template: generatepress
Author: LostROMs
Author URI: https://lostroms.com
Description: lostroms, roms, download roms
Tags: lostroms, roms
Version: 1.0.1699575616
Updated: 2023-11-10 00:20:16

*/

/* POST DESIGN */

.postcats a{color: white;
background-color: #a453d0;
	padding: 3px 12px 3px 12px;
	display: inline-flex;
		margin: 10px 10px 10px 0px;
	border-radius: 50px;
}


.postimage {}

.postcontent {background-color: ;}

.alternatetitlecontainer {background-color: ;
}

.alternatetitletext:not(:empty) {
background-color: #161616;
	padding: 15px 15px 15px 15px;
	border-radius: 50px;
	border: 1px solid #c8ec3a;
}

.descriptioncontainer {
background-color: #161616;
	padding: 20px 20px 0px 20px;
	border-radius: 50px;
	border: 1px solid #c8ec3a;
	margin-bottom: 30px;
	text-align: center;
}

.descriptionh2 {
		text-align: center;
	font-size: 24px;
font-weight: 700;
		padding: 0px 20px 0px 20px;
}

.descriptiontext {font-size: 16px;
}


.downloadsection {
	background-color: #161616;
	padding: 20px 40px 5px 40px;
	border-radius: 50px;
	border: 1px solid #d59cff;
	margin-bottom: 30px;
	text-align: center;
}

.downloadh2 {
	text-align: center;
	font-size: 24px;
font-weight: 700;}

.postbuttoncontainer {}


.postdownloadbutton {
	background-color: #a453d0 !important;
		padding: 15px 15px 15px 15px;
	border-radius: 10px;
	margin: 10px auto 20px auto;
}

/* DOWNLOAD PAGE DESIGN */
.dlpageprecontainer {
margin-top: 30px;}

.dlpagepretext {font-weight: 600;
font-size: 18px;
text-transform: uppercase;}


.pagedownloadbuttonsouter {
	max-width: 96% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.pagedownloadcontainer {
	
}

.myrientbutton, .archivemirrorbutton, .megamirrorbutton, .pixeldrainmirrorbutton, .gofilemirrorbutton, .fichiermirrorbutton {
	background-color: #a453d0 !important;
		padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	width: 250px;
	text-align: center;
}

.dlpageaftercontainer {margin-top: 20px;
display: none;
}


/* MAIN MENU */

.icon-search {
    font-size: 23px;
    border-radius: 15px;
}

/* LOAD MORE */
.masonry-load-more {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-weight: 600;
}


/* BOTTOM PAGE RELATED */

#jp-relatedposts h3 {
    font-size: 25px !important;
    text-transform: uppercase;
    color: #fff;
}


#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
    line-height: 22px;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}


#jp-relatedposts .jp-relatedposts-post-title {
    margin-top: 10px !important
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+1), div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+1) {
    clear: left
}

@media only screen and (max-width: 640px) {
    div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+1), div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+1) {
        clear: none
    }

    div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
        clear: none
    }

    div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(2n+1) {
        clear: left
    }
}

div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
    -moz-opacity: 1;
    opacity: 0.97
}

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

/* END BOTTOM PAGE RELATED */

/* START COMMENTS DESIGN */

.comment-form {
    margin-top: 15px
}

.comment-form-comment textarea {
    height: 95px;
}

.comment-reply-title {
  font-size: 22px;
}

.comment-body {padding-bottom: 15px !important;
}

.comment-content {
margin: 0px;
padding: 5px 5px 0px 55px;
	padding-left: 0px !important;
}

.comment ul
{margin-left: 25px !important;} 

.comment-meta a{
	font-size: 12px;}

.comment-meta {
	overflow-x: hidden !important;
	white-space: initial !important;
	max-width: 100% !important;
}

.comments-title {display: none;}

.comment-content p{
margin-bottom: 10px !important;
}

.comment-reply-link {
	font-size: 14px;
color: #e4e4e4;
text-transform: uppercase;
font-weight: 700;
	padding: 5px;
			border-radius: 5px;
}

.comment-reply-link:hover {
	background-color: #4D4D4D;
	color: #e4e4e4;
	border-radius: 5px;
}

.single-post #comments {
    display: flex;
    flex-direction: column-reverse;
}

/* END COMMENTS DESIGN */