@import url('https://fonts.googleapis.com/css?family=Oxygen:400,400i,700,700i|Inter:400,500,700|Source+Sans+Pro:400,400i,700,700i&display=swap');

/* defaults */

html {
  position: relative;
  -ms-overflow-style:scrollbar;
}

body {
	margin:0;
	font-family:'Oxygen';
	font-size:15px;
	line-height:1.5em;
	color:#000;
    position: relative;
  /* background: url(https://www.sambafoot.com/es/apuestas/wp-content/uploads/2021/07/fundo-azul-estadio-futebol.jpg) top/contain no-repeat #949da6; */
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0 0 10px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
  margin-bottom: 0;
}

h1,
h2,
h3 {
	line-height:1.3em;
	color:#01263c;
	font-weight:500;
	font-family:'Inter'
}
h1{
	font-size:1.7em;
}
h2{
	font-size:1.4em;
}
h3{
	font-size:1.1em;
}
@media (max-width:575px){
	h1{
			font-size:1.4em;
	}
	h2{
			font-size:1.2em;
	}
	h3{
			font-size:1.1em;
	}
	body{
			font-size:14px;
	}
}
a{
	text-decoration:none;
	color:#000;
	transition:.3s ease
}
p a,
.content li a,
.content-block li a{
	color:#3cb370;
	font-weight:700;
	transition:.3s ease
}
p a:hover{
	color:#00304d
}
*:focus{
	outline:none
}
input,textarea,select{
	font-family:'Oxygen';
	font-size:1em
}

iframe {
  display: block;
  width: 100%;
}

ul, ol {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
}


figure {
  margin: 0;
}

*:focus {
  outline: none;
}

*::placeholder {
  color: inherit;
  opacity: .5;
}

.button {
	transition: .3s;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px !important;
    }
}

