/*
Theme Name: Bridge
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 12.1
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/* In Post Shortcode Table */

.top-sites-wrap {
	margin-bottom:30px;
}

.top-sites-heading { 
	padding:10px;
	background:#272727; 
	color:#fff; 
	font-weight:normal;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	margin-bottom:10px;
}

.top-sites-row div {
	/*padding:0 8px;*/
	line-height:1.3em;
	text-align:center;
	display:inline-block;
	vertical-align: middle;
}

.top-sites-body {
	border-bottom: 1px solid #c9c9c9;
	margin-bottom:5px;
	position: relative;
}

.top-sites-row.top-sites-body div {
	padding:10px 8px
}

.top-sites-row .featcol {
	width:37%;
}

.top-sites-row .casinocol {
	width:20%;
}

.top-sites-row .depcol {
	width:20%;
}

.top-sites-row .visitcol {
	width:15%;
}

.top-sites-body .depcol{ 
	font-size:1.3em;
}

.top-sites-body ul {
	padding:0 20px;
	margin:0 0 12px 0;
}

.top-sites-body ul li {
	list-style:none !important;
	display: list-item;
	border:0;
	width:100%;
	margin:0px 0px 8px 0px !important;
	padding:0 0 0 22px;
	line-height:1em !important;
	font-size:13px;
	background:none;
	text-align:left;
	position:relative;
}

.top-sites-body ul li::before {
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	background: url(../png/icons.png) -3px -48px;
	left:0; 
	top:0;
}

.top-sites-body span.rankcir {
	position:absolute;
	top:-2px;
	left:0px;
	width:30px;
	height:36px;
	color:#fff;
	font-weight:bold; 
	font-size:15px;
	line-height:36px;
	background: url(../png/icons.png) -78px -48px;
	padding-left: 15px;
	text-align: left;
}

.top-sites-body .casinocol {
	position:relative;
}

.top-sites-body .casinocol img {
	max-width:100%;
	height:auto;
}

.top-sites-body.row-1  {
	border: 2px solid #0ed520;
}

.top-sites-body.row-1 span.rankcir {
	background: url(../png/icons.png) -26px -48px;
}

.top-sites-row .visitcol a.visbutton {
	display:block;
	width:80%;
	margin:0 auto 10px;
	padding:12px 5px;
	font-size:16px !important;
}


/* In Post Shortcode 2 */

ul.top-sportsbook-cards { 
	padding:0; 
	margin: 0 0 30px; 
}

ul.top-sportsbook-cards li {
	display:inline-block; 
	list-style:none;
	background:0;
	margin:0 1%;
	width:31.33%;
	border: 2px solid #e2e2e2;
	padding:20px 0;
	vertical-align:top;
	position:relative;
}

ul.top-sportsbook-cards span.rank {
	position:absolute;
	top:-2px;
	left:-2px;
	width:30px;
	height:36px;
	color:#fff;
	font-weight:bold; 
	font-size:15px;
	line-height:36px;
	background: url(../png/icons.png) -78px -48px;
	padding-left: 15px;
}

ul.top-sportsbook-cards li:first-child span.rank {
	background: url(../png/icons.png) -26px -48px;
}

ul.top-sportsbook-cards > li:first-child {
	border: 2px solid #0ed520;
}

ul.top-sportsbook-cards img.logocomp { 
	display:block;
	height:auto;
	max-width:95%;
	margin: 0 auto 15px;
}

ul.top-sportsbook-cards span.bonus-text {
	display:block;
	text-align:center;
	margin:0 auto 15px;
	background:#eef7fc;
	padding:20px 5px;
	font-size:17px;
	font-weight:bold;
}

ul.top-sportsbook-cards ul {
	padding:0 20px;
	margin:0 0 12px 0;
}

ul.top-sportsbook-cards ul li {
	list-style:none !important;
	display: list-item;
	border:0;
	width:auto;
	margin:0 0 8px !important;
	padding:0 0 0 22px;
	line-height:1.2em;
	position:relative;
	font-size:13px;
}

