/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.row-breadcrumb .col {
	padding-bottom: 0;
}

.row-review-box {
    border: 0.5px solid #f1f1f1;
    border-radius: 10px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
	padding: 30px 0px 10px;
	margin-bottom: 10px;
	    display: flex;
    flex-flow: row wrap;
    width: 100%;
	position: relative;
}

.review-box-1 {
	padding-top: 80px;
}

.review-ranking.rank-1 {
	top: 80px;
}
.row-review-box .col-1 {
	padding-left: 30px;
}

.row-review-box .col {
	    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
	padding-bottom: 0;
}

.row-review-box .col-3 a {
	
    width: 100%;
    border-radius: 5px;
    padding: 5px 0;
    font-weight: 600;

}

.payment-icons {
	display: flex;
}

.payment-icons img {
    height: 27px;
    margin: 0 2px;
}

.row-review-box .col-2 {
    font-size: 20px;
    text-align: center;
}

.terms-and-conditions {
    color: #999999;
    font-size: 10px;
}

.row-review-box .col-4 {
	margin-top: 20px;
	padding: 10px 15px 0;
    border-top: 1px solid #ccc;
	    justify-content: left;
}
.row-review-box .col-4 p {
	margin-bottom: 0;
}

#wide-nav {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.rank-math-breadcrumb {
	font-size: 14px;
}
.rank-math-breadcrumb a {
	color: #999;
}

.page-wrapper {
	padding: 15px 0;
}

b, strong {
    font-weight: bold;
}

.review-ranking {
    background-color:#540016;
    border-radius: 0 4px 4px 0;
    color: white;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    position: absolute;
    top: 30px;
    z-index: 1;
}

article.review {
	position: relative;
}

.article-inner.row-review-box {
	margin-bottom: 10px;
}
.review-archive-description {
	margin-bottom: 30px;
}
.single .row-review-box {
	margin-bottom: 50px;
}

.ribbon-top-pick {
    background-image: url(https://game.troypham.com/wp-content/themes/flatsome-child/images/ribbon.svg);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 51px;
    margin-top: 17px;
    padding-left: 7px;
    padding-top: 7px;
    width: 190px;
    position: absolute;
    top: -10px;
    z-index: 1;
}

.archive .box-image img {
	border-radius: 10px;
}

.archive .box .is-divider {
	display: none;
}

.post-sidebar span.widget-title {
    text-transform: inherit;
    letter-spacing: normal;
    font-size: 20px;
}

.post-sidebar a {
	font-weight: 500;
}

.post-sidebar img {
	border-radius: 10px;
}

.post-sidebar .box .is-divider {
	display: none;
}

.single .post-sidebar .row-review-box {
    margin-bottom: 10px;
}

.post-sidebar .row-review-box .col-1 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
	padding-right: 0;
}

.post-sidebar .row-review-box .col-2 {
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
}

.post-sidebar .row-review-box .col-3 {
        flex-basis: 100%;
    max-width: 100%;
	margin-top: 20px;
}

.single-review .large-9 {
    flex-basis: 70%;
    max-width: 70%;
}

.single-review .large-3 {
    flex-basis: 30%;
    max-width: 30%;
}

.post-sidebar .row-review-box .col-1 img {
	border-radius: 5px;
}

.post-sidebar .row-review-box .col-2 .text {
	font-size: 18px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.row-review-box .col-3 {
		margin-top: 20px;
	}

	.single-review .large-9 {
    flex-basis: 100%;
    max-width: 100%;
}

.single-review .large-3 {
    flex-basis: 100%;
    max-width: 100%;
}

	
}