@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap');

.gf_widget#fundraising-leaderboard{
	padding: 20px;
}

.gf_widget#fundraising-leaderboard *{
	font-family: 'Gabarito', sans-serif;
}

.gf_widget .max{
	max-width: 1300px;
	margin: 0 auto;
}

.gf_widget .heading{
	font-size: 50px;
}

.gf_widget .tc-red, .gf_widget .tc-red *{
	color: #e12726 !important;
}

/* --------------------
   TABS */

.gf_widget#fundraising-leaderboard .tabs-section ul.tabs{
	margin: 30px 0;
	padding: 0px;
	list-style: none;
	text-align: center;
	/*border-bottom: 1px solid #363636;*/
}

.gf_widget#fundraising-leaderboard .tabs-section ul.tabs li{
	background: none;
	display: inline-block;
	margin: 0 20px;
	cursor: pointer;
	font-size: 18px !important;
	padding: 10px 0;
	text-transform: uppercase;
	color: #333;
}

.gf_widget#fundraising-leaderboard .tabs-section ul.tabs li.current{
	 border-bottom: 5px solid #e12726;
	 color: #e12726;
}

.gf_widget#fundraising-leaderboard .tabs-section .tab-content{
	display: none;
}

.gf_widget#fundraising-leaderboard .tabs-section .tab-content.current{
	display: inherit;
}

/* --------------------
   FUNDRAISING LEADERBOARD */
 
.gf_widget#fundraising-leaderboard .horizontalTiledGf-etflb-img{
	width: 230px !important;
	height: 230px !important;
	margin-top: 0;
	position: relative;
	z-index: 1;
	border-radius: 0;
}

.gf_widget#fundraising-leaderboard div.horizontalTiledGf-etflb-position.horizontalTiledColPosition{
	/*right: auto;*/
	border-radius: 0;
	top: 0;
	background: transparent !important;
	width: 40px!important;
	height: 40px!important;
	padding: 0 !important;
	right: 8px;
}

.gf_widget#fundraising-leaderboard div.horizontalTiledGf-etflb-position.horizontalTiledColPosition:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: skew(-20deg);
	background: #F7AE24;
}

.gf_widget#fundraising-leaderboard div.horizontalTiledGf-etflb-position.horizontalTiledColPosition > div{
	font-size: 18px;
	padding: 10px 0;
	position: relative;
}

.gf_widget#fundraising-leaderboard div.horizontalTiledGf-etflb-main *{
	text-align: left;
	width: 100% !important;
	padding-left: 0;
	padding-right: 0;
	font-size: 18px;
	line-height: 1;
	/*color: #fff;*/
}

.gf_widget#fundraising-leaderboard div.horizontalTiledGf-etflb-main{
	padding: 20px 0 !important;
}

.gf_widget#fundraising-leaderboard #showMoreIndividuals{
	background: transparent !important;
    color: #333 !important;
    border: 2px solid #333;
    padding: 15px 20px !important;
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
	border-radius: 0;
}

.gf_widget#fundraising-leaderboard .horizontalTiledRow > .horizontalTiledGf-etflb-main .horizontalTiledGf-etflb-position{
	margin-top: -55px;
}

.gf_widget#fundraising-leaderboard .horizontalTiledRow > .horizontalTiledGf-etflb-main{
	margin-top: 35px !important;
}

.gf_widget#fundraising-leaderboard .horizontalTiledPointer{
	height: auto;
	border: 0;
	width: 230px;
	background: transparent !important;
	position: relative;
}

.gf_widget#fundraising-leaderboard .row.horizontalTiledGf-etflb-name{
	font-weight: 700;
	color: #e12726;
	font-size: 20px;
}

.gf_widget#fundraising-leaderboard #items.horizontalTiledContainer > div{
	margin-left: -15px;
	margin-right: -15px;
}

.gf_widget#fundraising-leaderboard .horizontalTiledRow .horizontalTiledGf-etflb-position.displayHide{
	display: block !important;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
	padding: 10px 0 !important;
	font-weight: 400;
	/*color: #fff;*/
}

.gf_widget#fundraising-leaderboard #app{
	padding-bottom: 0 !important;
	padding-left: 15px;
	padding-right: 15px;
}

.gf_widget#fundraising-leaderboard .horizontalTiledPointer a:before{
	content: '';
    width: 100%;
    height: calc(100% + 130px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

@media (min-width: 768px){
	.gf_widget#fundraising-leaderboard{
		background-position: center 110%;
	}
}

@media (max-width: 640px){
	.gf_widget#fundraising-leaderboard .horizontalTiledPointer{
		width: 40%;
		max-width: 170px;
	}
	
	.gf_widget#fundraising-leaderboard .horizontalTiledGf-etflb-img {
		width: 170px !important;
		height: 170px !important;
		max-width: 100%;
	}
	
	.gf_widget#fundraising-leaderboard{
		padding-top: 5rem;
		padding-bottom: 14rem;
		background-size: 200%;
	}
}