ul.top-sportsbook-cards a.revlink.tc {
	padding:0 0 15px;
}

ul.top-sportsbook-cards ul li::before {
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	background: url(../png/icons.png) -3px -48px;
	left:0; 
	top:0;
}

ul.top-sportsbook-cards a.visbutton {
	display:block;
	width:90%;
	margin:0 auto 10px;
	padding:16px 5px;
	font-size:18px !important;
}

ul.top-sportsbook-cards a.rev-link {
	display:block;
	margin:0 auto;
	text-align:center;
}


/* Review Page Template */

.summary {
	background:#eee;
	border-collapse: collapse; 
	border-spacing: 0;
	border:1px solid #fff;
	font-size:12px;
	width:100%;

}

.summary th { 
	text-align:left;
	border-bottom:1px solid #fff;
	width:42%;
	padding:5px 5px 5px 15px;
	vertical-align:top;
	line-height:1.2em;
}

.summary td {
	border-bottom:1px solid #fff;
	width:58%;
	padding:5px 5px 5px 0;
	line-height:1.2em;
	vertical-align:top;
}

.sb-review {
	padding: 0 20px; 
	margin-bottom:30px;
	overflow:hidden;
	background:#ddd url(../jpg/review-bg.jpg) no-repeat;
	background-size:cover;
	border:5px solid #999;
}

.sb-review .col1 {
	float:left;
	width:23%;
	padding:20px 0;
}

.sb-review .col1 img {
	margin:0 auto 15px;
	display:block;
}

.sb-review .col2 {
	float:left;
	width:31%;
	padding:20px 35px;
}

.sb-review .col3 {
	float:right;
	width:46%;
	padding:20px 0 0;
}

.sb-review .col3  figure {
	overflow:hidden;
	width:100%;
	height:300px;
	margin:0;
}

.sb-review .col3 img {
	display:block;
	width:100%;
	height:auto;
	min-height: 300px;
}

.sb-rating-area {
  display:block; 
  overflow:hidden;
  margin: 0 auto 10px;
  width: 190px;
}

.sb-rating-area .ratevalue { 
	float:left;
	display:block; 
	margin-left:10px;
}

.sb-rating-area .rate {
	float:left;
}

.bonus-text {
	font-weight:bold;
	font-size:24px;
	display:block;
	text-align:center;
	margin-bottom:30px;
}

.sb-review  a.visbutton {
	display:block;
	margin:0 auto;
	padding:16px 5px;
	font-size:18px !important;
}

.sb-review ul {
	padding:0;
	margin:0 0 12px 0;
}

.sb-review ul li {
	list-style:none;
	display: list-item;
	border:0;
	width:100%;
	margin:0 0 14px;
	padding:0 0 0 22px;
	line-height:1.4em;
	position:relative;
	font-size:13px;
	background:none;
}

.sb-review ul li::before {
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	background: url(../png/icons.png) -3px -48px;
	left:0; 
	top:0;
}

/* Rating Stars */
   
span.rate { 
	display:block;
	height:20px;
	width:114px;
	background:url(../png/icons.png) -1px -25px;
}

span.ratetotal {
	display:block;
	height:20px;
	width:114px;
	background:url(../png/icons.png) -1px -2px;
}   
   
span.rate.cen {
	margin:0 auto;
}

span.rate.mbottom {
	margin-bottom:15px;
}

