/*

 Theme Name:   GeneratePress Child

 Theme URI:    https://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Tom Usborne

 Author URI:   https://tomusborne.com

 Template:     generatepress

 Version:      0.1

*/

:root {
  --dark-bg: #253341;
  --light-bg: #ffffff;
  --text-light: #dad1a5;
  --text-dark: #0E0E0E;
  /*list icons will default to the color you add below*/
  --list-icon-color: #9e0f0f;
  --color-blue: #070729;
  --color-green: #115107;
  --color-red: #9e0f0f;
}

body { 
	background-color: #fff;
	font-size: 1.0625rem;
	color: var(--text-dark);
	line-height: 1.5;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
}

.site-header {
  /*change color of the blue default header at top of page*/
  background-color: #fff;
}

#mobile-header {
        background-color: var(--dark-bg);
    }
.site-logo.mobile-header-logo a img {
    height: 68px;
	margin-left: 30px;
}

/*this moves the logo over from the left*/
.site-logo {
	margin-left: 30px;
}

/*this sets the main navigation formatting styles*/
.main-navigation .main-nav ul li a {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  /*line-height: 26px !important;*/
  padding-bottom: 3px !important;
  background-color: var(--dark-bg);
  padding-top: 10px;
}

.main-navigation .main-nav ul li a:hover {
  color: #fff !important;
}

.main-navigation .main-nav ul li.current-menu-item a {
  color: var(--text-light);
}

/*.main-nav .sub-menu > li {
    padding: 5px !important;
	border-bottom: 1px solid #ccc;
	background-color: #3a4754 !important;
}

.main-nav .sub-menu > li > a {
	background-color: none !important;
	color: yellow !important;
	
}

.sub-menu .menu-itemxx a{
    background-color: #3a4754 !important;
}

.main-navigation .main-nav ul li ul li a {
  font-family: 'teko', sans-serif;
  font-weight: normal;
  line-height: 20px;
  font-size: 120%;
  padding: 5px 10px;
}*/
.main-navigation ul ul {
  width: 240px;
}

.main-navigation .main-nav ul li a:hover {
  background-color: #224c63 !important;
}

.main-navigation .main-nav ul li ul li {
  font-family: 'teko', sans-serif;
  font-weight: normal;
  padding: 5px 10px !important;
  background-color: #224c63;
  border-bottom: 1px solid var(--dark-bg);
}

.main-navigation .main-nav ul li ul li a{
 background-color: #224c63 !important;
}

/*start right sidebar styles*/
#right-sidebar, .custom-sidebar {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	padding-bottom:10px;
}

#right-sidebar aside h2.widget-title{
	background-color: var(--dark-bg);
	color: #fff;
	text-align: center;
	padding: 3px 5px;
	margin-bottom: 15px;
	border-radius: 3px;
}

#right-sidebar ul.menu li:not(:last-of-type){
	/*border: none !important;
	background-color: #ccc;*/
	padding: 0px !important;
	margin: 0px !important;
	border-bottom: 1px solid #ccc;
}
#right-sidebar ul.menu li a{
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	color: var(--text-dark);
}

#right-sidebar ul.menu li a:hover{
	background-color: #f1f1f1;
}

#right-sidebar ul.menu li a::before {
  font-family: FontAwesome;
  content: "\f4b9 ";
  padding-left: 9px;
  padding-right: 9px;
  position: relative;
  top: 1px;
}
#right-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
	height: 100%;
	;
	/* offset from top of screen on scroll */
}
/*end right sidebar styles*/

/*this turns the mobile menu icon and text white*/
button.menu-toggle {
	color: #fff !important;
}

/*start default font styles*/
h1 {
	color: var(--dark-bg);
	font-size: 2.0em;
	font-weight: bold;
}
h2 {
	color: #7C0507;
	font-size: 1.50em;
	font-weight: bold;
}
h3 {
	font-size: 1.25em;
	font-weight: bold;
}
h4 {
	font-size: 1.1em;
	font-weight: bold;
}

.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

.background-color-dark {
	background-color: var(--dark-bg);
	color: var(--text-light);
}
.background-color-light {
	background-color: var(--light-bg);
	color: var(--text-dark);
}

.background-color-dark h2{
	color: #dad1a5;
}

/*end default font styles*/

/*start default button styles*/
a.btn{
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: "Akzidenz Grotesk BQ Medium", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 25px;
  text-align: center;
  -webkit-user-select: none;
  touch-action: manipulation;
  text-decoration: none;
  display: inline-block;
  float: left;
  width: 180px;
}