@media (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

.main .content blockquote {
    margin-left: 0;
    margin-right: 0;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.5em;
    display: flex;
    justify-content: flex-start;
}

.main .content blockquote p {
    padding: 0 30px;
    position: relative;
}

.main .content blockquote p:before, .main .content blockquote p:after {
    font-family: 'Source Sans Pro';
    color: #dce3ee;
    font-size: 3.1em;
    line-height: 1;
    position: absolute;
}

.main .content blockquote p::before {
    content: "“";
    top: -13px;
    left: 0px;
}

.main .content blockquote p::after {
    content: "”";
    bottom: -27px;
    right: 0px;
}


/* meta */
.wp-post .meta {
  display: flex;
  align-items: center;
}

.meta .author {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.author-name .name span.name,
.author-name .name a,
.meta .author .name span.name,
.meta .author .name a {
  font-weight: 700;
}

.meta .author .name a:hover {
  color: #00963b !important;
}

.author-avatar,
.meta .author .avatar {
  display: flex;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  border-radius: 50%;
  overflow: hidden;
} 

.author-avatar img,
.meta .author .avatar img {
  height: 100%;
  width: 100%;
}

.published-date .date > div,
.meta .published-date > div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.published-date .date img,
.meta .published-date > div img {
  width: 11px;
  margin-right: 5px;
}

/* hero meta */

.hero > .meta {
  display: flex;
}

.hero > .meta .author-avatar {
  display: flex;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}

.hero > .meta .published-date {
  font-size: 12px;
  color: #4e697a;
}

.hero > .meta .published-date,
.hero > .meta .author-name {
  display: flex;
  align-items: center;
}

.hero > .meta .author-name .prefix {
  margin-right: 2px;
}

.hero > .meta .published-date .date img {
  width: 11px;
  margin: 0 5px 0 7px;
}


/* */
.hero > .meta .left .author-avatar {
  height: 34px;
  width: 34px;
}


/*--- header ---*/
header {
	display: flex;
	flex-direction: column;
  position: sticky;
  top: 0;
  z-index: 1111;
}


/* top */
header .top {
	background: #00304d;
	padding: 10px 0;
}

header .top .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .top .left {
	flex: 0 0 200px;
}

header .logo img {
	display: block;
}

.search {
  position: relative;
}

.search .icon img {
	position: absolute;
	height: 14px;
	top: 8px;
	right: 12px;
	cursor: pointer;
}

.search input {
	background: #002942;
	border: 1px solid #2b6283;
	border-radius: 3px;
	height: 30px;
	width: 490px;
	padding: 0 30px 0 12px;
	font-size: 13px;
	color: #fff;
}

.search input:focus {
  border-color: #FFF;
}

.samba-gold a {
	display: inline-flex;
	padding: 8px 15px;
	border-radius: 5px;
	background: #b89830;
	margin-right: 10px;
}

.samba-gold a img {
	width: 100px;
	display: block;
	height: 17px;
}

.samba-gold a:hover {
	background: #FFF;
}

.samba-gold a:hover img {
	filter: brightness(0);
}

.mobile-menu-navigation img{
	height: 14px;
	display: block;
	cursor: pointer;
}

.mobile-menu-navigation img.hide {
  display: none;
}


/* resposiveness */
@media (min-width: 1200px) {
  .mobile-menu,
  .mobile-menu-navigation {
    display: none;
  }
}

@media (max-width: 1199px) {
  header .top .left {
		flex: 0 0 150px;
	}

  .top .search,
  .top .samba-gold {
    display: none;
  }

  .search input {
    width: 100%;
  }
}


/* bottom */
header .bottom {
	background: #022235;
}

header .bottom .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .bottom .wrapper > .menus {
  display: flex;
  align-items: center;
}

header .bottom a{
	color:#abb7bf;
}

header .bottom a:hover{
	color:#fff
}

header .bottom .mega-menu img {
  display: block;
  width: 17px;
  transform: scaleX(-1);
  cursor: pointer;
}

header .bottom ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
}

.primary-menu > ul > li > .menu-item {
  display: flex;
  align-items: center;
}

.primary-menu .menu-item img {
	width: 4px;
	transform: rotate(90deg);
	margin-left: 8px;
	transition: .3s;
}

header .resposiveness {
	background: #022235;
	padding: 10px 0;
	position: absolute;
	top: 42.797px;
	z-index: 9;
	width: 100%;
	max-height: calc(100vh - 95.797px);
	overflow: auto;
	transition: .3s;
}

.mobile-menu {
	display: flex;
	flex-direction: column;
}

.mobile-menu.closed ,
header .resposiveness.closed {
	max-height: 0;
	overflow: hidden;
	padding: 0;
	opacity: 0;
}

.mobile-menu > div:nth-child(n+2) {
  padding-top: 10px;
}


/* resposiveness */
@media (min-width: 1200px) {
	header .resposiveness {
		display: none;
	}
    
	.primary-menu > ul a {
		display: block;
		padding: 15px 0;
	}

	.primary-menu li.sub-menu .menu-item > div {
		display: none;
	}

	.primary-menu > ul {
    display: flex;
  }

  .primary-menu a:hover + div img {
    transform: rotate(270deg);
  }

	/*general*/
	.primary-menu > ul > li {
		margin-left: 25px;
	}

	.primary-menu > ul > li > ul {
		display: flex;
		flex-wrap: wrap;

		position: absolute;
		width: max-content;

		background: #fff;
		box-shadow: 0 0 10px rgb(0 0 0 / 10%);

		max-width: 900px;
	}

	.primary-menu > ul > li:not(.two-columns) > ul {
		display: block;
		padding: 15px;
	}

	.primary-menu > ul > li:not(:hover) > ul {
		display: none !important;
	}

	.primary-menu > ul > li > ul a {
		padding: 0;
		color: #01263c;
		transition: none;
	}

	/*two-columns*/
	.primary-menu li.sub-menu {
		margin-left: 0;
    padding: 15px;
    text-transform: uppercase;
    font-family: 'Inter';
	}

	.primary-menu li.sub-menu > ul li {
		text-transform: none;
	}

	.primary-menu > ul > li:not(.two-columns) > ul a,
	.primary-menu > ul > li > ul > .sub-menu a {
		padding: 5px 20px 5px 10px;
    flex: 1;
    border-radius: 5px
	}

	.primary-menu > ul > li > ul li.sub-menu > div a:hover {
		color: #01263c;
	}

	.primary-menu > ul > li:not(.two-columns) > ul a:hover,
	.primary-menu > ul > li > ul .sub-menu > ul a:hover {
		background:#01263c url(https://static.sambafoot.com/es/apuestas/wp//icone-branco-seta-direita.svg) right 10px center/4px auto no-repeat;
		color:#fff;
		text-transform: unset !important;
	}

	.primary-menu > ul > li.two-columns > ul > .sub-menu > ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.primary-menu > ul > li.two-columns > ul > .sub-menu li {
		flex: 0 0 33.33%;
	}

	.primary-menu > ul > li.two-columns > ul > .sub-menu:not(.first-column) {
		flex: 0 0 33.33%;
	}

	.primary-menu > ul > li.two-columns > ul > .sub-menu:not(.first-column) li {
		flex: 0 0 100%;
	}

    .primary-menu > ul > li.two-columns > ul > .sub-menu.first-column {
		flex: 1;
		background: #f3f6fa;
		border-right: 1px solid #dce3ee;
	}
}

@media (max-width: 1199px) {
  header .bottom {
    display: none;
  }

	.mobile-menu .samba-gold a {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mobile-menu .primary-menu ul li > div {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.mobile-menu .primary-menu a {
		color: #FFF;
	}

	.mobile-menu .primary-menu > ul > li > ul > li {
		padding-left: 15px;
	}

	.mobile-menu .primary-menu > ul > li > ul > li.sub-menu > ul {
		padding-top: 7px;
	}

	.mobile-menu .primary-menu > ul > li > ul > li.sub-menu:first-child ul {
		column-count: 3;
	}

	.mobile-menu .primary-menu > ul > li > ul > li > ul > li a {
		color: #5a7c91;
	}
  
	.mobile-menu .primary-menu li:not(.opened) ul {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }

	.mobile-menu .primary-menu li.opened > div img {
		transform: rotate(-90deg);
	}

	.mobile-menu .primary-menu ul li:nth-child(n+2) {
		margin-top: 7px;
	}
}

@media (max-width: 767px) {
	.mobile-menu .primary-menu > ul > li > ul > li.sub-menu:first-child ul {
		column-count: 2;
	}
}




/*--- footer ---*/
footer {
	background: #022235;
	color: #FFF;
	line-height: 1.5em;
	font-family: 'Inter';
}

footer a {
  color: #FFF;
	font-size: 13px;
}

footer a:hover {
  color:#b0bed1
}

footer h3 {
	font-size: 1.1em;
	margin-bottom: 15px !important;
	color: #fff;
	font-weight: 400;
}


/* top */
.footer-top {
	padding: 14px 0;
}

.footer-top .breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 13px;
}

.footer-top .breadcrumb span {
	display: block;
}

.footer-top .breadcrumb > *:not(:last-child) {
	margin-right: 15px;
}

.footer-top .breadcrumb > .directory:first-child > * {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}

.footer-top .breadcrumb > .directory:last-child span {
	font-weight: 500;
}

.footer-top .breadcrumb img {
	vertical-align: middle;
	width: 15px;
	/* margin-top: -5px; */
	margin-right: 15px;
	filter: brightness(0) invert(1);
}

/* middle */
.footer-middle {
	background: #003351;
	padding: 30px 0;
}

.footer-middle .top {
	display: flex;
	flex-wrap: wrap;
}

.footer-middle .top > div {
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.footer-middle .top .articles {
	flex: 0 0 50%;
}

.footer-middle .top .articles.gallery {
	border: unset;
	padding: 0;
}

.footer-middle .top .information-menu {
	flex: 0 0 33.333333%;
}

.footer-middle .top .right {
	flex: 0 0 16.666667%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-middle .top .right .compliance {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.footer-middle .top .information-menu ul {
	display: flex;
	flex-wrap: wrap;
}

.footer-middle .top .information-menu ul li,
.footer-middle .top .useful-links-menu ul li {
	font-size: 13px;
	padding-left: 12px;
	margin-bottom: 15px;
	background: url(https://static.sambafoot.com/es/apuestas/wp//Icone-Cinzento-Seta-Direita.svg) left 5px/5px no-repeat;
}

.footer-middle .top .information-menu ul li {
	flex: 0 0 50%;
}

.footer-middle .bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer-middle .bottom > div:first-child {
	padding-top: 30px;
}

.footer-middle .bottom .title {
	margin-bottom: 15px;
}

.footer-middle .bottom .title span {
	font-size: 1.1em;
	font-weight: 400;
}

.footer-middle .bottom .gallery {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.footer-middle .bottom .gallery > div {
	margin: 0 15px;
	width: auto;
}

.footer-middle .bottom .gallery img {
    border: 0 !important;
    display: block;
    height: auto;
    max-height: 30px;
    margin: 0 auto;
    max-width: 100px;
}


/* responsiveness */
@media screen and (max-width:991px) {
	.footer-middle .top .articles {
		flex: 0 0 100%;
        margin-bottom: 15px;
	}

	.footer-middle .top .information-menu {
		flex: 0 0 66.666667%;
	}

	.footer-middle .top .right {
		flex: 0 0 33.333333%;
	}

    .footer-middle .top .right .compliance {
        justify-content: flex-start;
    }
}

@media screen and (max-width:575px) {
	.footer-middle .top .information-menu {
		flex: 0 0 100%;
	}

	.footer-middle .top .right {
		flex: 0 0 100%;
        gap: 12px 0;
	}

	.footer-middle .bottom .gallery > div {
		flex: 0 0 50%;
		margin: 10px 0 !important;
	}
}


/* bottom */
.footer-bottom {
	font-size: 13px;
	line-height: 1.5em;
	font-family: 'Inter';
	padding: 15px 0;
}

.footer-bottom .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-bottom .left {
	display: flex;
	align-items: center;
}

.footer-bottom .logo img {
	width: 103px;
}

.footer-bottom .copyright {
	margin-left: 30px;
}

.footer-bottom .social-medias {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.footer-bottom .social-medias > div {
	width: 25px;
}

.footer-bottom .social-medias > div:not(:last-child) {
	margin-right: 10px;
}

.footer-bottom .social-medias .social-media a {
	height: 25px;
	background: #011826;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-bottom .social-medias .social-media a:hover{
	background:#fff
}
.footer-bottom .social-medias .social-media img{
	width:13px;
	height:13px;
	display:block
}
.footer-bottom .social-medias .social-media a:hover img{
	filter:brightness(0)
}


/* responsiveness */
@media screen and (max-width: 767px) {
	.footer-bottom .wrapper {
		flex-direction: column;
		justify-content: center;
	}

	.footer-bottom .left {
		flex-direction: column;
		justify-content: center;
	}

	.footer-bottom .logo {
		margin-bottom: 8px;
	}

	.footer-bottom .copyright {
		text-align: center;
	}

	.footer-bottom .social-medias {
		padding-top: 15px;
	}
}




/*--- Mobile Fixed Menu ---*/
section.mobile-menu {
    position: sticky;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
}

section.mobile-menu .menu ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
    margin: 0 -15px;
    display: flex;
    justify-content: space-around;
}

section.mobile-menu .menu ul li {
    flex: 0 0 20%;
    text-align: center;
}

section.mobile-menu .menu ul li > div {
    padding: 7px 0 10px;
    border-top: 3px solid transparent;
}

section.mobile-menu .menu ul li > div.current {
    border-color: #01263c;
}

section.mobile-menu .menu ul li a {
    color: #949494;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

section.mobile-menu .menu ul li > div.current a {
    color: #01263c;
}

section.mobile-menu .menu ul li a span {
    font-size: 11px;
    padding-top: 5px;
    line-height: 1.5em;
}

section.mobile-menu .menu ul li a img {
    height: 18px;
    width: 18px;
}

section.mobile-menu .menu ul li > div:not(.current) img {
    filter: grayscale(1);
    opacity: .5;
}

@media screen and (min-width:576px) {
    section.mobile-menu {
        display: none;
    }
}



/*--- Main ---*/
main {
    background: #f3f6fa;
    padding: 20px 0;
    overflow: hidden;    
}

.main .col-xl-9>div:nth-child(n+2) {
    margin-top: 20px;
}



/*--- Hero ---*/
.hero .show-more-content img {
    width: auto;
    height: 7px;
    margin-left: 7px;
    transform: rotate(90deg);
    filter: brightness(0) invert(1);
}

.hero .show-more-content:not(.less) img {
    transform: rotate(-90deg);
}

.hero .show-more-content .title {
    margin-bottom: 0 !important;
    display: flex;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: 'Inter';
    align-items: center;
    cursor: pointer;
}


@media screen and (max-width:767px) {
    .hero .content {
        display: flex;
        flex-direction: column;
    }

    .hero .content > * {
        order: 1;
    }

    .hero .show-more-content {
        order: 2 !important;
    }

    .hero .more-content {
        padding-bottom: 10px;
        transition: .3s;
    }

    .hero .more-content.less {
        height: 1px;
        opacity: 0;
        overflow: hidden;
    }   
}

@media screen and (min-width:768px) {
    .hero .show-more-content {
        display: none;
    }
}


.hero .navigation-cards {
    margin: -45px 30px 0;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    display: flex;
    position: relative;
}

.hero .navigation-cards a.area-link {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.hero .navigation-cards > div {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 10px 15px;
    border-bottom: 3px solid transparent;
    position: relative;
}

.hero .navigation-cards > div:nth-child(n+2){
    border-left:1px solid #eef1f7
}
.hero .navigation-cards > div:hover{
    border-bottom-color:#003351;
    background:#f8fcff
}

.hero .navigation-cards .left {
    flex: 0 0 55px;
    margin-right: 10px;
}

.hero .navigation-cards img {
    height: 40px;
    width: auto;
}

.hero .navigation-cards .right {
    display: flex;
    flex-direction: column-reverse;
}

.hero .navigation-cards h3 {
    font-family: 'Oxygen' !important;
    color: #646b7d;
    font-size: 14px;
    line-height: 1.3;
    display: inline-block;
}

.hero .navigation-cards span {
    font-family: 'Inter';
    text-transform:uppercase;
    font-size:1em;
    line-height:1.5;
    font-weight:700;
    color: #01263c;    
}

@media screen and (max-width:767px) {
    .hero .navigation-cards {
        display: none;
    }
}



/*--- Sportsbook / Payments Archive ----*/
.betting-sport-template .hero .introduction .title h1,
.payment-methods-archive-template .hero .introduction .title h1,
.casinos-template .hero .introduction .title h1,
.sportsbooks-template .hero .introduction .title h1 {
    color: #FFF;
}

.betting-sport-template .meta,
.payment-methods-archive-template .meta,
.casinos-template .meta,
.sportsbooks-template .meta {
    margin-bottom: 10px;
}

.betting-sport-template .meta .author-name .name a,
.betting-sport-template .meta .author-name .name span,
.payment-methods-archive-template .meta .author-name .name a,
.payment-methods-archive-template .meta .author-name .name span,
.casinos-template .meta .author-name .name a,
.casinos-template .meta .author-name .name span,
.sportsbooks-template .meta .author-name .name a,
.sportsbooks-template .meta .author-name .name span {
    color: #FFF;
}

.sportsbooks > .introduction {
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sportsbooks > .introduction h2 {
    font-weight: 700;
    font-size: 15px;
    font-family: 'Oxygen';
}

.sportsbooks > .introduction .content {
    margin-bottom: 15px;
}



/*--- Homepage Template ---*/
.homepage-template .hero {
  color: #FFF !important;
}

.homepage-template .hero .top {
    border-radius: 5px;
    background-position: center !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    padding: 30px;
    padding-bottom: 90px;
}

.homepage-template .hero .introduction .title {
    margin-bottom: 10px;
}

.homepage-template .hero .introduction .title h1 {
    color: #FFF !important;
}


@media screen and (max-width:767px) {
    .homepage-template .hero .top {
        height: auto;
    }
}

@media screen and (max-width:757px) {
    .homepage-template .hero .top {
        margin: -22px -15px 0;
        border-radius: 0;
        padding: 20px 15px;
    }
}


.homepage-template .betting-tips .introduction {
    margin-bottom: 20px;
}


.homepage-template .col-xl-9 > .betting-tips .introduction .content,
.homepage-template .col-xl-9 > .odds .introduction .content,
.homepage-template .col-xl-9 > .articles .introduction .content,
.homepage-template .col-xl-9 > .payments .introduction .content,
.homepage-template .col-xl-9 > .bonuses .introduction .content{
    clear: both;
}

.homepage-template .col-xl-9 > .betting-tips .introduction .title .left,
.homepage-template .col-xl-9 > .odds .introduction .title .left,
.homepage-template .col-xl-9 > .articles .introduction .title .left,
.homepage-template .col-xl-9 > .payments .introduction .title .left,
.homepage-template .col-xl-9 > .bonuses .introduction .title .left {
    float: left;
    max-width: 70%;
}

.homepage-template .col-xl-9 > .betting-tips .introduction .title .right,
.homepage-template .col-xl-9 > .odds .introduction .title .right,
.homepage-template .col-xl-9 > .articles .introduction .title .right,
.homepage-template .col-xl-9 > .payments .introduction .title .right,
.homepage-template .col-xl-9 > .bonuses .introduction .title .right {
    float: right;
}


.homepage-template .col-xl-9 > .betting-tips .introduction .title a,
.homepage-template .col-xl-9 > .odds .introduction .title a,
.homepage-template .col-xl-9 > .articles .introduction .title a,
.homepage-template .col-xl-9 > .payments .introduction .title a,
.homepage-template .col-xl-9 > .bonuses .introduction .title a {
    display: flex;
    align-items: center;
}

.homepage-template .col-xl-9 > .betting-tips .introduction .title a img,
.homepage-template .col-xl-9 > .odds .introduction .title a img,
.homepage-template .col-xl-9 > .articles .introduction .title a img,
.homepage-template .col-xl-9 > .payments .introduction .title a img,
.homepage-template .col-xl-9 > .bonuses .introduction .title a img {
    display: block;
    height: 12px;
    width: auto;
    margin-left: 5px;
    position: relative;
    top: -1px;
}


@media screen and (max-width:767px) {
    .homepage-template .col-xl-9 > .betting-tips .introduction .title .left,
    .homepage-template .col-xl-9 > .odds .introduction .title .left,
    .homepage-template .col-xl-9 > .articles .introduction .title .left,
    .homepage-template .col-xl-9 > .payments .introduction .title .left,
    .homepage-template .col-xl-9 > .bonuses .introduction .title .left {
        max-width: 60%;
    }
}

@media screen and (max-width:575px) {
    .homepage-template .col-xl-9 > .betting-tips .introduction .title .left,
    .homepage-template .col-xl-9 > .odds .introduction .title .left,
    .homepage-template .col-xl-9 > .articles .introduction .title .left,
    .homepage-template .col-xl-9 > .payments .introduction .title .left,
    .homepage-template .col-xl-9 > .bonuses .introduction .title .left {
        max-width: 53%;
    }

        
    .homepage-template .col-xl-9 > .betting-tips .introduction .title .right,
    .homepage-template .col-xl-9 > .odds .introduction .title .right,
    .homepage-template .col-xl-9 > .articles .introduction .title .right,
    .homepage-template .col-xl-9 > .payments .introduction .title .right,
    .homepage-template .col-xl-9 > .bonuses .introduction .title .right {
        font-size: 11px;
    }

    .homepage-template .col-xl-9 > .betting-tips .introduction .title > div,
    .homepage-template .col-xl-9 > .odds .introduction .title > div,
    .homepage-template .col-xl-9 > .articles .introduction .title > div,
    .homepage-template .col-xl-9 > .payments .introduction .title > div,
    .homepage-template .col-xl-9 > .bonuses .introduction .title > div {
        margin: 5px 0 10px 0;
    }
}



/* */
.advertisers-sidebar > .widget:nth-child(n+2),
.right-sidebar > .widget:nth-child(n+2) {
  margin-top: 20px;
}

.advertisers-sidebar > .widget > .title,
.right-sidebar > .widget > .title {
    padding-bottom: 10px;
}

.advertisers-sidebar > .widget > .title h3,
.right-sidebar > .widget > .title h3 {
    font-size: 15px;  
}


@media screen and (max-width:1199px) {
    .advertisers-sidebar,
    .right-sidebar {
        padding-top: 30px;
    }
}

/* */

.widget-navigation-menu .navigation-card {
    background: #fff;
    border-radius: 5px;
    padding: 7px 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.widget-navigation-menu .navigation-card:nth-child(n+2) {
    margin-top: 5px;
}

.widget-navigation-menu .navigation-card .area-link {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   height: 100%;
   width: 100%; 
}

.widget-navigation-menu .navigation-card span {
    font-size: 13px;
    line-height: 1.5em;
}

.widget-navigation-menu .navigation-card .title span {
    font-weight: 700;
    color: #01263c;
}

.widget-navigation-menu .navigation-card .description span {
    color: #949494;
}

.widget-navigation-menu .navigation-card .icon img {
    width: 18px;
    max-height: 18px;
    display: block;
    opacity: .5;
    transition: .3s;
}

.widget-navigation-menu .navigation-card:hover .icon img {
    opacity: 1;
}



/*  */
.advertiser-geographical-area a.area-link {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.advertiser-geographical-area .short-donation-link > a {
    position: relative;
}

.advertiser-geographical-area.small-card {
    padding: 5px 10px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    position: relative;
    display: flex;
    align-items: center;
}

.advertiser-geographical-area.small-card:nth-child(n+2) {
    margin-top: 10px;
}

.advertiser-geographical-area.small-card > .left {
    flex: 0 0 70px;
}

.advertiser-geographical-area.small-card > .left .rank {
    position: absolute;
    top: 5px;
    left: 7px;
    font-size: 11px;
    line-height: 1;
}

.advertiser-geographical-area.small-card > .right {
    flex: 1;
    display: flex;
    align-items: center;
}

.advertiser-geographical-area.small-card > .right > div {
    margin-left: 15px;
}

.advertiser-geographical-area.small-card > .right .bonus {
    text-align: center;
    font-family: 'Inter';
    color: #01263c;
    flex: 1;
}

.advertiser-geographical-area.small-card > .right .rating {
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.advertiser-geographical-area.small-card > .right .rating .star img {
    width: 15px;
}

.advertiser-geographical-area.small-card > .right .rating .avaluation span {
    display: block;
    margin-top: 4px;
    color: #666;
}


.advertiser-geographical-area.small-card .short-donation-link > * {
    background: #3cb370;
    padding: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.advertiser-geographical-area.small-card .short-donation-link > *:hover {
    background: #01263c;
}

.advertiser-geographical-area.small-card .short-donation-link > a img {
    width: 6px;
}


/* */
.widget-area.advertisers-sidebar,
.widget-area.right-sidebar {
    position: relative;
}

.widget .navigation a{
    font-family: 'Inter';
    font-size: 14px;
    color: #646b7d;
}

@media screen and (min-width:1200px){
    .widget .navigation ul li {
        margin: 0 !important;
        padding: 5px 0;
        padding-left: 10px;
        line-height: 1.5;
        border-left: 3px solid #00304d21;
        transition: .3s ease;
    }

    .widget .navigation ul li:hover {
        border-left:3px solid #01263c;
    }

    .widget .navigation ul li:hover a{
        color:#01263c;
    }
}

.right-sidebar,
.advertisers-sidebar {
    height: 100%;
}
.widget.fixed {
    position: fixed;
    width: 270px;
}
/* .widget.fixed {
    position: fixed;
    width: 270px;
    z-index: 1;
}
*/
.widget.fixed-bottom {
    position: absolute !important;
} 


@media(max-width:1199px){
    .widget.fixed-bottom,
    .widget.fixed {
        position: unset !important;
        width: auto;
    }

    .widget-area.advertisers-sidebar .widget-navigation h3,
    .widget-area.right-sidebar .widget-navigation h3{
        display:none
    }

    .widget .navigation ul{
        position:fixed;
        top: 42.8px !important;
        left:0;
        background:#fff;
        width:100%;
        padding:2px calc((100% - 960px)/2);
        z-index:10;
        border-bottom:1px solid #eee;
        white-space:nowrap;
        display:flex;
        overflow:auto;
        transform:translateY(-60px);
        transition:.3s ease
    }

    .widget.widget-navigation {
        margin-top: 0 !important;
    }

    .widget.widget-navigation.show .navigation ul{
        transform:translateY(0px)
    }

    .widget .navigation ul li{
        margin:0 !important;
        padding:8px 10px 3px;
        line-height:1.5;
        border-left:none;
        border-bottom:3px solid #00304d00;
        transition:.3s ease
    }

    .widget .navigation li:nth-child(n+2){
        margin:0 0 0 15px
    }

    .widget .navigation ul li:first-child{
        margin-left:5px !important
    }
    
    .widget .navigation ul li:hover {
        border-bottom:3px solid #01263c;
        border-left:none
    }
    .widget .navigation ul li:hover a {
        color:#01263c
    }
}

  

/*  */

/* section.main .container > .row {
  padding: 15px 0;
} */

.col-xl-8 > div:not(:last-child) {
  margin-bottom: 20px;
}

.col-xl-8 > div > div:not(:last-child) {
  margin-bottom: 15px;
}

.homepage-template .col-xl-8 > div > div > div:not(:last-child) {
  margin-bottom: 10px;
}

.wp-post .area-link {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }


/*--- Articles ---*/
.homepage-template .articles .introduction {
    margin-bottom: 15px;
}

.homepage-template .articles .articles.grid {
  display: flex;
}

.homepage-template .articles .articles.grid > .left {
  flex: 0 0 60%;
}

.homepage-template .articles .articles.grid > .right {
  flex: 1;
  padding-left: 15px;
}

@media (max-width: 991px) {
    .homepage-template .articles .articles.grid {
        display: block;
    }

    .homepage-template .articles .articles.grid > .left {
        height: 220px;
    }

    .homepage-template .articles .articles.grid > .right {
        padding: 15px 0 0;
    }
}

@media (max-width: 575px) {
    .homepage-template .articles .articles.grid > .left {
        border-radius: 0;
        margin: 0 -15px;
    }

    .wp-post.featured.large-card {
        border-radius: 0 !important;
    }
}


/*  */
.wp-post.featured.large-card {
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 0 5px rgb(0 0 0 / 5%);
  display: flex;
  overflow: hidden;
  background-position: center !important;
  background-size: cover !important;
  
  padding: 30px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}

.wp-post.featured.large-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #000,#000);
  opacity: .7; 
}

.wp-post.featured.large-card .bottom {
  position: relative;
}

.wp-post.featured.large-card .title {
  font-size: 1.5em;
  line-height: 1.3;
  font-family: 'Inter';
  padding-bottom: 10px;
}

.wp-post.featured.large-card .title a {
  position: relative;
  z-index: 2;
  color: #fff;
  font-weight: 400;
}

.wp-post.featured.large-card .meta span,
.wp-post.featured.large-card .meta a {
  color: #fff !important;
}

.wp-post.featured.large-card .meta .published-date > div img {
  filter: brightness(0) invert(1);
}

@media (max-width: 991px) {
  .wp-post.featured.large-card .title {
    font-size: 1.2em;
  }
}

@media (max-width: 575px) {
  .wp-post.featured.large-card .meta span,
  .wp-post.featured.large-card .meta a {
    font-size: 14px !important;
  }
}


/*  */
.wp-post.horizontal.small-card {
  display: flex;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 5px rgb(0 0 0 / 5%);
  position: relative;
}

.wp-post.horizontal.small-card .meta {
  display: block;
}

.wp-post.horizontal.small-card:nth-child(n+2) {
  margin-top: 15px;
}

.wp-post.horizontal.small-card .area-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.wp-post.horizontal.small-card .left {
  flex: 0 0 120px;
  background-size: cover !important;
  background-position: center !important;
}

.wp-post.horizontal.small-card .right {
  flex: 1;
  padding: 10px;
}

.wp-post.horizontal.small-card .right .title a {
  position: relative;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5em;
  color: #01263c;
  z-index: 2;
}

.wp-post.horizontal.small-card .meta .author .avatar {
  display: none !important;
}

.wp-post.horizontal.small-card .meta a,
.wp-post.horizontal.small-card .meta span {
  color: #666;
}

.wp-post.horizontal.small-card .meta .author span.name,
.wp-post.horizontal.small-card .meta .author a {
  font-weight: 600;
}

.wp-post.horizontal.small-card .meta .author a {
  position: relative;
}

.wp-post.horizontal.small-card .meta .published-date > div {
  padding-top: 2px;
}


@media (max-width: 575px) {
  .wp-post.horizontal.small-card .meta a,
  .wp-post.horizontal.small-card .meta span {
    font-size: 14px !important;
  }

  .wp-post.horizontal.small-card .right .title a {
    font-size: 14px;
  }
}



/*--- Advertisers Geographical Areas ---*/
.advertiser-geographical-area .long-donation-link > * {
    background: #3cb370;
    border-radius: 5px;
    height: 38px;
    color: #fff;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

.advertiser-geographical-area .long-donation-link > *:hover {
    background: #01263c;
}

.advertiser-geographical-area .long-donation-link a span {
    flex-grow: 2;
    text-align: center;
}

.advertiser-geographical-area .long-donation-link a img {
    display: block;
    width: 5px;
    margin-left: 7px;
}

.advertiser-geographical-area.hide {
  display: none !important;
}

/*- tc exerpt -*/
.advertiser-geographical-area .tc {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1.4;
    color: #777;
    background: #f8fcff;
    flex: 0 0 100%;
    text-align: center;
}


/*--- Payment Methods ---*/
.homepage-template .payments .payments-table {
    margin-top: 15px;
    overflow: auto;
}

.homepage-template .payments .payments-table .payment-table-row {
    border-radius:5px;
    background:#fff;
    margin-top:1px
}

.homepage-template .payments .payments-table .payment-table-row:nth-child(odd) {
    background: #fcfcfc;
}

.homepage-template .payments .payments-table .payments-table-head,
.homepage-template .payments .payments-table .payment-table-row {
    display:flex;
    align-items:center;
    color:#666
}
.homepage-template .payments .payments-table .payments-table-head > div,
.homepage-template .payments .payments-table .payment-table-row > div {    
    flex:0 0 15%
}

.homepage-template .payments .payments-table .payments-table-head > div {
    display:flex;
    align-items:center;
    padding:0 15px 10px;
}

.homepage-template .payments .payments-table .payments-table-head > div span {
    font-size: 12px;
    text-transform: uppercase;
}

.homepage-template .payments .payments-table .payment-table-row > div {
    padding:10px 15px;
}

.homepage-template .payments .payments-table .logo {
    flex:1 !important;
    display: flex;
    align-items: center;
}

.homepage-template .payments .payments-table .logo .icon {
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:50%;
    margin-right:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent !important;
}

.homepage-template .payments .payments-table .logo .icon img {
    width: 18px;
    height: 18px;
}

.homepage-template .payments .payments-table .logo .name span {
    color: #01263c;
    font-size: 1.1em;
    line-height: 1.5;
}

.homepage-template .payments .payments-table .min-withdrawal,
.homepage-template .payments .payments-table .max-withdrawal{
    flex:0 0 160px !important;
}


@media screen and (max-width:991px){
    .homepage-template .payments .payments-table .payment-table-row {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .homepage-template .payments .payments-table .payments-table-head > div,
    .homepage-template .payments .payments-table .payment-table-row > div { 
        flex:0 0 150px !important;
        width: 150px;
    }

    .homepage-template .payments .payments-table .payments-table-head> div.logo,
    .homepage-template .payments .payments-table .payment-table-row > div.logo {
        flex:0 0 180px !important;
        width: 180px !important;
    }
        
    .homepage-template .payments .payments-table .payment-table-row > div {
        background: #FFF;
        min-height: 65px;
    }

    .homepage-template .payments .payments-table .payment-table-row:nth-child(odd) > div {
        background: #fcfcfc;
        min-height: 65px;
    }
}

@media (max-width:575px){
    .homepage-template .payments .payments-table >div{
        font-size:12px;
        line-height:1.5;
    }

    .homepage-template .payments .payments-table .payment-table-row > div {
        min-height: 56px !important;
    }

    .homepage-template .payments .payments-table .payments-table-head > div,
    .homepage-template .payments .payments-table .payment-table-row > div { 
        flex:0 0 135px !important;
        width: 135px;
    }
}



/*--- Bonuses ---*/
.homepage-template .bonuses .introduction {
    margin-bottom: 15px;
}

.homepage-template .bonuses .advertisers-geographical-areas.grid {
    display: flex;
}

.homepage-template .bonuses .advertisers-geographical-areas.grid > .left {
    flex: 0 0 42%;
}

.homepage-template .bonuses .advertisers-geographical-areas.grid > .right {
    flex: 0 0 58%;
    padding-left: 10px;
}


@media screen and (max-width:1199px) {
    .homepage-template .bonuses .advertisers-geographical-areas.grid {
        display: block;
    }

    .homepage-template .bonuses .advertisers-geographical-areas.grid > .right {
        padding-left: 0;
        padding-top: 10px;
    }
}


/* */
.advertiser-geographical-area.horizontal.medium-card {
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}

.advertiser-geographical-area.horizontal.medium-card:nth-child(n+2) {
    margin-top: 10px;
}

.advertiser-geographical-area.horizontal.medium-card > .left {
    flex: 0 0 120px;
    min-height: 75px;
}

.advertiser-geographical-area.horizontal.medium-card .logo {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advertiser-geographical-area.horizontal.medium-card .logo img {
    width: 90px;
    max-height: 40px;
    display: block;
}

.advertiser-geographical-area.horizontal.medium-card > .right {
    flex: 1;
    padding: 5px 0 5px 10px;
    display: flex;
}

.advertiser-geographical-area.horizontal.medium-card > .right > div {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.advertiser-geographical-area.horizontal.medium-card > .right .bonus {
    flex: 1;
    text-align: center;
    padding-top: 0;
}

.advertiser-geographical-area.horizontal.medium-card > .right .bonus span {
    display: inline-block;
    line-height: 1.5;
    color: #01263c;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 15px;
}

.advertiser-geographical-area.horizontal.medium-card > .right .bonus-info > div {
    flex: 1;
    border: 1px solid #dce3ee;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    min-width: fit-content;
}

.advertiser-geographical-area.horizontal.medium-card > .right .bonus-info > div:nth-child(n+2) {
    margin-left: 5px;
}

.advertiser-geographical-area.horizontal.medium-card > .right .bonus-info .title span {
    text-transform: uppercase;
    font-size: 10px;
}

.advertiser-geographical-area.horizontal.medium-card > .right .bonus-info .elements span {
    color: #01263c;
    font-weight: 700;
}

.advertiser-geographical-area.medium-card > .right .short-donation-link > * {
    background: #3cb370;
    padding: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.advertiser-geographical-area.medium-card > .right .short-donation-link > *:hover {
    background: #01263c;
}

.advertiser-geographical-area.medium-card > .right .short-donation-link > a img {
    width: 6px;
}


@media screen and (max-width:575px) {
    .advertiser-geographical-area.horizontal.medium-card > .right .bonus span {
        font-size: 14px;
    }

    .advertiser-geographical-area.horizontal.medium-card > .right .bonus-info {
        display: none;
    }
}



/* */

.advertiser-geographical-area.vertical.medium-card {
    border: 3px solid #3cb370;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    border-radius: 6px;
    position: relative;
}

.advertiser-geographical-area.vertical.medium-card .advertiser {
    padding: 30px 0 20px;
}

.advertiser-geographical-area.vertical.medium-card .logo {
    height: 45px;
}

.advertiser-geographical-area.vertical.medium-card .logo img {
    max-height: 45px;
    max-width: 80%;
    display: block;
    margin: 0 auto;
}

.advertiser-geographical-area.vertical.medium-card .rating {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 7px;
}

.advertiser-geographical-area.vertical.medium-card .rating .stars {
    display: flex;
}

.advertiser-geographical-area.vertical.medium-card .rating .stars img {
    display: block;
    width: 14px;
    height: 14px;
    filter: brightness(0) invert(1);
}

.advertiser-geographical-area.vertical.medium-card .rating .stars img:nth-child(n+2) {
    margin-left: 7px;
}

.advertiser-geographical-area.vertical.medium-card .rating .avaluation {
    font-family: 'Inter';
    font-weight: 700;
    color: #fff;
    margin-left: 10px;
}

.advertiser-geographical-area.vertical.medium-card .bottom {
    padding: 15px;
    text-align: center;
}

.advertiser-geographical-area.vertical.medium-card .bonus {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.advertiser-geographical-area.vertical.medium-card .bonus > span:first-child {
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #777;
    font-family: 'Oxygen';
}

.advertiser-geographical-area.vertical.medium-card .bonus > span:nth-child(2){
    font-size: 1.2em;
    font-family: 'Inter';
    line-height: 1.5;
    font-weight: 500;
    color: #000;
}

.advertiser-geographical-area.vertical.medium-card .payments-methods {
    padding: 10px 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.advertiser-geographical-area.vertical.medium-card .payments-methods > div {
    flex: 0 0 34px;
    margin: 5px 10px 0 0;
    cursor: pointer;
}

.advertiser-geographical-area.vertical.medium-card .payments-methods > div img {
    display: block;
    max-height: 20px;
    margin: 0 auto;
    filter: grayscale(1);
    transition: .3s ease;
}

.advertiser-geographical-area.vertical.medium-card .payments-methods > div:hover img {
    filter: grayscale(0);
}

.advertiser-geographical-area.vertical.medium-card .long-donation-link {
    display: flex;
    justify-content: center;
}
.advertiser-geographical-area.vertical.medium-card .long-donation-link > * {
    width: fit-content;
}


@media (min-width: 768px) {
    .advertiser-geographical-area.vertical.medium-card {
        min-height: 274px;
        height: fit-content;
    }
}




/* */
.advertiser-geographical-area.vertical.medium-card.featured {
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    background: #fff;
    position: relative;
    overflow: hidden;
    min-height: unset !important;
}

.advertiser-geographical-area.vertical.medium-card.featured .triangle {
    position: absolute;
    top: -22.5px;
    left: -22.5px;
    width: 45px;
    height: 45px;
    transform: rotate(45deg);
}

.advertiser-geographical-area.vertical.medium-card.featured > .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.advertiser-geographical-area.vertical.medium-card.featured .logo img {
    display: block;
    height: 50px;
    max-width: 140px;
    width: auto;
    margin: 0;
}

.advertiser-geographical-area.vertical.medium-card.featured .rating {
    display: block;
    padding: 0;
}

.advertiser-geographical-area.vertical.medium-card.featured .rating .stars {
    display: flex;
    padding-bottom: 2px;
    justify-content: flex-end;
}

.advertiser-geographical-area.vertical.medium-card.featured .rating .stars img {
    width: 14px;
    height: auto;
    filter: none;
}

.advertiser-geographical-area.vertical.medium-card.featured .rating .stars img:nth-child(n+2) {
    margin-left: 7px;
}

.advertiser-geographical-area.vertical.medium-card.featured .rating .avaluation {
    text-align: right;
    color: #777;
    font-family: 'Oxygen';
    font-weight: normal;
    margin-left: 0;
}

.advertiser-geographical-area.vertical.medium-card.featured > .middle {
    padding: 10px 0;
}

.advertiser-geographical-area.vertical.medium-card.featured .bonus {
    text-align: start;
    border-radius: 5px;
    margin-bottom: 7px;
    overflow: hidden;
    padding: 20px;
    display: block;
}

.advertiser-geographical-area.vertical.medium-card.featured .bonus > span {
    color: #FFF;
    font-size: 15px;
    display: block;
    text-align: inherit;
    line-height: inherit;
}

.advertiser-geographical-area.vertical.medium-card.featured .bonus > span + span {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 700;
}

.advertiser-geographical-area.vertical.medium-card.featured .bonus-info {
    display: flex;
}

.advertiser-geographical-area.vertical.medium-card.featured .bonus-info > div {
    flex: 1;
    border: 1px solid #dce3ee;
    border-radius: 5px;
    padding: 5px 0;
    text-align: center;
}

.advertiser-geographical-area.vertical.medium-card.featured .bonus-info > div:nth-child(n+2) {
    margin-left: 7px;
}

.advertiser-geographical-area.vertical.medium-card.featured .bonus-info span {
    color: #777;
}

.advertiser-geographical-area.vertical.medium-card.featured .bonus-info .elements span {
    color: #01263c;
    font-weight: 700;
}

.advertiser-geographical-area.vertical.medium-card.featured > .bottom {
    padding: 0 0 20px 0;
}

.advertiser-geographical-area.vertical.medium-card.featured .long-donation-link a {
    width: 100%;
}


@media screen and (min-width:1200px) {
    .advertiser-geographical-area.vertical.medium-card.featured {
       height: 100%;
    }
}

@media screen and (max-width:1199px) {
    .advertiser-geographical-area.vertical.medium-card.featured > .bottom {
        padding-bottom: 0;
    }
}

@media screen and (max-width:575px) {
    .advertiser-geographical-area.vertical.medium-card.featured {
        padding: 15px;
    }

    .advertiser-geographical-area.vertical.medium-card.featured .bonus > span {
        font-size: 14px;
    }
}



/*--- 404 Template  ---*/
.template-404 .hero .title {
    margin-bottom: 10px;
}



/*--- Sportsbook / Bonus / App Review Template  */
.child-sportsbook-review-template .hero > .content,
.app-review-template .hero > .content,
.bonus-review-template .hero > .content,
.casino-review-template .hero > .content,
.sportsbook-review-template .hero > .content {
    clear: both;
    display: block;
    padding-top: 10px;
}

.child-sportsbook-review-template .hero > .introduction,
.app-review-template .hero > .introduction,
.bonus-review-template .hero > .introduction,
.casino-review-template .hero > .introduction,
.sportsbook-review-template .hero > .introduction {
    float: left;
}

.child-sportsbook-review-template .hero .introduction .subtitle,
.app-review-template .hero .introduction .subtitle,
.bonus-review-template .hero .introduction .subtitle,
.casino-review-template .hero .introduction .subtitle,
.sportsbook-review-template .hero .introduction .subtitle {
    margin-top: 5px;
}

.child-sportsbook-review-template .hero .introduction .subtitle h2,
.app-review-template .hero .introduction .subtitle h2,
.bonus-review-template .hero .introduction .subtitle h2,
.casino-review-template .hero .introduction .subtitle h2,
.sportsbook-review-template .hero .introduction .subtitle h2 {
    font-weight: 400;
    font-family: 'Oxygen';
    font-size: 1.1em;
    text-transform: uppercase;
    color: #4e697a;
    line-height: 1.5;
}

.child-sportsbook-review-template .hero > .meta,
.app-review-template .hero > .meta,
.bonus-review-template .hero > .meta,
.casino-review-template .hero > .meta,
.sportsbook-review-template .hero > .meta {
    float: right;
    justify-content: space-between;
    align-items: center;
}

.child-sportsbook-review-template .hero > .meta .author-avatar,
.app-review-template .hero > .meta .author-avatar,
.bonus-review-template .hero > .meta .author-avatar,
.casino-review-template .hero > .meta .author-avatar,
.sportsbook-review-template .hero > .meta .author-avatar {
  width: 26px;
  height: 26px;
  margin-right: 7px;
}


@media screen and (min-width: 768px) {
    .child-sportsbook-review-template .hero > .introduction,
    .app-review-template .hero > .introduction,
    .bonus-review-template .hero > .introduction,
    .casino-review-template .hero > .introduction,
    .sportsbook-review-template .hero > .introduction {
        width: calc(100% - 236px);
    }
}


@media screen and (max-width:767px) {
    .child-sportsbook-review-template .hero > .meta,
    .child-sportsbook-review-template .hero > .introduction,
    .app-review-template .hero > .meta,
    .app-review-template .hero > .introduction,
    .bonus-review-template .hero > .meta,
    .bonus-review-template .hero > .introduction,
    .casino-review-template .hero > .meta,
    .casino-review-template .hero > .introduction,
    .sportsbook-review-template .hero > .meta,
    .sportsbook-review-template .hero > .introduction {
        float: none;
    }

    .child-sportsbook-review-template .hero > .meta,
    .app-review-template .hero > .meta,
    .bonus-review-template .hero > .meta,
    .casino-review-template .hero > .meta,
    .sportsbook-review-template .hero > .meta {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 576px) {
    .child-sportsbook-review-template .hero > .introduction .mobile-card,
    .app-review-template .hero > .introduction .mobile-card,
    .bonus-review-template .hero > .introduction .mobile-card,
    .casino-review-template .hero > .introduction .mobile-card,
    .sportsbook-review-template .hero > .introduction .mobile-card {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .child-sportsbook-review-template .hero > .introduction .mobile-card > div,
    .app-review-template .hero > .introduction .mobile-card > div,
    .bonus-review-template .hero > .introduction .mobile-card > div,
    .casino-review-template .hero > .introduction .mobile-card > div,
    .sportsbook-review-template .hero > .introduction .mobile-card > div {
        margin-top: 20px;
    }

    .child-sportsbook-review-template .hero > .meta,
    .app-review-template .hero > .meta,
    .bonus-review-template .hero > .meta,
    .casino-review-template .hero > .meta,
    .sportsbook-review-template .hero > .meta {
        padding: 10px 0;
    }

    .child-sportsbook-review-template .hero > .content,
    .app-review-template .hero > .content,
    .bonus-review-template .hero > .content,
    .casino-review-template .hero > .content,
    .sportsbook-review-template .hero > .content {
        padding-top: 0;
    }
}


/* */

.child-sportsbook-review-template .advertisers.grid,
.app-review-template .advertisers.grid,
.bonus-review-template .advertisers.grid,
.casino-review-template .advertisers.grid,
.sportsbook-review-template .advertisers.grid {
    display: flex;
    width: 100%;
}

.app-review-template .hero > .introduction {
    margin-bottom: 0;
}


@media screen and (max-width:767) {
    .child-sportsbook-review-template .advertisers.grid,
    .app-review-template .advertisers.grid,
    .bonus-review-template .advertisers.grid,
    .casino-review-template .advertisers.grid,
    .sportsbook-review-template .advertisers.grid {
        margin-top: 0 !important;
    }
}

.bonus-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card {
    flex: 0 0 300px;
}

.child-sportsbook-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card,
.app-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card,
.casino-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card,
.sportsbook-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card {
    flex: 0 0 240px;
}

.child-sportsbook-review-template .advertisers.grid > .table,
.app-review-template .advertisers.grid > .table,
.bonus-review-template .advertisers.grid > .table,
.casino-review-template .advertisers.grid > .table,
.sportsbook-review-template .advertisers.grid > .table {
    flex: 1;
    padding-left: 20px;
}

.bonus-review-template .information.head > div.active span {
    display: none;
}


@media screen and (max-width:767px) {
    .child-sportsbook-review-template .advertisers.grid,
    .app-review-template .advertisers.grid,
    .bonus-review-template .advertisers.grid,
    .casino-review-template .advertisers.grid,
    .sportsbook-review-template .advertisers.grid {
        display: block;
    }

    .child-sportsbook-review-template .advertisers.grid > .table,
    .app-review-template .advertisers.grid > .table,
    .bonus-review-template .advertisers.grid > .table,
    .casino-review-template .advertisers.grid > .table,
    .sportsbook-review-template .advertisers.grid > .table {
        flex: 1;
        padding: 20px 0 0;
    }
}

@media screen and (max-width:575px) {
    .child-sportsbook-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card,
    .app-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card,
    .bonus-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card,
    .casino-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card,
    .sportsbook-review-template .advertisers.grid > .advertiser-geographical-area.vertical.medium-card {
        display: none;
    }

    .child-sportsbook-review-template .advertisers.grid > .table,
    .app-review-template .advertisers.grid > .table,
    .bonus-review-template .advertisers.grid > .table,
    .casino-review-template .advertisers.grid > .table,
    .sportsbook-review-template .advertisers.grid > .table {
        flex: 1;
        padding: 0;
    }
}



/* */

.child-sportsbook-review-template .more-options,
.app-review-template .more-options,
.bonus-review-template .more-options,
.casino-review-template .more-options,
.sportsbook-review-template .more-options {
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    background: #fff;
    text-align: center;
}

.child-sportsbook-review-template .more-options .title,
.app-review-template .more-options .title,
.bonus-review-template .more-options .title,
.casino-review-template .more-options .title,
.sportsbook-review-template .more-options .title {
    font-weight: 700;
    font-size: 1.2em;
    padding-bottom: 10px;
}

.child-sportsbook-review-template .more-options .title > div,
.app-review-template .more-options .title > div,
.bonus-review-template .more-options .title > div,
.casino-review-template .more-options .title > div,
.sportsbook-review-template .more-options .title > div {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

.child-sportsbook-review-template .more-options .title > div img,
.app-review-template .more-options .title > div img,
.bonus-review-template .more-options .title > div img,
.casino-review-template .more-options .title > div img,
.sportsbook-review-template .more-options .title > div img {
    width: 20px;
    margin-right: 10px;
}

.child-sportsbook-review-template .more-options .options,
.app-review-template .more-options .options,
.bonus-review-template .more-options .options,
.casino-review-template .more-options .options,
.sportsbook-review-template .more-options .options {
    padding-top: 10px;
}

@media screen and (min-width:768px){
    .child-sportsbook-review-template .more-options .options,
    .app-review-template .more-options .options,
    .bonus-review-template .more-options .options,
    .casino-review-template .more-options .options,
    .sportsbook-review-template .more-options .options {
        display:flex;
        margin:0 -7px;
    }

    .child-sportsbook-review-template .more-options .options > div,
    .app-review-template .more-options .options > div,
    .bonus-review-template .more-options .options > div,
    .casino-review-template .more-options .options > div,
    .sportsbook-review-template .more-options .options > div {
        flex:0 0 calc(33.33% - 14px);
        margin:0 7px;
    }
}

@media screen and (max-width:767px) {
    .child-sportsbook-review-template .more-options .options>div:nth-child(n+2),
    .app-review-template .more-options .options>div:nth-child(n+2),
    .bonus-review-template .more-options .options>div:nth-child(n+2),
    .casino-review-template .more-options .options>div:nth-child(n+2),
    .sportsbook-review-template .more-options .options>div:nth-child(n+2) {
        margin-top:10px;
    }
}

@media screen and (max-width:575px) {
    .child-sportsbook-review-template .hero ~ .more-options,
    .app-review-template .hero ~ .more-options,
    .bonus-review-template .hero ~ .more-options,
    .casino-review-template .hero ~ .more-options,
    .sportsbook-review-template .hero ~ .more-options {
        display: none;
    }
}
    
/* */

.child-sportsbook-review-template .bonuses .introduction,
.app-review-template .bonuses .introduction,
.bonus-review-template .bonuses .introduction,
.casino-review-template .bonuses .introduction,
.sportsbook-review-template .bonuses .introduction {
    margin-bottom: 10px;
}

.child-sportsbook-review-template .bonuses .advertisers-geographical-areas > div:nth-child(n+2),
.app-review-template .bonuses .advertisers-geographical-areas > div:nth-child(n+2),
.bonus-review-template .bonuses .advertisers-geographical-areas > div:nth-child(n+2),
.casino-review-template .bonuses .advertisers-geographical-areas > div:nth-child(n+2),
.sportsbook-review-template .bonuses .advertisers-geographical-areas > div:nth-child(n+2) {
    margin-top: 5px;
}

@media screen and (min-width:1200px) {
    .child-sportsbook-review-template .bonuses .advertisers-geographical-areas,
    .app-review-template .bonuses .advertisers-geographical-areas,
    .bonus-review-template .bonuses .advertisers-geographical-areas,
    .casino-review-template .bonuses .advertisers-geographical-areas,
    .sportsbook-review-template .bonuses .advertisers-geographical-areas {
        display: flex;
        flex-wrap: wrap;
    }

    .child-sportsbook-review-template .bonuses .advertisers-geographical-areas > div,
    .app-review-template .bonuses .advertisers-geographical-areas > div,
    .bonus-review-template .bonuses .advertisers-geographical-areas > div,
    .casino-review-template .bonuses .advertisers-geographical-areas > div,
    .sportsbook-review-template .bonuses .advertisers-geographical-areas > div {
        flex: 0 0 calc(50% - 10px);
        margin: 5px !important;
    }
}



/*-- Horizontal Long Card --*/
.advertiser-geographical-area.long-card {
    background:#fff;
    box-shadow:0 0 5px rgb(0 0 0/5%);
    border-radius:6px;
    overflow:hidden;
    display:flex;
    flex-wrap:wrap;
}

.advertiser-geographical-area.long-card:nth-child(n+2) {
    margin-top: 10px;
}

.advertiser-geographical-area.long-card:first-child {
    border: 3px solid #3cb370;
    overflow: visible;
}

.advertiser-geographical-area.long-card,
.advertiser-geographical-area.long-card a {
  position: relative;
}

.advertiser-geographical-area.long-card .area-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 135px;
    z-index: 1;
}


/*- left -*/
.advertiser-geographical-area.long-card > .left {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 190px;
}

.advertiser-geographical-area.long-card .advertiser .rank {
    position: absolute;
    top: calc(50% - 5.5px);
    left: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.advertiser-geographical-area.long-card .advertiser .logo {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advertiser-geographical-area.long-card .advertiser .logo img {
    display: block;
    width: 140px;
    height: 60px;
}

.advertiser-geographical-area.long-card .review.mobile {
    display: none;
}


/*- right -*/
.advertiser-geographical-area.long-card > .right {
    flex: 1;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.advertiser-geographical-area.long-card > .right .top {
    display: flex;
    align-items: center;
    height: 100%;
}

.advertiser-geographical-area.long-card > .right .top > div:nth-child(n+2) {
    margin-left: 20px;
}

.advertiser-geographical-area.long-card > .right .top > .bonus {
    flex: 1;
    font-size: 1.2em;
    font-family: 'Inter';
    line-height: 1.5;
    font-weight: 500;
    color: #01263c;
}

.advertiser-geographical-area.long-card > .right .top > .review {
    flex: 0 0 115px;
}

/* features */
.advertiser-geographical-area.long-card .features {
    flex: 0 0 175px;
}

.advertiser-geographical-area.long-card .features .feature > div {
    font-size: 12px;
    line-height: 1.6;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
}

.advertiser-geographical-area.long-card .features .feature img {
    width: 11px;
    margin: 4px 6px 0 0;
}

/* rating */
.advertiser-geographical-area.long-card .rating > div {
    display: flex;
    padding-bottom: 5px;
    justify-content: center;
}

.advertiser-geographical-area.long-card .rating img {
    width: 12px;
}

.advertiser-geographical-area.long-card .rating img:nth-child(n+2) {
    margin-left: 7px;
}

/* review */
.advertiser-geographical-area.long-card .review {
    text-align: center;
    font-size: 12px;
}

.advertiser-geographical-area.long-card .review .review-button {
    position: relative;
    z-index: 1;
}

.advertiser-geographical-area.long-card .review a {
    color: #666;
}

.advertiser-geographical-area.long-card .review a:hover {
    color: #01263c;
}

/* donation */
.advertiser-geographical-area.long-card .long-donation-link > * {
    display: inline-flex;
    white-space: nowrap;
    justify-content: center;
}


.advertiser-geographical-area .show-more,
.bonuses .show-more,
.sportsbooks .show-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #666;
    cursor: pointer;
    position: relative;
    z-index: 1;
    padding-top: 0;
}

.advertiser-geographical-area .show-more img,
.bonuses .show-more img,
.sportsbooks .show-more img {
    display: inline;
    transform: rotate(90deg);
    width: 5px;
    margin-left: 5px;
}

.advertiser-geographical-area.long-card .show-more:not(.less) img {
    transform:rotate(-90deg)
}

.advertiser-geographical-area .show-more:hover,
.bonuses .show-more:hover,
.sportsbooks .show-more:hover{
    color:#01263c
}

.advertiser-geographical-area .show-more:hover img,
.bonuses .show-more:hover img,
.sportsbooks .show-more:hover img {
    filter:brightness(0)
}

.advertiser-geographical-area.long-card ~ .show-more {
    padding-top: 10px !important;
}


/*-- more-info --*/
.advertiser-geographical-area.long-card .more-content {
    display: flex;
    flex: 0 0 100%;
    padding: 15px 0;
    background: #fcfcfc;
    transition: .3s;
}

.advertiser-geographical-area.long-card .more-content.less {
    height: 0;
    overflow: hidden;
    padding: 0;
}

.advertiser-geographical-area.long-card .more-content > div {
    flex: 1;
    padding: 0 20px;
}

.advertiser-geographical-area.long-card .more-content > div:nth-child(n+2) {
    border-left: 1px solid #edf0f5;
}

.advertiser-geographical-area.long-card .more-content > div > div:nth-child(n+2) {
    margin-top: 10px;
}

.advertiser-geographical-area.long-card .more-content > div .title span {
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Oxygen' !important;
}

.advertiser-geographical-area.long-card .more-content .payment-methods .elements {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
}

.advertiser-geographical-area.long-card .more-content .payment-methods .elements > div {
    flex: 0 0 34px;
    margin: 5px 10px 0 0;
}

.advertiser-geographical-area.long-card .more-content .payment-methods .elements img {
    display: block;
    max-height: 20px;
    margin: 0 auto;
    filter: grayscale(1);
    transition: .3s ease;
}

.advertiser-geographical-area.long-card .more-content .payment-methods .elements > div img:hover {
    filter: grayscale(0);
}

.advertiser-geographical-area.long-card .more-content .sports .elements {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
}

.advertiser-geographical-area.long-card .more-content .sports .elements > div {
    background: #fff;
    margin: 5px 5px 0 0;
    padding: 0 5px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.advertiser-geographical-area.long-card .more-content .pros-cons .item > div {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-top: 3px;
    align-items: baseline;
}

.advertiser-geographical-area.long-card .more-content .pros-cons .item img {
    display: block;
    width: 11px;
    margin-right: 6px;
}

.advertiser-geographical-area.long-card .more-content .pros-cons .title {
    padding-bottom: 0;
}

.advertiser-geographical-area.long-card .more-content .pros-cons .elements {
    padding-top: 0;
}

.advertiser-geographical-area.long-card .more-content .pros-cons .cons {
    padding-top: 0;
    margin-top: 0;
    border: none;
}

/*  */

.advertiser-geographical-area.long-card .copy {
  margin-top: 11px;
  position: relative;
  z-index: 2;
  font-size: 10px;
  font-weight: 600;
  line-height: 150%;
  font-family: 'Inter';
  text-transform: uppercase;
  width: fit-content;
}

.advertiser-geographical-area.long-card .copy .title div {
  height: 32px;
  width: fit-content;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 0 4px;
  color: #07813C;
  border-radius: 4px;
  border: 1px dashed #3CB370;
  cursor: pointer;
  background: #ECF7F1;
}

.advertiser-geographical-area.long-card .copy .success {
  transition: .3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.advertiser-geographical-area.long-card .copy .success:not(.active) {
  opacity: 0;
  visibility: hidden;
}

.advertiser-geographical-area.long-card .copy .success div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 0 4px;
  border-radius: 4px;
  color: #07813C;
  border: 1px dashed #3CB370;
  background: #ECF7F1;
}


/* responsiveness */
@media (min-width: 768px) and (max-width: 1199px) {
    .advertiser-geographical-area.long-card > .right .top > div:nth-child(n+2) {
        margin-left: 20px;
        flex: 1;
        text-align: right;
    }

    .advertiser-geographical-area.long-card > .right .top > div.review {
        text-align: center;
    }
}

@media (max-width: 1199px) {
    .advertiser-geographical-area.long-card > .right .top > .features {
        display: none;
    }    
}

@media (max-width: 767px) {
    .advertiser-geographical-area.long-card > .right {
        justify-content: center;
    }

    .advertiser-geographical-area.long-card > .right .top {
        flex-direction: column;
        text-align: center;
    }

    .advertiser-geographical-area.long-card > .right .top > .review {
        display: none;
    }

    .advertiser-geographical-area.long-card > .right .top > div:nth-child(n+2) {
        margin-left: 0;
    }

    .advertiser-geographical-area.long-card .review.mobile {
        display: block;
    }

    .advertiser-geographical-area.long-card .rating {
        padding: 5px 0 0;
    }

    .advertiser-geographical-area.long-card .rating img {
        width: 10px;
        height: 10px;
        filter: brightness(0) invert(1);
    }

    .advertiser-geographical-area.long-card .review a,
    .advertiser-geographical-area.long-card .review a:hover {
        color: #FFF;
    }

    .advertiser-geographical-area.long-card > .left {
        flex-direction: column;
        height: auto;
        min-height: 100px;
    }

    .advertiser-geographical-area.long-card .advertiser .logo {
        height: auto;
    }

    .advertiser-geographical-area.long-card .advertiser .logo img {
        height: 35px;
    }
    .advertiser-geographical-area.long-card .long-donation-link > * {
        height: 30px;
        margin-top: 5px;
    }

    .advertiser-geographical-area.long-card .show-more {
        padding-top: 5px;
    }

    .advertiser-geographical-area.long-card .more-content {
        display:block;
        padding:10px 0
    }
    .advertiser-geographical-area.long-card .more-content > div{
        padding:0 15px
    }
    .advertiser-geographical-area.long-card .more-content > div:nth-child(n+2){
        border-left:0;
        margin-top:10px
    }
}

@media (max-width: 575px) {
    .advertiser-geographical-area.long-card > .left {
        flex: 1;
    }
    
    .advertiser-geographical-area.long-card .advertiser .logo img {
        width: 100px;
    }

    .advertiser-geographical-area.long-card > .right .top > .bonus {
        min-height: 50px;
    }

    .advertiser-geographical-area.long-card > .right .bottom > .show-more {
        padding-top: 8px;
    }
}



/*  */
.faqs {
    margin-top: 20px;
}

.faq-cards {
  margin-top: 10px;
}

.faq-card {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
}

.faq-card:nth-child(n+2) {
  margin-top: 15px;
}

.faq-card .question {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.faq-card .question h3 {
  margin-bottom: 0;
}

.faq-card .question .toggle {
  flex: 0 0 30px;
  padding-left: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.faq-card .question img {
    height: 10px;
    display: block;
    transform: rotate(90deg);
    cursor: pointer;
    transition: .3s;
}

.faq-card:not(.close) .question img {
    transform: rotate(-90deg);
}

.faq-card .content {
  display: block;
  padding: 10px 0 0 25px;
  transition: .3s;
}

.faq-card.close .content {
    height: 0;
    overflow: hidden;
    padding: 0;
}


/*  */

.articles.gallery {
  border: 1px solid #e1e1e1;
  padding: 10px 15px;
}

.wp-post.vertical.medium-card,
.wp-post.vertical.medium-card a,
.wp-post.horizontal.inline-card,
.wp-post.horizontal.inline-card a {
  position: relative;
}

.wp-post.horizontal.inline-card .area-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-post.horizontal.inline-card:not(:first-child) {
  margin-top: 10px;
}

.wp-post.horizontal.inline-card .title {
  font-size: 1.2em;
  line-height: 1.3;
  padding-bottom: 2px;
}

.wp-post.horizontal.inline-card .published-date {
  font-size: 13px;
	font-weight: 400;
	color: #4e697a;
  line-height: 1.5;
}



/*  */

.widget-database-counters > div + div {
  padding: 15px;
  border: 1px solid #e1e1e1;
}

.widget-database-counters .subtitle {
  font-family: 'Roboto Condensed';
  text-transform: uppercase;
  color: #3399cc;
}

.counters {
  display: flex;
  flex-wrap: wrap;
}

.counter {
  flex: 0 0 50%;
  text-align: center;
  padding-top: 25px;
  line-height: 1;
}

.counter img {
  height: 34px;
  filter: brightness(0) opacity(.5);
  margin: 0 auto;
}

.counter .title {
  text-transform: uppercase;
  font-family: 'Roboto Condensed';
}

.counter .prefix {
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 5px;
  line-height: 1;
}



/*  */

.pagination {
  border-radius: 5px;
  background: #f8fcff;
  box-shadow: 0 0 10px rgb(0 0 0 / 5%);
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: space-between;
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.pagination img {
  width: 5px;
}

.pagination .left img {
  transform: rotate(180deg);
}

.pagination .separator,
.pagination .arrow,
.pagination .page-number > * {
  border: 1px solid transparent;
  padding: 0 7px;
  min-width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}

.pagination .arrow {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: #fff;
  border-color: #dce3ee !important;
  cursor: pointer;
}

.pagination .arrow.left {
  margin-left: 0;
  border-width: 0 1px 0 0;
}

.pagination .arrow.right {
  margin-right: 0;
  border-width: 0 0 0 1px;
}
.pagination .arrow > a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .arrow:hover {
  background: #01263c;
}

.pagination .arrow:hover img {
  filter: brightness(0) invert(1);
}

.pagination .page-number > * {
  height: 25px;
  border-radius: 5px;
  cursor: pointer;
}

.pagination .page-number > *:hover,
.pagination .page-number.current > * {
  background: #fff;
  border-color: #dce3ee;
}


/*  */

.content-block:nth-child(n+2) {
    margin-top: 20px;
}

.content-block.faq-cards {
    margin-top: 15px !important;
}

.content-block img,
.content img {
  width: 100%;
  border-radius: 5px;
}

.content-block iframe:not(#widgetFrame),
.content iframe:not(#widgetFrame) {
    width: 100%;
    height: 400px;
}

.content ul,
.content-block ul,
.content-element ul {
  margin: 10px 0;
  list-style: none;
}

.content ul li,
.content-block ul li,
.content-element ul li {
    padding-left: 15px;
    background: url(https://static.sambafoot.com/es/apuestas/wp//Icone-Azul-Seta-Direita.svg) left 5px/6px auto no-repeat;;
}

.content ul li:nth-child(n+2),
.content ol li:nth-child(n+2),
.content-block ul li:nth-child(n+2),
.content-block ol li:nth-child(n+2),
.content-element ul li:nth-child(n+2),
.content-element ol li:nth-child(n+2) {
  margin-top: 10px;
}

.content ol,
.content-block ol,
.content-element ol {
  margin: 10px 0;
  list-style: none;
}

.content ol li,
.content-block ol li,
.content-element ol li {
    padding-left: 25px;
    counter-increment: x;
    position: relative;
}

.content ol li::before,
.content-block ol li::before,
.content-element ol li::before {
    content: counter(x,decimal-leading-zero);
    position: absolute;
    top: 2px;
    left: 0;
    font-family: 'Inter';
    color: #646b7d;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1;
}

.content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 5px;
}

.content th h4 {
    display: inherit;
}

.content th,
.content td {
    padding: 10px;
    vertical-align: top;
}

.content td[rowspan] {
    vertical-align: middle;
}

.content tbody tr:nth-child(odd) {
  background: #eee;
}


@media (max-width: 768px) {
    .content table {
        overflow: auto;
        display: block;
    }

    .content td {
        padding: 10px 20px;
        min-width: 180px;
    }
}


.payment .hero .content,
.bettingtip .hero .content,
.bettingoffer .hero .content {
  padding-top: 15px;
}



/*  */

.bottom-cta {
  position: sticky;
  bottom: 0;
  box-shadow: 0 0 10px rgb(0 0 0/.2);
  z-index: 2;
}

.bottom-cta .close-button {
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 0;
  width: 20px;
  cursor: pointer;
}

.bottom-cta .close-button img {
  width: 12px;
  height: auto;
  filter: brightness(0);
}

.bottom-cta .advertiser-geographical-area.long-card:first-child {
  overflow: hidden;
}

.bottom-cta .advertiser-geographical-area.long-card {
  border: 0;
  background: unset;
  box-shadow: none;
  border-radius: 0;
  align-items: center;
  display: block;
}

.bottom-cta .advertiser-geographical-area.long-card .top .wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.bottom-cta .advertiser-geographical-area.long-card .top {
  background: #fff;
  padding: 5px 0;
}

.bottom-cta .advertiser-geographical-area.long-card .top .wrapper > .left {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 190px
}

.bottom-cta .advertiser-geographical-area.horizontal.long-card .logo {
  height: 100px;
  display: flex;
  align-items: center;
}

.bottom-cta .advertiser-geographical-area.horizontal.long-card .logo img {
  display: block;
  width: 140px;
  height: 60px;
}

.bottom-cta .advertiser-geographical-area.long-card .top .wrapper > .right {
  flex: 1;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  justify-content: unset;
  align-items: center;
}

.bottom-cta .advertiser-geographical-area.horizontal.long-card .bonus {
  font-size: 1.2em;
  flex: 1;
  font-family: 'Inter';
  line-height: 1.5;
  font-weight: 500;
  color: #000;
  text-align: center;
}

.bottom-cta .advertiser-geographical-area.long-card .rating {
  flex: 1;
  text-align: center;
}

.bottom-cta .advertiser-geographical-area.long-card .rating img {
  display: block;
  width: 12px;
}

.bottom-cta .advertiser-geographical-area.long-card .rating img:nth-child(n+2) {
  margin-left: 7px;
}

.bottom-cta .advertiser-geographical-area.long-card .long-donation-link {
  flex: 1;
  text-align: right;
}

.bottom-cta .advertiser-geographical-area.long-card .bottom {
  background: #f8fcff;
  padding-bottom: 5px;
}

.bottom-cta .advertiser-geographical-area.long-card .copy {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .bottom-cta .advertiser-geographical-area.horizontal.long-card .bonus span {
    font-size: 21.6px;
    font-weight: 700;
  }
}

@media (min-width: 992px) {
  .bottom-cta .advertiser-geographical-area.long-card .copy.responsiveness {
    display: none;
  }

  .bottom-cta .advertiser-geographical-area.long-card .buttons {
    display: flex;
    gap: 0 1rem;
  }

  .bottom-cta .advertiser-geographical-area.long-card .copy .title div {
    height: 38px;
  }
}

@media (max-width: 991px) {
  .bottom-cta .advertiser-geographical-area.long-card .rating {
    display: none;
  }
  
  .bottom-cta .advertiser-geographical-area.horizontal.long-card .bonus {
    flex: 3;
    font-size: 14px;
    text-align: left;
  }

  .bottom-cta .advertiser-geographical-area.long-card .copy:not(.responsiveness) {
    display: none;
  }

  .bottom-cta .advertiser-geographical-area.long-card .copy {
    margin-top: 4px;
  }

  .bottom-cta .advertiser-geographical-area.long-card .copy .title div {
    height: 23px;
  }
}

@media (max-width: 767px) {
  .bottom-cta .advertiser-geographical-area.long-card .top .wrapper > .left {
    flex-basis: 100px;
    height: auto;
    min-height: unset;
  }

  .bottom-cta .advertiser-geographical-area.horizontal.long-card .logo {
    height: 70px;
  }
  
  .bottom-cta .advertiser-geographical-area.horizontal.long-card .logo img {
    height: 35px;
    width: auto;
  }

  .bottom-cta .advertiser-geographical-area.long-card .top .wrapper > .right {
    padding: 0 20px;
  }
}

@media (max-width: 575px) {
  .bottom-cta {
    bottom: 59px;
  }

  .bottom-cta .advertiser-geographical-area.long-card .top .wrapper > .left {
    flex-basis: 80px;
    flex: unset;
  }

  .bottom-cta .advertiser-geographical-area.horizontal.long-card .logo {
    height: auto;
  }

  .bottom-cta .advertiser-geographical-area.horizontal.long-card .logo img {
    height: auto;
    width: 100px;
  }

  .bottom-cta .advertiser-geographical-area.horizontal.long-card .bonus {
    font-size: 14px;
  }

  .bottom-cta .advertiser-geographical-area.long-card .long-donation-link > * {
    width: 30px;
    border-radius: 50%;
    padding: 0;
  }
  
  .bottom-cta .advertiser-geographical-area.long-card .long-donation-link >  a span {
    display: none;
  }

  .bottom-cta .advertiser-geographical-area.long-card .long-donation-link img {
    margin-left: 0;
  }
}



/*  */

.advertiser-geographical-area.medium-card {
  position: relative;
}

.advertiser-geographical-area.medium-card a {
  position: relative;
}

.advertiser-geographical-area.medium-card .area-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.advertiser-geographical-area.medium-card .logo img {
  width: 140px;
  margin: 0 auto;
}



/*  */

.information.head {
    display: flex;
    margin-bottom: -3px;
    white-space: nowrap;
    overflow: auto;
}

.information.head span {
    font-weight: 500;
    font-family: 'Inter';
    line-height: 1.3em;
    color: inherit;
    font-size: .9em;
}

.information.head > div {
    padding: 0 10px 7px;
    border-bottom: 3px solid transparent;
    color: #4e697a;
    cursor: pointer;
    transition: .3s ease;
}

.information.head > div:not(.active):hover,
.information.head > div.active {
    color: #01263c;
    border-color: #3cb370;
}


.information.body {
    padding: 10px 20px;
    border-radius: 5px;
    border-top: 3px solid #dce3ee;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
}

.information.body > div:not(.active) {
  display: none;
}

.information.body tbody td {
    padding: 10px 0;
    border-bottom: 1px solid #eff2f7;
    color: #01263c;
    vertical-align: top;
}

.general-info table tr:last-child td {
    border-bottom: 0;
}

.information.body tbody td:first-child {
    width: 140px;
    color: #777;
}

.information.body tbody tr:first-child td:last-child {
    font-weight: 700;
}

.information.body tbody td a {
    color: inherit;
}

.pros-cons > div > .title {
    text-transform: uppercase;
    color: #777;
}

.pros-cons .cons-item > div,
.pros-cons .pros-item > div {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline;
    padding-top: 10px;
}

.pros-cons .cons-item img,
.pros-cons .pros-item img {
    width: 11px;
    margin-right: 6px;
}

.pros-cons .pros-item {
  color: #000;
}

.pros-cons .cons-item {
    color: #777;
}

.pros-cons .cons {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #dce3ee;
}

.information.body .gallery {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

.information.body .gallery > div {
    flex:0 0 calc(33.33% - 10px);
    margin:0 5px 10px;
    border-radius:5px;
    cursor:pointer;
    overflow:hidden;
    max-height:110px;
    transition:.3s ease
}
.information.body .gallery > div img {
    display:block;
    transition:.3s ease
}

.information.body .gallery > div img:hover {
    opacity:.7
}


@media (min-width: 768px) {
    .information.body {
        min-height: 266px;
    }
}

@media (max-width: 575px) {
  .information.body tbody {
    display: block;
  }
}



/*  */

.bottom-bar {
  position: sticky;
  bottom: 0;
  z-index: 10;
}

.bottom-bar .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  cursor: pointer;
}

.banner-size {
  display: none;
}

@media (max-width: 300px) {
  .banner-size.micro {
    display: block;
  }
}

@media (min-width: 301px) and (max-width: 575px) {
  .banner-size.extra_small {
    display: block;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .banner-size.small {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .banner-size.medium {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .banner-size.large {
    display: block;
  }
}

@media (min-width: 1200px) {
  .banner-size.extra_large {
    display: block;
  }
}



/*--- Galley Pop Up ---*/
body.gallery-pop-up-opened {
    overflow: hidden;
    position: relative;
    /* position: fixed; */
    /* top: 0;
    left: 0; */
    
    /* z-index: 991;
    display: flex;
    align-items: center;
    justify-content: center; */
}

body.gallery-pop-up-opened::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0/80%);
    z-index: 2;
}


body.gallery-pop-up-opened .gallery .gallery-item {
    pointer-events: none !important;
}

.gallery-pop-up:not(.opened) {
    display: none !important;
}

.gallery-pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0/30%);
    z-index: 991;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-pop-up > div {
    flex: 0 0 100%;
    max-width: 1200px;
    padding: 0 30px;
    position: relative;
}

.gallery-pop-up .close {
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: -30px;
    right: 30px;
}

.gallery-pop-up .close img {
    width: 10px;
    height: auto;
    filter: brightness(0) invert(1);
}

.gallery-pop-up .image {
    height: 600px;
    width: auto;
    background-position: center !important;
    background-size: cover !important;
}

.gallery-pop-up .image img {
    height: 100%;
    width: 100%;
}

.gallery-pop-up .navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: calc(50% - 15px);
    width: calc(100% - 60px);
    padding: 0 10px;
}

.gallery-pop-up > .navigation {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: space-between;

}

.gallery-pop-up .navigation > div{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #dce3ee;
    background: #f8fcff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
}

.gallery-pop-up .navigation > div img {
    width: 6px;
    height: auto;
}

.gallery-pop-up .navigation > .prev img {
    transform: rotate(180deg);
}


@media (max-width: 575px) {
    .gallery-pop-up .image {
        height: 300px;
    } 
}


/*--- No Depoist Bonus ---*/
.betting-sport-template .hero .introduction .title,
.payment-methods-archive-template .hero .introduction .title,
.bonuses-archive-template .hero .introduction .title,
.sportsbooks-template .hero .introduction .title,
.casinos-template .hero .introduction .title,
.free-bet-bonuses-template .hero .introduction .title,
.no-deposit-bonuses-template .hero .introduction .title {
  margin-bottom: 10px;
}

.free-bet-bonuses-template .col-xl-9 > .bonuses > .introduction,
.no-deposit-bonuses-template .col-xl-9 > .bonuses > .introduction {
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.free-bet-bonuses-template .col-xl-9 > .bonuses > .introduction .title,
.no-deposit-bonuses-template .col-xl-9 > .bonuses > .introduction .title {
    margin-bottom: 10px;
}

.free-bet-bonuses-template .col-xl-9 > .bonuses > .introduction h2,
.no-deposit-bonuses-template .col-xl-9 > .bonuses > .introduction h2 {
  font-weight: 700;
  font-size: 15px;
  font-family: 'Oxygen';
}

.free-bet-bonuses-template .bonuses .show-more,
.no-deposit-bonuses-template .bonuses .show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #666;
  cursor: pointer;
  position: relative;
  padding-top: 0;
}

.free-bet-bonuses-template .bonuses .show-more img,
.no-deposit-bonuses-template .bonuses .show-more img {
  display: inline;
  transform: rotate(90deg);
  width: 5px;
  margin-left: 5px;
}

.free-bet-bonuses-template .bonuses:hover .show-more,
.no-deposit-bonuses-template .bonuses:hover .show-more {
  color:#01263c
}

.free-bet-bonuses-template .bonuses:hover .show-more img,
.no-deposit-bonuses-template .bonuses:hover .show-more img {
  filter:brightness(0)
}


.free-bet-bonuses-template .hero .introduction .title h1,
.no-deposit-bonuses-template .hero .introduction .title h1 {
    color: #FFF;
}

.free-bet-bonuses-template .meta,
.no-deposit-bonuses-template .meta {
    margin-bottom: 10px;
}

.free-bet-bonuses-template .meta .author-name .name a,
.free-bet-bonuses-template .meta .author-name .name span,
.no-deposit-bonuses-template .meta .author-name .name a,
.no-deposit-bonuses-template .meta .author-name .name span {
  color: #FFF;
}


/*cards*/
.advertiser-geographical-area.horizontal.long-card.bonuses > .right{
    flex-direction: row;
    justify-content: unset;
}

.advertiser-geographical-area.horizontal.long-card.bonuses > .right > div {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus {
    flex: 1;
    text-align: center;
    padding-top: 0;
}

.advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus span {
    font-size: 18px;
    font-family: 'Inter';
    line-height: 1.5;
    font-weight: 500;
    color: #01263c;
}


.advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus-info {
    flex: 1;
    padding: 15px 0 15px 20px;
    border-left: 1px solid #dce3ee;
    display: flex;
    justify-content: flex-end;
}


.advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus-info > div {
    flex: 1;
    border: 1px solid #dce3ee;
    border-radius: 5px;
    padding: 5px 0;
    text-align: center;
    max-width: 50%;
}

.advertiser-geographical-area.horizontal.long-card.bonuses > .right > div.long-donation-link {
    margin-right: 0px;
}

.advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus-info > div:nth-child(n+2) {
    margin-left: 7px;
}

.advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus-info .title span {
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
}

.advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus-info .elements span {
    color: #01263c;
    font-weight: 700;
}


@media screen and (max-width:1200px) {
    .advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus {
        justify-content: center;
    }

    .advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus-info {
        display: none;
    }
}


@media (max-width: 767px) {
    .advertiser-geographical-area.horizontal.long-card.bonuses > .left {
        flex-direction: row;
        min-height: 100px;
        flex: 0 0 170px;
    }
}

@media (max-width: 575px) {
    .advertiser-geographical-area.horizontal.long-card.bonuses > .left {
        flex: 0 0 130px;
    }

    .advertiser-geographical-area.horizontal.long-card.bonuses > .right > div.long-donation-link > a {
        background: #3cb370;
        padding: 0;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 26px;
        height: 26px;
        border-radius: 50%;
    }

    .advertiser-geographical-area.horizontal.long-card.bonuses > .right > div.long-donation-link > a span {
        display: none;
    }

    .advertiser-geographical-area.horizontal.long-card.bonuses > .right > div.long-donation-link > a img {
        margin: 0 !important;
    }

    .advertiser-geographical-area.horizontal.long-card.bonuses > .right .bonus span {
        font-size: 16.8px;
    }
}


/*--- Category / Betting Offer Template ---*/
/* featured articles */
.betting-offers-archive-template .featured-articles .articles .wp-post.featured.large-card,
.category-template .featured-articles .articles .wp-post.featured.large-card {
    height: 350px;
    padding-bottom: 65px;
}

.betting-offers-archive-template .featured-articles .articles,
.category-template .featured-articles .articles {
    margin-top: 15px;
}

.betting-offers-archive-template .featured-articles .articles > .bottom,
.category-template .featured-articles .articles > .bottom {
    margin: -45px 30px 0;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    display: flex;
    position: relative;
}

.betting-offers-archive-template .featured-articles .articles > .bottom > div,
.category-template .featured-articles .articles > .bottom > div {
    flex: 1;
    padding: 10px 15px;
    border-bottom: 3px solid transparent;
    transition: .3s ease;
}

.betting-offers-archive-template .featured-articles .articles > .bottom > div.active,
.category-template .featured-articles .articles > .bottom > div.active {
    border-bottom-color: #003351;
    background: #f8fcff;
}

.betting-offers-archive-template .featured-articles .articles .wp-post.horizontal.small-card,
.category-template .featured-articles .articles .wp-post.horizontal.small-card {
    background: transparent;
    border-radius: 0;
    box-shadow: unset;
    overflow: unset;
}

.betting-offers-archive-template .featured-articles .articles .wp-post.horizontal.small-card .left,
.category-template .featured-articles .articles .wp-post.horizontal.small-card .left {
    flex: 0 0 75px;
    height: 60px;
    border-radius: 5px;
    margin-right: 7px;
    background-size: cover !important;
    background-position: center !important;
}

.betting-offers-archive-template .featured-articles .articles .wp-post.horizontal.small-card .right,
.category-template .featured-articles .articles .wp-post.horizontal.small-card .right {
    padding: 0;
}

.betting-offers-archive-template .featured-articles .articles .wp-post.horizontal.small-card .right .title a,
.category-template .featured-articles .articles .wp-post.horizontal.small-card .right .title a {
    max-height: 38px;
    overflow: hidden;
    display: block;
}

.betting-offers-archive-template .featured-articles .articles .wp-post.horizontal.small-card .meta .author,
.category-template .featured-articles .articles .wp-post.horizontal.small-card .meta .author {
    display: none;
}

.betting-offers-archive-template .featured-articles .articles .wp-post.horizontal.small-card .meta .published-date,
.category-template .featured-articles .articles .wp-post.horizontal.small-card .meta .published-date {
    color: #646b7d;
    text-transform: capitalize;
    font-size: 12px;
    display: flex;
    align-items: center;
}


@media screen and (max-width:767px) {
  .betting-offers-archive-template .featured-articles .articles .wp-post.featured.large-card,
  .category-template .featured-articles .articles .wp-post.featured.large-card {
    padding-bottom: 30px;
  }

  .betting-offers-archive-template .featured-articles .articles > .bottom,
  .category-template .featured-articles .articles > .bottom {
    display: none;
  }
}

@media screen and (max-width:575px) {
  .betting-offers-archive-template .featured-articles .articles .wp-post.featured.large-card,
  .category-template .featured-articles .articles .wp-post.featured.large-card {
    border-radius: 0;
    margin: 0 -15px;
  }
}


/* recent articles */
.betting-offers-archive-template .introduction,
.category-template .introduction {
  margin-bottom: 15px;
}

.betting-offers-archive-template .articles > .wp-post.vertical.medium-card,
.category-template .articles > .wp-post.vertical.medium-card {
  flex: 0 0 calc(33.33% - 20px);
  margin-bottom: 20px;   
}


.wp-post.vertical.medium-card {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.wp-post.vertical.medium-card .featured-image {
  height: 170px;
  background-size: cover !important;
  background-position: center !important;
}

.wp-post.vertical.medium-card .bottom {
  padding: 10px 15px;
}

.wp-post.vertical.medium-card .title {
  font-size: 1.1em;
  font-weight: 500;
  font-family: 'Inter';
}

.wp-post.vertical.medium-card .meta {
  font-size: 12px;
  padding-top: 3px;
  color: #777;
}

.wp-post.vertical.medium-card .meta .author a {
  font-weight: 700;
  color: #777;
}

.wp-post.vertical.medium-card .meta .author a:hover {
  color: #01263c;
}   

.wp-post.vertical.medium-card .meta .published-date > div img {
  width: 11px;
  margin-right: 5px;
}


@media (min-width: 768px) {
  .betting-offers-archive-template .recent-articles .articles.grid,
  .category-template .recent-articles .articles.grid {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
  }

  .betting-offers-archive-template .articles > .wp-post.vertical.medium-card,
  .category-template .articles > .wp-post.vertical.medium-card {
    flex: 0 0 calc(50% - 20px);
    margin: 0 10px 20px !important;
  }

  .wp-post.vertical.medium-card .title {
    min-height: 38px;
  }
}

@media (min-width: 1200px) {
  .betting-offers-archive-template .articles > .wp-post.vertical.medium-card,
  .category-template .articles > .wp-post.vertical.medium-card {
    flex: 0 0 calc(33.33% - 20px);
  }

  .wp-post.vertical.medium-card .title {
    min-height: 55px;
  }
}



/* Social Sharing */
.social-sharing .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.social-sharing .buttons > div {
    flex: 1;
    opacity:0.8;
    transition: .3s ease;
}

.social-sharing .buttons > div a {
    color: #FFF;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    padding: 12px;
    border: 1px solid;
}

.social-sharing .buttons > div a img {
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
}

.social-sharing .buttons > div a span {
    display: block;
}

.social-sharing .buttons:hover > div:not(:hover) {
    opacity:0.6;
}

.social-sharing .buttons:hover > div:hover {
    opacity:1;
}



/*--- Index Template ---*/
.index-template .hero .meta {
    padding: 10px 0; 
}

.index-template .featured-image {
    height: 500px;
    border-radius: 5px;
    background-position: center !important;
    background-size: cover !important;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-top: 0 !important;
}



/*--- Single Post / Betting Offer ---*/
.bettingoffer.index-template .hero > .meta,
.post.index-template .hero > .meta {
  justify-content: space-between;

}

.bettingoffer.index-template .hero > .meta .left,
.post.index-template .hero > .meta .left {
    display: flex;
    align-items: center;
}

.bettingoffer.index-template .hero > .meta,
.post.index-template .hero > .meta {
  color: #666;
}

.bettingoffer.index-template .hero > .meta,
.post.index-template .hero > .meta {
    margin-bottom: 18px;
    padding-bottom: 0;
}

.bettingoffer.index-template .hero > .meta .author a:hover,
.post.index-template .hero > .meta .author a:hover {
  color: #00963b;
}

.bettingoffer.index-template .hero > .meta .published-date,
.post.index-template .hero > .meta .published-date {
  font-size: inherit;
  color: #666;
}

.bettingoffer.index-template .hero > .meta .right .social-sharing .buttons,
.post.index-template .hero > .meta .right .social-sharing .buttons {
    justify-content: flex-start;
}

.bettingoffer.index-template .hero > .meta .right .social-sharing .buttons > div,
.post.index-template .hero > .meta .right .social-sharing .buttons > div {
    flex: 0 0 28px;
}

.bettingoffer.index-template .hero > .meta .right .social-sharing .buttons > div:nth-child(n+2),
.post.index-template .hero > .meta .right .social-sharing .buttons > div:nth-child(n+2) {
    margin-left: 5px;
}

.bettingoffer.index-template .hero > .meta .right .social-sharing .buttons > div a,
.post.index-template .hero > .meta .right .social-sharing .buttons > div a {
    height: 28px;
    width: 28px;
    padding: 8px;
    border: 0;
}

.bettingoffer.index-template .hero > .meta .right .social-sharing .buttons > div a span,
.post.index-template .hero > .meta .right .social-sharing .buttons > div a span {
    display: none;
}

.bettingoffer.index-template .hero > .meta .right .social-sharing .buttons > div a img,
.post.index-template .hero > .meta .right .social-sharing .buttons > div a img {
    margin-right: 0;
    height: 10px;
    width: auto;
}


@media screen and (max-width:575px) {
    .bettingoffer.index-template .hero > .meta,
    .post.index-template .hero > .meta {
        margin-bottom: 0;
        display: block;
    }

    .bettingoffer.index-template .hero > .meta .left,
    .post.index-template .hero > .meta .left {
        margin-bottom: 10px;
    }

    .bettingoffer.index-template .featured-image,
    .post.index-template .featured-image {
        margin: 0 -15px;
        border-radius: 0;
        height: 220px;
    }

    .bettingoffer.index-template .hero > .meta .right .social-sharing .buttons,
    .post.index-template .hero > .meta .right .social-sharing .buttons {
        margin: 16px auto;
    }
    
    .bettingoffer.index-template .hero > .meta .right .social-sharing .buttons > div,
    .post.index-template .hero > .meta .right .social-sharing .buttons > div {
        flex: 1;
        border: 1px solid #fff;
    }

    .bettingoffer.index-template .hero > .meta .right .social-sharing .buttons > div a,
    .post.index-template .hero > .meta .right .social-sharing .buttons > div a {
        width: 100%;
    }
}


.bettingoffer.index-template .hero > .introduction .excerpt,
.post.index-template .hero > .introduction .excerpt {
  padding-top: 5px;
  font-weight: 700;
}

.bettingoffer.index-template .social-share .introduction,
.post.index-template .social-share .introduction {
    margin-bottom: 15px;
}


@media screen and (max-width:767px) {
    .bettingoffer.index-template .social-share .social-sharing .buttons > div a span,
    .post.index-template .social-share .social-sharing .buttons > div a span {
        display: none;
    }
    
    .bettingoffer.index-template .social-share .social-sharing .buttons > div a img,
    .post.index-template .social-share .social-sharing .buttons > div a img {
        margin-right: 0;
    }   
}



/* Articles Navigation */
.article-navigation{
    display: flex;
    justify-content: space-between;
}

.article-navigation > div {
    flex: 1;
}

.article-navigation > div .card {
    margin: 0 10px;
}

.article-navigation > div .introduction {
    margin-bottom: 15px;
}

.article-navigation > .right .introduction {
    text-align: right;
}

.wp-post.medium-card.horizontal.navigation {
    position: relative;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    padding: 10px 35px;
}

.wp-post.medium-card.horizontal.navigation .title a {
    display: block;
    font-family: 'Inter';
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5em;
    color: #01263c;
}

.wp-post.medium-card.horizontal.navigation .meta {
    color: #666 !important;
}

.wp-post.medium-card.horizontal.navigation .meta .author .name span.name, 
.wp-post.medium-card.horizontal.navigation .meta .author .name a {
    font-weight: 400;
    color: inherit;
}

.wp-post.medium-card.horizontal.navigation .meta .author .name a:hover {
    font-weight: 500;
    color: #000;
}

.wp-post.medium-card.horizontal.navigation .navigation a {
    position: absolute;
    top: calc(50% - 15px);
    left: -15px;
    width: 30px;
    height: 30px;
    background: #f8fcff;
    border: 1px solid #dee5ef;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.article-navigation > .left .wp-post.medium-card.horizontal.navigation .navigation a img {
    transform: rotate(180deg);
}

.article-navigation > .right .wp-post.medium-card.horizontal.navigation .navigation a {
    left: auto;
    right: -15px;
}

.wp-post.medium-card.horizontal.navigation:hover .navigation a {
    background: #01263c;
    border-color: #01263c;
}

.wp-post.medium-card.horizontal.navigation:hover .navigation a img {
    filter: brightness(0) invert(1);
}


@media screen and (min-width: 1200px) {
    .wp-post.medium-card.horizontal.navigation .title a {
        min-height: 46px;
    }
}

@media screen and (max-width: 767px) {
    .article-navigation {
        display: block;
    }

    .article-navigation > .left {
        margin-bottom: 10px;
    }

    .article-navigation .introduction {
        display: none;
    }
}


/*--- Not Recommended Pop Up ---*/

.not-recommended-pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgb(0 0 0/.8);
    z-index: 1111;
    display: flex;
    align-items: center;
    justify-content: center;
}

.not-recommended-pop-up .container {
    position: relative;
    background: #fff;
    padding: 15px;
    margin: 0 15px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    text-align: center;
}

.not-recommended-pop-up .title {
    font-size: 1.4em;
    line-height: 1.2;
    font-weight: bold;
    color: #2c3e50;
}

.not-recommended-pop-up .title > div {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

.not-recommended-pop-up .title > div img {
    width: 20px;
    margin-right: 10px;
}

.not-recommended-pop-up .close-button {
    position: absolute;
    top: -22px;
    right: 0;
    width: 12px;
    height: auto;
    filter: brightness(0) invert(1);
    cursor: pointer;
}

.not-recommended-pop-up .close-button img {
    width: 100%;
}

.not-recommended-pop-up .options {
    display: flex;
    margin: 10px -7.5px 0;
}

.not-recommended-pop-up .options > div {
    flex: 0 0 calc(33.33% - 15px);
    margin: 0 7.5px;
    box-shadow: 0 0 1px rgb(0 0 0/.5);
}

.not-recommended-pop-up .options .logo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (min-width: 1200px) {
    .not-recommended-pop-up .container {
        max-width: 1110px;
    }
}

@media (max-width: 991px) {
    .not-recommended-pop-up .options > div {
        flex-basis: calc(50% - 15px);
    }

    .not-recommended-pop-up .options > div:last-child {
        display: none;
    }
}

@media (max-width: 575px) {
    .not-recommended-pop-up .options > div {
        flex-basis: calc(100% - 15px);
    }

    .not-recommended-pop-up .options > div:nth-child(n+2) {
        display: none;
    }
}


.advertiser-geographical-area.not-recommended{
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.advertiser-geographical-area.not-recommended .bonus,
.advertiser-geographical-area.not-recommended .payments-methods,
.advertiser-geographical-area.not-recommended .long-donation-link {
    filter:grayscale(1) !important;
}



/*--- Payment Methods Archive ---*/
.payment-methods .introduction {
    margin-bottom: 15px;
}

.payment-method.hide {
    display: none !important;
}

.payment-methods .show-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #666;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.payment-methods .payment-method ~ .show-more {
    padding-top: 10px !important;
}

.payment-methods .show-more img {
    display: inline;
    transform: rotate(90deg);
    width: 5px;
    margin-left: 5px;
}

.payment-methods .show-more:hover{
    color:#01263c
}
.payment-methods .show-more:hover img {
    filter:brightness(0)
}

.payment-methods.horizontal.small-cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px;
}

.payment-method a.area-link {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.payment-method.horizontal.small-card {
    position: relative;
    flex: 0 0 calc(33.33% - 15px);
    margin: 0 7.5px 15px;
    background: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    display: flex;
    align-items: center;
    overflow: hidden;
}

.payment-method.horizontal.small-card .logo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-method.horizontal.small-card .logo img {
    width: 80%;
    height: 26px;
    display: block;
    margin: 0 auto;
}

.payment-method.horizontal.small-card .center {
    flex: 1;
}

.payment-method.horizontal.small-card > div:nth-of-type(n+2) {
    margin-left: 15px;
}

.payment-method.horizontal.small-card .name > * {
    color: #01263c;
    display: block;
    font-size: 1.1em;
    line-height: 1.5;
    font-family: 'Inter';
    font-weight: 500;
}

@media (max-width: 1199px) {
    .payment-method.horizontal.small-card {
        flex-basis: calc(50% - 15px);
    }
}

@media (max-width: 575px) {
    .payment-method.horizontal.small-card {
        flex-basis: calc(100% - 15px);
    }
}


/* */
.payment-methods-archive-template .more-used > div > .title {
    margin-bottom: 10px;
}

.payment-methods-archive-template .more-used > div > .content h3 {
    margin-top: 20px;
}


/* */

body:not(.homepage-template) .payments-table {
    margin-top: 15px;
    overflow: auto;
}

body:not(.homepage-template) .payments-table .payment-table-row {
    border-radius:5px;
    background:#fff;
    margin-top:1px
}

body:not(.homepage-template) .payments-table .payment-table-row:nth-child(odd) {
    background: #fcfcfc;
}

body:not(.homepage-template) .payments-table .payments-table-head,
body:not(.homepage-template) .payments-table .payment-table-row {
    display:flex;
    align-items:center;
    color:#666;
}
body:not(.homepage-template) .payments-table .payments-table-head > div,
body:not(.homepage-template) .payments-table .payment-table-row > div {    
    flex:0 0 20%;
}

body:not(.homepage-template) .payments-table .payments-table-head > div {
    display:flex;
    align-items:center;
    padding:0 15px 10px;
}

body:not(.homepage-template) .payments-table .payments-table-head > div span {
    font-size: 12px;
    text-transform: uppercase;
}

body:not(.homepage-template) .payments-table .payment-table-row > div {
    padding:10px 15px;
}

body:not(.homepage-template) .payments-table .logo {
    flex:1 !important;
    display: flex;
    align-items: center;
}

body:not(.homepage-template) .payments-table .logo .icon {
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:50%;
    margin-right:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: transparent !important;
}

body:not(.homepage-template) .payments-table .logo .icon img {
    width: 18px;
    height: 18px;
}

body:not(.homepage-template) .payments-table .logo .name span {
    color: #01263c;
    font-size: 1.1em;
    line-height: 1.5;
}

body:not(.homepage-template) .payments-table .min-withdrawal,
body:not(.homepage-template) .payments-table .max-withdrawal{
    flex:0 0 160px !important;
}


@media screen and (max-width:767px){
    body:not(.homepage-template) .payments-table .payment-table-row {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    body:not(.homepage-template) .payments-table .payments-table-head > div,
    body:not(.homepage-template) .payments-table .payment-table-row > div { 
        flex:0 0 150px !important;
        width: 150px;
    }

    body:not(.homepage-template) .payments-table .payments-table-head> div.logo,
    body:not(.homepage-template) .payments-table .payment-table-row > div.logo {
        flex:0 0 180px !important;
        width: 180px !important;
    }
        
    body:not(.homepage-template) .payments-table .payment-table-row > div {
        background: #FFF;
        min-height: 65px;
    }

    body:not(.homepage-template) .payments-table .payment-table-row:nth-child(odd) > div {
        background: #fcfcfc;
        min-height: 65px;
    }
}

@media (max-width:575px){
    body:not(.homepage-template) .payments-table >div{
        font-size:12px;
        line-height:1.5;
    }

    body:not(.homepage-template) .payments-table .payment-table-row > div {
        min-height: 56px !important;
    }

    body:not(.homepage-template) .payments-table .payments-table-head > div,
    body:not(.homepage-template) .payments-table .payment-table-row > div { 
        flex:0 0 135px !important;
        width: 135px;
    }
}


/*--- Hero ---*/
/*hero*/
.betting-sport-template .hero,
.payment-methods-archive-template .hero,
.bonuses-archive-template .hero,
.sportsbooks-template .hero,
.casinos-template .hero,
.free-bet-bonuses-template .hero,
.no-deposit-bonuses-template .hero,
.apps-archive-template .hero,
.bonuses-template .hero,
.payment-method-review-template .hero {
    border-radius: 5px;
    background-position: center !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    padding: 30px;
    color: #FFF;
}

.apps-archive-template .hero .introduction .title h1,
.bonuses-template .hero .introduction .title h1,
.payment-method-review-template .hero .introduction .title h1 {
    color: #FFF;
}

.apps-archive-template .meta,
.bonuses-template .meta,
.payment-method-review-template .meta {
    margin: 10px 0;
}

.apps-archive-template .meta .author-name .name a,
.apps-archive-template .meta .author-name .name span,
.bonuses-template .meta .author-name .name a,
.bonuses-template .meta .author-name .name span,
.payment-method-review-template .meta .author-name .name a,
.payment-method-review-template .meta .author-name .name span {
    color: #FFF;
}


@media screen and (max-width:575px) {
    .betting-sport-template .hero,
    .payment-methods-archive-template .hero,
    .bonuses-archive-template .hero,
    .sportsbooks-template .hero,
    .casinos-template .hero,
    .free-bet-bonuses-template .hero,
    .no-deposit-bonuses-template .hero,
    .apps-archive-template .hero,
    .bonuses-template .hero,
    .payment-method-review-template .hero {
        margin: -22px -15px 0;
        border-radius: 0;
        padding: 20px 15px;
    }
}



/*--- Bonuses ---*/
.bonuses-template .bonuses .introduction {
    margin-bottom: 15px;
}

/*--- Apps Archive ---*/

/* */
.advertiser-geographical-area.horizontal.long-card.apps {
    padding: 10px 0;
}

.advertiser-geographical-area.horizontal.long-card.apps > .left {
    flex: 0 0 170px;
    border-right: 1px solid #dce3ee;
    position: unset;
}

.advertiser-geographical-area.horizontal.long-card.apps .logo {
    height: auto;
}

.advertiser-geographical-area.horizontal.long-card.apps .logo img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.advertiser-geographical-area.horizontal.long-card.apps > .right {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 20px;
    flex: 1;
}

.advertiser-geographical-area.horizontal.long-card.apps > .right > div:nth-child(n+2) {
    margin-left: 20px;
}

.advertiser-geographical-area.horizontal.long-card.apps .bonus {
    font-size: 1.2em;
    font-family: 'Inter';
    line-height: 1.5;
    font-weight: 500;
    color: #01263c;
    flex: 1;
    text-align: center;
}

.advertiser-geographical-area.horizontal.long-card.apps .operational-systems {
    flex: 0 0 100px;
}

.advertiser-geographical-area.horizontal.long-card.apps .operational-systems > div {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}

.advertiser-geographical-area.horizontal.long-card.apps .operational-systems img {
    width: 12px;
    margin-right: 7px;
}

.advertiser-geographical-area.horizontal.long-card.apps .review {
    text-align: center;
    flex: 0 0 120px;
}


@media (max-width: 1199px) {
    .advertiser-geographical-area.horizontal.long-card.apps > .right .review {
        display: none;
    }
}

@media (max-width: 767px) {
    .advertiser-geographical-area.horizontal.long-card.apps .rating img {
        filter: unset;
    }
    
    .advertiser-geographical-area.horizontal.long-card.apps .review a {
        color: #666;
    }
    .advertiser-geographical-area.horizontal.long-card.apps .review a:hover {
        color: #01263c;
    }

    .advertiser-geographical-area.horizontal.long-card.apps > .right {
        flex-direction: column;
        justify-content: center;
    }

    .advertiser-geographical-area.horizontal.long-card.apps > .right > div:nth-child(n+2) {
        margin: 8px 0 0;
    }

    .advertiser-geographical-area.horizontal.long-card.apps .bonus {
        flex: 0 1 auto;
    }

    .advertiser-geographical-area.horizontal.long-card.apps .operational-systems {
        flex: 0 1 auto;
        display: flex; 
    }

    .advertiser-geographical-area.horizontal.long-card.apps .operational-systems > div:nth-child(n+2) {
        margin-left: 10px;
    }

    .advertiser-geographical-area.horizontal.long-card.apps .operational-systems span {
        display: none;
    }

    .advertiser-geographical-area.horizontal.long-card.apps .operational-systems img {
        margin-right: 0;
    }
}

@media screen and (max-width:575px) {
    .advertiser-geographical-area.horizontal.long-card.apps > .left {
        flex: 0 0 150px;
    }
}



/*-- App Review --*/
.app-review-template .information.body .gallery {
    flex-wrap: nowrap;
    overflow-y: scroll;
}

.app-review-template .information.body .gallery > div {
    max-height: 240px;
    flex: 0 0 calc(25% - 10px);
}

.app-review-template .gallery-pop-up > div {
    flex: 0 0 390px;
}


@media (max-width: 575px) {
    .app-review-template .gallery-pop-up > div {
        flex: 0 0 80vw;
    }

    .app-review-template .gallery-pop-up .image {
        height: 60vh;
    }
}


.advertiser-geographical-area.vertical.medium-card.app:not(.featured) > .top {
    background: transparent !important;
}

.advertiser-geographical-area.vertical.medium-card.app:not(.featured) .advertiser {
    padding: 15px 15px 0 15px;
}

.advertiser-geographical-area.vertical.medium-card.app:not(.featured) .logo {
    height: auto;
}

.advertiser-geographical-area.vertical.medium-card:not(.featured) .logo img {
    max-height: unset;
    max-width: unset;
    width: 80px;
    border-radius: 15px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}

.advertiser-geographical-area.vertical.medium-card:not(.featured):not(.app) .logo img {
    max-height: 45px !important;
    max-width: 80% !important;
    display: block;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: auto !important;
}

.advertiser-geographical-area.vertical.medium-card.app:not(.featured) .rating .stars img {
    filter: none;
}

.advertiser-geographical-area.vertical.medium-card.app:not(.featured) .rating .avaluation {
    color: #000;
}

.advertiser-geographical-area.vertical.medium-card.app:not(.featured) .bottom {
    padding-top: 10px;
}

.advertiser-geographical-area.vertical.medium-card.app:not(.featured) .operational-systems {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}

.advertiser-geographical-area.vertical.medium-card.app:not(.featured) .operational-systems > div:nth-child(n+2) {
    margin-left: 10px;
}

.advertiser-geographical-area.vertical.medium-card.app:not(.featured) .operational-systems > div span {
    display: none;
}

.advertiser-geographical-area.vertical.medium-card.app:not(.featured) .operational-systems > div img {
    display: block;
    width: 18px;
}


/*--- Betting Tips ---*/
.betting-tips-sport-archive-template .competitions .introduction {
    margin-bottom: 15px;
}

.competition-cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px -10px -7.5px;
}

.competition.small-card.horizontal {
    position: relative;
    flex: 0 0 calc(33.33% - 15px);
    margin: 0 7.5px 15px;
    background: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    display: flex;
    align-items: center;
    overflow: hidden;
}

.competition.small-card.horizontal a.area-link {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.competition.small-card.horizontal .left {
    flex: 0 0 50px;
    height: 50px;
    width: 50px;
}

.competition.small-card.horizontal .logo {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f6fa;
}

.competition.small-card.horizontal .logo img {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.competition.small-card.horizontal .right {
    flex: 1;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.competition.small-card.horizontal .right > div:nth-of-type(n+2) {
    margin-left: 10px;
}

.competition.small-card.horizontal .name {
    flex: 1;
}

.competition.small-card.horizontal .name > * {
    color: #01263c;
    display: block;
    font-size: 1.1em;
    line-height: 1.5;
    font-family: 'Inter';
    font-weight: 500;
}

.competition.small-card.horizontal .short-review-button img {
    width: 6px;
    display: block;
}


@media screen and (max-width: 1199px) {
    .competition.small-card.horizontal {
        flex-basis: calc(50% - 15px);
    }
}

@media screen and (max-width: 575px) {
    .competition.small-card.horizontal {
        flex-basis: calc(100% - 15px);
    }
}

/* .advertiser-geographical-area .tag {
    position: absolute;
    top: 5px;
    left: -8px;
    background: #3cb370;
    border-radius: 3px;
    line-height: 1;
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 10px;
    z-index: 1;
}

.advertiser-geographical-area .tag::before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 1px;
    width: 7px;
    height: 7px;
    background: linear-gradient(-135deg,#1d7845 50%,transparent 50%);
} */

.advertiser-geographical-area .tag {
  padding: 8px 0;
  background: rgba(255, 255, 255, 0.10);
  color: #FFF;
  text-align: center;
  font-family: 'Inter';
  font-size: 10px;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media (max-width: 1199px) {
  .advertiser-geographical-area .tag {
    padding: 2px 8px;
    text-align: left;
  }
}

.advertiser-geographical-area.bonuses,
.advertiser-geographical-area.apps {
    overflow: unset !important;
}


.odds-competition-archive-template .hero .introduction .title {
    margin-bottom: 10px;
}

.advertiser-geographical-area *.hide {
    display: none !important;
}

.right-sidebar .advertiser-geographical-area {
    min-height: unset !important;
}


/*-- Shortcodes --*/
.content-block > .advertiser-geographical-area.horizontal.long-card.cta {
    border: 3px solid #3cb370;
    overflow: visible;
    margin-top: 20px;
}


.advertiser-geographical-area.horizontal.long-card.cta > .left {
    position: unset !important;
}

.advertiser-geographical-area.horizontal.long-card.cta > .right {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 20px;
    flex: 1;
}

.advertiser-geographical-area.horizontal.long-card.cta > .right .bonus {
    font-size: 1.2em;
    font-family: 'Inter';
    line-height: 1.5;
    font-weight: 500;
    color: #01263c;
    flex: 1;
    text-align: center;
}

.advertiser-geographical-area.horizontal.long-card.cta > .right > div:nth-child(n+2) {
    flex: 1;
    text-align: right;
}

.advertiser-geographical-area.horizontal.long-card.cta > .right > div.review {
    text-align: center;
}

@media (max-width: 767px) {
    .advertiser-geographical-area.horizontal.long-card.cta > .right {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 0 20px;
    }

    .advertiser-geographical-area.horizontal.long-card.cta > .right > .review {
        display: none;
    }

    .advertiser-geographical-area.horizontal.long-card.cta > .right .bonus,
    .advertiser-geographical-area.horizontal.long-card.cta > .right > div:nth-child(n+2) {
        flex: unset !important;
    }
}

.child-sportsbook-review-template .advertiser-geographical-area.horizontal.long-card.cta > .right > .review .review-button,
.app-review-template .advertiser-geographical-area.horizontal.long-card.cta > .right > .review .review-button,
.bonus-review-template .advertiser-geographical-area.horizontal.long-card.cta > .right > .review .review-button,
.casino-review-template .advertiser-geographical-area.horizontal.long-card.cta > .right > .review .review-button,
.sportsbook-review-template .advertiser-geographical-area.horizontal.long-card.cta > .right > .review .review-button,
.content-block > .advertiser-geographical-area.horizontal.long-card.cta > .right > .review .review-button {
    display: none !important;
}


/*--- Betting Tip  ---*/
.tips.grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.betting-tip.vertical.large-card a.area-link {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 2;
}

.betting-tip.vertical.large-card {
    flex: 0 0 calc(33.33% - 15px);
    margin: 0 7.5px 15px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    position: relative;
}

.betting-tip.vertical.large-card .top .top > div {
    padding: 10px 15px;
}

.betting-tip.vertical.large-card .assets {
    display: flex;
    justify-content: space-between;
}

.betting-tip.vertical.large-card .assets .teams {
    display: flex;
}

.betting-tip.vertical.large-card .assets .teams > div {
    width: 36px;
    height: 36px;
    border: 1px solid #dce3ee;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.betting-tip.vertical.large-card .assets .teams img {
    width: 20px;
    max-height: 20px;
}

.betting-tip.vertical.large-card .assets .teams > div:first-child {
    margin-right: -7px;
    z-index: 1;
}

.betting-tip.vertical.large-card .assets .competitions img {
    width: 30px;
    max-height: 30px;
}

.betting-tip.vertical.large-card .datetime {
    font-size: 13px;
    color: #01263c;
    font-weight: 700;
    line-height: 1.5;
}

.betting-tip.vertical.large-card .top > .bottom {
    padding: 10px 15px;
    border-top: 1px solid #dce3ee;
}

.betting-tip.vertical.large-card .top > .bottom  > * {
    display: block;
    font-weight: 700;
}


.betting-tip.vertical.large-card .top > .bottom  > .label {
    font-weight: 400;
    font-size: 13px;
    color: #666;
    line-height: 1.5;
}

.betting-tip.vertical.large-card .top > .fixture {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.betting-tip.vertical.large-card .team {
    color: #666;
}

.betting-tip.vertical.large-card .team.win {
    color: #01263c;
    font-weight: 700;
}

.betting-tip.vertical.large-card .results {
    text-align: center;
}

.betting-tip.vertical.large-card > .bottom {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding: 15px !important;
}

.betting-tip.vertical.large-card > .bottom .odd span:first-child {
    font-size: 13px;
    margin-right: 5px;
}

.betting-tip.vertical.large-card > .bottom .odd span:last-child {
    font-weight: 700;
}

.betting-tip.vertical.large-card .advertiser a {
    position: relative;
    z-index: 2;
}

.betting-tip.vertical.large-card .advertiser img {
    height: 20px;
    display: block;
    max-width: 80px;
}


@media screen and (max-width: 767px) {
	.tips.grid {
		flex-wrap: nowrap;
		overflow: auto;
	}

	.betting-tip.vertical.large-card {
		flex-basis: 260px;
	}
}


/*-- Language Switcher --*/
.lang-switcher > .menu {
    position: relative;
}

.lang-switcher > .menu ul {
	display: flex;
	align-items: center;
    flex-direction: column;
}

.lang-switcher > .menu ul li {
    width: 100%;
}

.lang-switcher > .menu .menu-item {
    width: 64px;
    display: flex;
    align-items: center;
    cursor: pointer; 
    padding: 5px 8px;
	border-radius: 3px;
	background: #003351;
}

.lang-switcher > .menu .menu-item > a,
.lang-switcher > .menu .menu-item > div {
	display: flex;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	align-items: center;
	flex-direction: row-reverse;
}

.lang-switcher > .menu .menu-item > a img,
.lang-switcher > .menu .menu-item > div img {
	width: 16px;
	height: 16px;
	display: block;
	margin-right: 5px;
}

.lang-switcher > .menu .menu-item > div.arrow img {
    width: 4px;
    height: auto;
    transform: rotate(90deg);
    margin-left: 7px;
    margin-right: 0;
    transition: .1s ease;
}

.lang-switcher > .menu li.opened .menu-item > div.arrow img {
    transform: rotate(270deg);
}

.lang-switcher > .menu ul > li > ul {
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 64px;
    z-index: 1;
}

.lang-switcher > .menu ul > li > ul li:not(:last-child) .menu-item {
    border-radius: 0;
}

.lang-switcher > .menu ul > li > ul li:last-child .menu-item {
    border-radius: 0 0 3px 3px;
}

.lang-switcher > .menu ul > li > ul li:hover .menu-item{
    background: #eee !important;
}

.lang-switcher > .menu ul > li > ul li:hover .menu-item > a,
.lang-switcher > .menu ul > li > ul li:hover > div {
    color: #111;
}

.lang-switcher > .menu ul > li:not(.opened) > ul {
    display: none;
}

.lang-switcher > .menu ul li.opened > .menu-item {
    border-radius: 3px 3px 0 0 !important;
}

@media screen and (max-width: 1199px) {
    .lang-switcher > .menu .menu-item,
    .lang-switcher > .menu ul li {
        width: 100%;
    }

    .lang-switcher > .menu .menu-item > a:first-child, 
    .lang-switcher > .menu .menu-item > div:first-child {
        flex: 1;
        justify-content: flex-end;
    }
    
    .lang-switcher > .menu ul > li > ul .menu-item {
        background: #01273f;
    }

    .lang-switcher > .menu ul > li > ul {
        position: static;
        width: auto;
    }  
}



/* Pop Ups */

body.pop-up {
  overflow: hidden;
}

div.pop-up {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgb(0 0 0/.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1111;
}


/*  */

#age-restriction-pop-up {
  font-family: 'Inter' !important;
  color: #777777;
  font-size: 16px;
}

#age-restriction-pop-up .pop-up-container {
  padding: 1px 3rem 40px;
  background: #FFFFFF;
  border: 4px solid rgba(1, 38, 60, 0.05);
  border-radius: 2px;
  width: 100%;
  max-width: 437px;
  text-align: center;
}

#age-restriction-pop-up .icon img {
  width: 2rem;
}

#age-restriction-pop-up h2 {
  padding-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
  color: #01263C;
}

#age-restriction-pop-up .bottom {
  padding-top: 2rem;
}

#age-restriction-pop-up .buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#age-restriction-pop-up .buttons>div {
  line-height: 48px;
  background: #3CB370;
  border-radius: 6px;
  font-weight: 700;
  color: #FFFFFF;
  cursor: pointer;
  transition: .3s;
}

#age-restriction-pop-up .buttons>div:hover {
  background: #01263c;
}

#age-restriction-pop-up .buttons>.deny {
  background: #FFFFFF;
  border: 2px solid #B33C3C;
}

#age-restriction-pop-up .buttons>.deny a {
  color: #B33C3C;
}

#age-restriction-pop-up .buttons>.deny:hover {
  background: #B33C3C;
}

#age-restriction-pop-up .buttons>.deny:hover a {
  color: #FFF;
}


@media (min-width: 576px) {
  #age-restriction-pop-up .icon {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(1, 38, 60, 0.05);
    margin: -40px auto 2rem;
    background: #FAFCFF;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #age-restriction-pop-up {
    font-size: 14px;
  }

  #age-restriction-pop-up .pop-up-container {
    width: 90%;
    left: 5%;
    padding: 24px 32px;
  }

  #age-restriction-pop-up .icon {
    display: flex;
    justify-content: center;
    padding-bottom: 18px;
  }

  #age-restriction-pop-up h2 {
    font-size: 20px;
  }

  #age-restriction-pop-up .buttons > div a {
    font-size: 14px !important;
  }

  .content ol li:first-child, .content-block ol li:first-child, .content-element ol li:first-child {
    counter-reset: x;
  }
}


/*--  No Operators  --*/
#no-operators .alternatives-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px;
    margin-bottom: 1.5rem;
    border-radius: 6px;
    background: #FFF;
}

#no-operators .alternatives-card .title>div {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

#no-operators .alternatives-card .title>div img {
    display: block;
    height: 16px;
    aspect-ratio: 1;
}

#no-operators .alternatives-card .title>div>* {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 0;
    color: #575D66;
}

#no-operators .alternatives-card .subtitle>* {
    font-size: 12px;
    font-weight: 400;
    line-height: 135%;
    color: #222222;
}


/*  */
#no-operators .recommendation .title {
    margin-bottom: 1.25rem;
}

#no-operators .recommendation .title>* {
    font-family: inter;
    font-size: 21px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.16px;
    color: #01263C;
}


@media screen and (max-width:1199px) {
    #no-operators .alternatives-card {
        align-items: flex-start;
        text-align: left;
        padding: 12px;
    }

    #no-operators .alternatives-card .title {
        width: 100%;
    }

    #no-operators .alternatives-card .title>div {
        align-items: flex-start;
        justify-content: space-between;
    }

    #no-operators .alternatives-card .title>div>* {
        font-size: 12px;
        font-weight: 600;
        color: #01263C;
    }
}