/* Flytonic Buttons */
a.visbutton {
    background:#14c51c; /* for non-css3 browsers */
 	color:#fff !important;
 	line-height:1em;
	border-radius:5px;
	-moz-border-radius:5px;
 	padding:12px 12px;
 	text-align: center;
	text-decoration: none !important;
	background-image: -moz-linear-gradient(top, #14c51c 40%, #0ca534 100%);
	background-image: -webkit-linear-gradient(top, #14c51c 40%, #0ca534 100%);
	display: inline-block;
	margin:0 .3em 0 .3em;
	text-transform:uppercase;
	font-weight:400 !important;
	font-size:16px !important;
	font-family: 'Oswald', sans-serif !important;
}

a.visbutton.gray {
	background:#d6d6d6; /* for non-css3 browsers */
	border-color: #9e9e9e;
	background-image: -moz-linear-gradient(top, #f9f7f7 50%, #d6d6d6 90%);
	background-image: -webkit-linear-gradient(top, #f9f7f7 50%, #d6d6d6 90%);
	color:#555 !important;
}  
   
a.visbutton.size1 {
	padding:10px 0;
	width:90px;
}

a.visbutton.size2 {
	width:160px;
	padding:12px 0;
	font-size:20px !important;
}

a.visbutton.lg {
	display: block;
	padding:14px 0;
	font-size:20px !important;
	width:200px;
}

a.visbutton.mb {
	margin:0 0 8px 0;
} 

a.visbutton.cent {
	margin:16px auto 10px auto;
	text-align:center;
	display:block;
} 

a.visbutton:hover, 
a.visbutton:active, 
a.visbutton:visited {
	opacity: 0.85; 
	box-shadow:none;
} 

span.hilite {
	color: #136BA2;
}

a.revlink {
	text-decoration:underline;
	display:block;
	text-align:center;
	padding-top:5px;
	color:#666;
}

a.revlink:hover {
	text-decoration:none;
	color:#666;
}

/*media query*/

/* 9. Media Queries
   ----------------------------------------------------------------------------*/
@media screen and (min-width:1100px) and (max-width:1200px) {
.top-sites-row .casinocol {
    width: 20%;
}

.top-sites-row .depcol {
    width: 20%;
}

.top-sites-row .ratecol, .top-sites-row .visitcol {
    width: 15%;
}
.top-sites-row .featcol {
    width: 35%;
}	 
}   
   
@media screen and (min-width:1px) and (max-width:1099px) {
	 
}
 
@media screen and (min-width:768px) and (max-width:1099px) {
.top-sites-row.top-sites-heading{
	display:none;
}
.top-sites-row .casinocol {
    width: 44%;
}
.top-sites-row .depcol {
    width: 44%;
}

.top-sites-row .ratecol, .top-sites-row .visitcol {
    width: 50%;
}
.top-sites-row .featcol {
    width:50%;
}	
}

@media screen and (max-width:650px){
	
}

@media screen and (min-width:1px) and (max-width:767px) {

.top-sites-heading, .top-sites-body span.rankcir {
    display: none;
}

.top-sites-row .casinocol {
    width: 46%;
}

.top-sites-row .depcol {
    width: 46%;
}

.top-sites-row .ratecol, .top-sites-row .visitcol {
    width: 46%;
}
.top-sites-row .featcol {
    width: 46%;
}

ul.top-sportsbook-cards li {
    display: block;
    margin: 0 0 10px !important;
    padding: 15px 0;
	width:100%;
}

}

@media screen and (min-width: 1px) and (max-width:479px){

/* review */

.reviewtitle {
	float:none;
	margin-right:0;
	padding-bottom:5px;
}

.rightbonus {
	float:none;
}

.rightscreen {
	float:none;
	margin:0 auto 25px auto;
	width:242px;
}

.revrating{
	float:none; 
	width:100%; 
	margin:0;
	padding:0 0 10px 0;
}

.rightscreen img {
	margin-bottom:15px;
}

.midsites td,  .midsites th{
padding: 10px 2px;
}

.top-sites-heading, .top-sites-body span.rankcir {
    display: none;
}

.top-sites-row .casinocol {
    width: 95%;
}

.top-sites-row .depcol {
    width: 100%;
}

.top-sites-row .ratecol, .top-sites-row .visitcol {
    width: 100%;
}
.top-sites-row .featcol {
    width: 100%;
}
}