a.btn.btn-green{
  border: 1px solid #00BD68;
  background-image: linear-gradient(-180deg, #00D775, #00BD68);
}
a.btn.btn-blue{
  border: 1px solid #1E96C8;
  background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
}
a.btn.btn-yellow{
    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border:1px solid #ffaa22;
}
/*end default button styles*/

/*start standard table styles*/
.responsive-tbl {
	overflow-x:auto;
}
table {
	font-size: 16px;
}
table th {
	background-color: var(--dark-bg);
	color: var(--text-light);
	text-align: left;
}
table tbody tr:nth-of-type(even) {
  background-color: #f1f1f1 !important;
}
/*end standard table styles*/
img.img-border {
	border: 1px solid #000;
	padding: 2px;
}
img.intext-responsive-img {
	max-width: 400px;
	margin-bottom: 20px;
}

/*start divtable styles*/
h3.tblheading {
  color: var(--color-red);
  padding-bottom: 10px;
  border-bottom: 2px solid #767676;
  margin-bottom: 20px;
}

h3.tblheading::before {
  font-family: FontAwesome;
  content: "\f005 ";
  padding-right: 9px;
  position: relative;
  top: 2px;
  font-size: 1.25em;
}

.table-grey-background {
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.divtablewrapper {
  margin: 0px;
}

.divtable {
  margin: 0px;
  width: 100%;
  display: table;
  text-align: center;
}

.sportsbook-bonus span{
  transform: rotate(-4deg);
  vertical-align: middle;
  display: inline-block;
	font-weight: bold;
}

.sportsbook-bonus span.tbl-bonus-1{
  font-family: 'Teko', sans-serif;
  /*font-size: 168%;*/
  color: #2f5d6b;
  padding-right: 5px;
}

.sportsbook-bonus span.tbl-bonus-3 {
  font-family: 'Teko', sans-serif;
  color: #c10000;
  padding-left: 5px;
}

@media screen and (max-width: 690px) {
  .table-grey-background {
		background-color: #fff;
		border: none;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	h3.tblheading {
	  text-align: center;
	}
}

@media screen and (max-width: 580px) {
  .divtable {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  img.intext-responsive-img {
	max-width: 100%;
	}
}

.row {
    display: table-row;
}

.row.header .cell{
  	padding: 15px 10px 5px;
	color: #666;
	border-top: none;
	font-weight: bold;
	text-transform: uppercase;
}

.divtablewrapper .rank{
	text-align: center;
	width: 75px;
	font-family: 'Anton', sans-serif;
  color: var(--text-dark);
  line-height: 25px;
  font-size: 151%;
  font-size: 24px;
  font-weight: normal;
}

.divtablewrapper .rank:before {
  content: '#';
  position: relative;
  top: -2px;
  left: 2px;
  font-size: 100%;
  padding-right: 5px;
  color: var(--text-dark);
  font-family: arial;
  font-weight: normal;
}


.divtablewrapper .sportsbook-logo{
	min-width: 150px;
}
.divtablewrapper .sportsbook-logo img, .divtablewrapper .sportsbook-rating img{
	margin-top: 7px;
}

.divtablewrapper .visit a{
    box-shadow:inset 0px 1px 0px 0px #c2983f;
	border: 1px solid #c2983f;
    background-image: linear-gradient(to bottom, #e5b85e, #dcb056, #d3a84e, #cba047, #c2983f);
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	width: 180px;
	margin-top: 1px;
}

/*hides anything with a class name of hide-med*/
/*we unhide it again at a width of 580*/
@media screen and (max-width: 1100px) {
  .hide-med {
    display: none !important;
  }
}

@media screen and (max-width: 580px) {
  .row:not(.header) {
    padding: 14px 0 7px;
    display: block;
	-moz-box-shadow: 0 0 2px 2px #f1f1f1;
-webkit-box-shadow: 0 0 2px 2px#f1f1f1;
box-shadow: 0 0 2px 2px #f1f1f1;
	  margin-bottom: 20px;
  }
	.cell.text-center  {
		text-align: center;
	}

  .hide-med, .hide-small {
		display: block !important;
	  }
  .row.header .cell {
    display: none !important;
  }
  .row .cell {
    margin-bottom: 10px;
	  text-align: center;
	  border-top: none;
  }
  .row .cell:last-of-type {
	  /*border-bottom: 1px solid;*/
	  padding-bottom: 20px;
  }
	.divtablewrapper .rank{
		width: 100%;
	}
}

.cell {
  padding: 2px;
  display: table-cell;
  vertical-align: middle;
  border-top: 1px solid #ccc;
}

.table .row:not(:first-of-type):hover {
	background-color: #f1f1f1 !important;
}

.table-grey-background .row:not(:first-of-type):hover {
	background-color: #fff !important;
}

@media screen and (max-width: 580px) {
  .cell {
    padding: 2px 16px;
    display: block;
  }
}
/*end table styles*/

/*start review box styles*/
.row-review-box {
	margin: 20px 20px 40px 20px;
	background-color: #f1f1f1;
	border: 1px solid #e2e2e2;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	border-radius: 3px;
}

.row-review-box *{
	margin: 0px;
}

.row-review-box .review-content{
	background-color: #fff;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #e2e2e2;
}


.row-review-box .header p.review-logo{
	width: 132px;
	float: right
}
.row-review-box .header p.review-logo img{
	height: 35px;
	margin-top: 8px;
}
.row-review-box .review-content p.rating{
	width: 50px;
	line-height: 30px;
	background-image: linear-gradient(to bottom, #0084b0, #1383b3, #2181b5, #2d7fb7, #397db9);
	float: left;
	border: 1px solid #e2e2e2;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	margin-top:-40px;
	margin-left:-40px;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 9px 10px;
}
.row-review-box .header h2{
	padding: 10px 10px 15px 0px;
	color: #000;
}

.row-review-box .header h2 img{
	width: 100px;
}

.row-review-box .review-action {
	width: 60%;
	float: left;
	padding-top: 3px;
}
.row-review-box .review-action p a.btn{
    margin: 13px 2px 0px 2px;
	width: calc(50% - 4px);
}

.row-review-box .review-banking {
	width: 40%;
	float: left;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 0px;
	text-align: center;
}


p.deposit-methods-icons img{
	width: 25px;
	margin-left:2px;
	margin-right:2px;
}

@media (max-width: 1190px) {
	
	.row-review-box .review-action {
		width: 100%;
	}
	.row-review-box .review-banking {
		width: 100%;
		border-top: 1px solid #ccc;
		margin-top: 15px;
	}
}



@media (max-width: 992px) {
	ul.list-grid.three-cols li,ul.list-grid.four-cols li{
	 width: calc(50% - 2px);
	}
	.row-review-box .header h2 img{
		display: block;
		width: 100px;
	}
	.row-review-box .header p.review-logo{
		width: 100%;
		float: left
	}
	
}

@media (max-width: 767px) {
	.row-review-box .review-action p a.btn{
		margin: 10px;
		width: calc(100% - 20px);
	}
}


@media (max-width: 550px) {
	ul.list-grid li {
	  width: 100% !important;
	}
	.row-review-box .header p.review-logo{
		text-align: center
	}
}

/*start banking blocks styles*/
.banking-blocks {
	padding: 10px 15px;
}

.review-banking-methods {
	background-color: #253341;
	color: #fff;
	/*border: 1px solid #000;*/
	margin-right: 1px !important;
	margin-bottom: 1px !important;
	width: calc(25% - 1px);
	float: left;
}
.review-banking-methods:nth-child(even) {
	background-color: #3a4754;
}

.review-banking-methods p{
	width: 100%;
	border-bottom: 1px solid #999;
	padding-top: 10px;
	padding-bottom: 7px;
}
.review-banking-methods p img{
	width: 24px;
	float: left;
	margin-left: 6px;
	margin-right: 7px;
	margin-top: 0px;
}
.review-banking-methods ul{
	list-style: none;
	margin: 5px 5px 5px 10px;
}
.review-banking-methods ul li{
	
}
@media (min-width: 1190px) {
	.review-banking-methods {
		width: calc(20% - 1px);
	}
}
@media (max-width: 885px) {
	.review-banking-methods {
		width: calc(33.3% - 1px);
	} 
}

@media (max-width: 660px) {
	.review-banking-methods {
		margin-right: none !important;
		width: 100%;
	}
}
/*end banking blocks styles*/

/*start list-icons styles*/
ul.list-icons {
	list-style: none;
	margin-left: 25px;
}

ul.list-icons li::before {
  font-family: FontAwesome;
  padding-right: 9px;
  color: var(--list-icon-color);
  position: relative;
  top: 2px;
  font-size: 1.25em;
}

ul.list-icons.checkmark li::before {
  content: "\f00c ";
}

ul.list-icons.square-checkmark li::before {
  content: "\f14a ";
}

ul.list-icons.circle-arrow li::before {
  content: "\f0a9 ";
}

ul.list-icons.circle-exclamation li::before {
  content: "\f06a ";
}
.background-color-dark ul.list-icons li::before {
  color: var(--light-bg);
}
.background-color-light ul.list-icons li::before {
  color: var(--dark-bg);
}
ul.list-icons.color-green li::before {
  color: var(--color-green);
}
ul.list-icons.color-blue li::before {
  color: var(--color-blue);
}
ul.list-icons.color-red li::before {
  color: var(--color-red);
}
/*end list-icons styles*/
ul.fancy {
    list-style: none;
    margin-left: 0px;
	text-indent: 10px;
}
.fancy li {
  list-style: none;
  list-style-position: outside;
  font-weight: normal;
  margin-bottom: 5px;
  padding: 3px 9px;
}
.fancy li::before {
  font-family: FontAwesome;
  content: "\f04b ";
  padding-right: 9px;
  position: relative;
  top: 1px;
  color: var(--color-red);
}

.fancy li:nth-child(odd) {
  background: #f1f1f1;
}
.fancy li:nth-child(even) {
    background: #f4f5f5;
}
/*end list-icons styles*/

/*start list-grid styles*/
ul.list-grid {
	padding-left: 0px;
	margin-top: 0px;
  	margin-bottom: 10px;
  	margin-left: 0px;
  	list-style: none;
  	width: 100%;
  	float: left;
}
ul.list-grid li {
  width: 100%;
  min-width: 180px;
  float: left;
  /*line-height: 36px;*/
  border: 1px solid #ccc;
  margin: 1px;
  font-size: 90%;
  background-color: #fafafa;
}

ul.list-grid li:hover {
  background-color:#E9E1E1;
}

ul.list-grid:not(.links) li {
  padding: 7px 10px;
}

ul.list-grid li a{
  	display: block;
	text-decoration: none;	
}

ul.list-grid.links li {
  line-height: 36px;
}

ul.list-grid.links li img{
  	width: 24px;
	float: left;
	margin-left: 6px;
	margin-right: 10px;
	margin-top: 6px;
	max-height: 24px;
}

ul.list-grid li a:hover {
  background-color:#E9E1E1;
}

ul.list-grid.two-cols li{
  	width: calc(50% - 2px);
	
}

ul.list-grid.three-cols li {
  width: calc(33.3% - 2px);
}

ul.list-grid.four-cols li{
  	width: calc(25% - 2px);
	
}
ul.list-grid.odds-btn li {
  	position: relative;
/*	line-height: 36px;*/
}


ul.list-grid.odds-btn li a{
  display: block;
  width: 85px;
  text-align: right;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 36px;
  padding-right: 10px;
  padding-top: 7px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  color: #fff;
	background-image: linear-gradient(to bottom, #0084b0, #1383b3, #2181b5, #2d7fb7, #397db9);
}

ul.list-grid.odds-btn li a:hover > li{
	background-color: #ccc;
}
ul.cols-icons li i{
  margin-right: 10px;
	color: var(--list-icon-color);
}
/*start list-grid styles*/

/*start property-callout styles*/
.property-callout {
	padding: 0px;
	background-color: #172838;
	background-image:url('../../../images/property-callout-bg.png');
	background-position:center left;
	background-repeat: no-repeat;
	background-size: auto;
	height: 90px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.property-callout * {
	margin: 0px !important;
}

.property-callout p:first-of-type{
	width:160px;
	float: left;
	padding: 20px 10px 15px 10px;
	margin-right: 35px;
}

.property-callout h2{
	font-size:18px !important;
	width: calc(100% - 335px);
	text-align: center;
	color: #fff;
	padding-top: 25px;
	border: none !important;
	float: left;
}

.property-callout p a.property-callout-action{
	width:120px;
	float: right;
	display:block;
	height: 100%;
	background-image: linear-gradient(to bottom, #e5b85e, #dcb056, #d3a84e, #cba047, #c2983f);
	padding: 21px 18px;
	color: var(--dark-bg);
	font-size:17px;
	text-align: center;
	border-radius:6px;
	font-weight: bold;
	text-shadow:0px 1px 0px #2f6627;
	text-decoration:none;
}

.property-callout.red{
	background-color: red;
}

.property-callout.red p .property-callout-action {
	background-image: linear-gradient(to bottom, #051937, #001a4a, #00195d, #00146e, #0c077c);
	border:1px solid #0c077c;
}
@media (max-width: 740px){
    .property-callout h2{
		
		padding-top: 15px;
	}
}

@media (max-width: 600px){
    .property-callout h2{
		display: none;
	}
	.property-callout p a.property-callout-action{
		margin-right: 20px;
	}
}
/*end property-callout styles*/


@media (max-width: 992px) {
	ul.list-grid.three-cols li,ul.list-grid.four-cols li{
	 width: calc(50% - 2px);
	}
	.row-review-box .content p a.btn{
		margin: 10px none;
		width: 100%;
	}
	.row-review-box .header h2 img{
		display: block;
		width: 100px;
	}
	.row-review-box .header p.review-logo{
		width: 100%;
		float: left
	}
}



@media (max-width: 550px) {
	ul.list-grid li {
	  width: 100% !important;
	}
	.row-review-box .header p.review-logo{
		text-align: center
	}
}

/*forces the sidebar to be exactly 320px wide down to 980px screen size*/
@media (min-width: 980px) {
    #right-sidebar {
        width: 320px;
    }
    
    body:not(.no-sidebar) #primary {
        width: calc(100% - 320px);
    }
}

/*forces the sidebar to move to bottom of page and sets the main content to 100% width*/
@media(max-width:979px) {
  .site-content {
    flex-direction: column;
  }
  .site-content .content-area,
  .is-right-sidebar {
    width: 100%;
  }
  .one-container.right-sidebar .site-main {
    margin-right: 0;
  }
  .slideout-toggle {
    display: none;
  }
}


.section-divider {
	margin: 0px;
	margin-top: -50px;
	margin-bottom: -50px;
}

.astrodivider {
  margin:64px auto;
  width:100%; 
  max-width: 100%;
  position:relative;
}

.astrodividermask { 
    overflow:hidden; height:20px; 
}

.astrodividermask:after { 
      content:''; 
      display:block; margin:-25px auto 0;
      width:100%; height:25px;  
        border-radius:125px / 12px;
       box-shadow:0 0 8px #9e0f0f;
}
.astrodivider span {
    width:50px; height:50px; 
    position:absolute; 
    bottom:100%; margin-bottom:-25px;
    left:50%; margin-left:-25px;
    border-radius:100%;
   box-shadow:0 2px 4px #9e0f0f;
    background:#fff;
}
.astrodivider i {
    position:absolute;
    top:4px; bottom:4px;
    left:4px; right:4px;
    border-radius:100%;
    border:1px dashed #9e0f0f;
    text-align:center;
    line-height:40px;
    font-style:normal;
     color:#9e0f0f;
}

/*start force last drop down menu to open to the left instead of right */
.dropdown-hover .main-navigation:not(.toggled) ul .open-left ul {
    left: auto;
    right: 0;
}

.dropdown-hover .main-navigation:not(.toggled) ul .open-left li:hover>ul {
    left: auto;
    right: 100%;
}

.main-navigation .main-nav ul .open-left ul li.menu-item-has-children > a {
    padding-left: 0;
    padding-right: 20px;
}

.main-navigation ul .open-left ul .menu-item-has-children .dropdown-menu-toggle {
    float: left;
    padding-left: 20px;
    padding-right: 15px;
}


/*start force last drop down menu to open to the left instead of right */

/*do not alter styles above this comment as they are the defaults we are using in this template */

/*place any new styles helow and make sure to comment all styles so someone else can understand what they do */

/*---varios style snaes---*/
header {
	border-bottom: 2px solid #000;
}
h2 {
    color: #000000;
}
.fl-accordion-button-label {
	font-size: 100%;
	font-weight: bold;
}
/*----rank label---*/
.row-review-box .review-content p.rating {
    background: #000 !important;
    border-radius: 5px;
}
.row-review-box {
	background-color: #fff;}
/*--change button color---*/
a.btn.btn-green {
    border: 1px solid #cccccc;
    background-image: linear-gradient(-180deg, #d7c918, #ada215);
	color: #000;
}
a.btn.btn-green:hover {
    background-image: linear-gradient(-180deg, #d7c918, #d7c918);
}
.row-review-box .review-action p a.btn {
    margin: 13px 2px 0px 2px;
    width: calc(85% - 4px);
}