/*
  Theme Name: sportsline
  Theme Uri: http://www.themeum.com/wordpress/themes/sportsline-responsive-sports-news-theme/
  Author: Themeum
  Author Uri: http://www.themeum.com
  Description: Responsive Sports News/Magazine Theme
  Version: 2.7
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Tags: white, light, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-menu, featured-images, post-formats, sticky-post, theme-options, translation-ready
*/


@import 'css/bootstrap.min.css';
@import 'css/font-awesome.min.css';
@import 'css/animate.min.css';
@import 'css/main.css';
@import 'css/woocommerce.css';
.gallery-caption {}

@media only screen and (max-width:768px) {
  .su-button.su-button-style-soft {
    margin-bottom:10px;
  }
}

ul.pagination2 .page-numbers{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 13px;
    display: inline-block;
    margin-right: 5px;
}
ul.pagination2 .page-numbers:hover {
    background: #428bca;
    color: #fff;
}

.pagination2 {
  clear: both;
  padding: 0px
}

#header{background:#fff}body{background:#fff}#footer{background:#3498db}body{font-family:arial;font-weight:400;font-size:17px;color:#111}h1,h2,h3,h4,h5,h6{font-family:arial;font-weight:700;color:#555}.nav.navbar-nav{font-family:arial}
.brand-info p{
  margin-bottom: 0px
}
#header .logo a img{
  max-height: 80px
}
.card {		
    position: relative;		
    display: flex;		
    flex-direction: column;		
    min-width: 0;		
    word-wrap: break-word;		
    padding: 5px;		
    border-radius: 6px;		
    margin-bottom: 20px;		
}		
.rating {		
    display: flex;		
    justify-content: left;		
    align-items: center;		
    height: auto;		
}		
.Stars {		
    --percent: calc(var(--rating) / 100 * 100%);		
    display: inline-block;		
    font-size: 20px;		
    font-family: Times;		
    line-height: 1;		
}		
.Stars::before {		
    content: '★★★★★';		
    letter-spacing: 0px;		
    background: linear-gradient(		
90deg, #fc0 var(--percent), #ccc var(--percent));		
    -webkit-background-clip: text;		
    -webkit-text-fill-color: transparent;		
}		
.rating span {		
    line-height: 24px;		
    height: 20px;		
}		
.pv-card-list {		
	background: initial;	
}		
		
.pv-card {		
	display: flex;	
	flex-wrap: wrap;	
	background: #fff;	
	padding: 10px;	
	border-radius: 6px;	
	box-shadow: 0px 5px 10px 0px rgb(170 170 170 / 50%)	
}		
		
.pv-card + .pv-card {		
	margin-top: 16px;	
}		
		
.pv-card__box-image {		
	position: relative;	
	width: 150px;	
	height: 150px;	
}		
		
.pv-card__image {		
	object-fit: contain;	
}		
		
.pv-card__content {		
	padding: 0 20px;	
	flex: 1;	
}		
		
.pv-card__number {		
	position: absolute;	
	top: 0;	
	left: 0;	
	display: inline-block;	
	padding: 7px 0;	
	text-align: center;	
	font-weight: 700;	
	font-size: 1em;	
	line-height: 1em;	
	color: #fff;	
	padding: 10px;	
	background-color: #EB2F06;
}		
		
.pv-card__promotion {		
	font-weight: 700;	
}		
		
.pv-card__text {		
	padding: 0 15px;	
	font-size: .95em;	
	line-height: 1.45em;	
	color: #bf0413;	
}		
		
.pv-card__button-group {		
	align-self: center;	
}		
		
.pv-card__button {		
    display: block;		
    line-height: 1;		
    background-color: #f55f31;		
    padding: 12px 24px;		
    color: #fff;		
    fill: #fff;		
    text-align: center;		
    font-weight: bold !important;		
    box-shadow: initial !important;		
    transition: all .3s;		
    font-family: Roboto,Sans-serif;		
    border-radius: 25px 25px 25px 25px;		
    margin: 8px;		
    font-size: 12px;		
    text-transform: uppercase;		
    min-width: 200px;		
}		

.pv-card__title a {		
	font-weight: 700;	
	font-size: 28.43px;	
	line-height: 1.25em;	
	color: #111 !important;	
}		
		
.xemreview {		
	background-color: #555960;	
}		
		
.nutchoingay {		
	background-color: rgb(208 17 64);	
}		

@media screen and (max-width: 767px) {		
	.pv-card__button-group {	
		width: 100%;
	}	
		
	.pv-card__text {	
		padding: 0 15px;
		font-weight: 400;
		font-size: .75em;
		line-height: 1.45em;
		color: #7f8c8d;
	}	
}		
		
@media screen and (max-width: 575px) {		
	.pv-card {	
		align-items: center;
		flex-direction: column;
	}	
		
	.pv-card__title {	
		margin-top: 8px;
		text-align: center;
	}	
}