
/*app, desktop main content areas css*/

/*begin global*/
hr {
	clear:both;
	border:0;
	height:4px;
	background:#ccc;
	margin:30px 0;
}
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

.red, .red a {color:#ff2121;}
.green, .green a {color:#70ac46;}
.yellow, .yellow a {color:#fdbf00;}
.blue, .blue a {color:#00afef;}
/*end global*/


/*begin buttons*/
.bt-more {
	display:inline-block;
	color:#222;
	border:1px solid #ccc;
	padding:0 0.5em 0.125em 0.5em;
	font-size:12px;
}
.bt-more:hover {
	text-decoration:none;
	border-color:#222;
}
/*home only*/
.cup-home .bt-more {
	color:#fff;
	border:1px solid #c9c9c9;
}
.cup-home .bt-more:hover {
	border-color:#fcfccf;
}
.bt-more.big {
	font-size:14px;
}

.bt {
	display:inline-block;
	color:#fff;
	text-shadow:#263f1b 0.1em 0.1em 0.2em;
	border:1px solid #13210e;
	background-color:#375b27;
	background-image:linear-gradient(#4d8037, #263f1b);
	padding:0.375em 2em 0.5em 2em;
}
.bt:hover {
	text-decoration:none;
	background:#263f1b;
}
.bt.tall {
	padding-top:0.475em;
	padding-bottom:0.675em;
}
.bt.big {
	font-size:1.25em;
}
.bt.huge {
	font-size:1.475em;
}
.cup-bt-list .bt {
	margin:0 4px 8px 4px;
}
/*end buttons*/


/*begin menus and tabs*/
.cup-appmenu {}
.cup-appmenu a {
	position:relative;
	display:block;
	color:#fff;
	text-shadow:#263f1b 0.1em 0.1em 0.2em;
	border:1px solid #13210e;
	background-color:#375b27;
	background-image:linear-gradient(#4d8037, #263f1b);
	padding:0.575em 1.2em 0.8em 0.8em;
	font-size:1.25em;
	margin-bottom:0.5em;
}
.cup-appmenu a:hover {
	text-decoration:none;
}
.cup-appmenu a:before {
	position:absolute;
	z-index:2;
	top:50%;
	right:6px;
	color:#fff;
	transform:translateY(-50%);
	/*fa*/
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:1.25rem;
	content:"\f054"; /*fa-chevron-right*/
}

.cup-categmenu {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	background-color:hsla(0,0%,0%,.7);
	border-bottom-left-radius:10px;
	padding:0 12px;
}
.cup-categmenu a {
	color:#f1f1f1;
	display:inline-block;
	padding:10px 8px;
}
.cup-categmenu a:hover {
	color:#fff;
	text-decoration:none;
}
.cup-categmenu a.selected {
	color:#fff;
	pointer-events:none;
	border-bottom:2px solid #fff;
}

.cup-medalmenu {
	margin:-25px 0 25px 0;
	text-align:center;
}
.cup-medalmenu a {
	display:block;
	width:33.333%;
	float:left;
	padding:12px 0;
	color:#222;
	background:#f1f1f1;
}
.cup-medalmenu a:hover {
	text-decoration:none;
	background:#f6f6f6;
}
.cup-medalmenu a.selected {
	background:#fff;
	pointer-events:none;
	border-bottom:2px solid #999;
}
/*end menus and tabs*/


/*begin areas*/
.cup-pagetitle {
	min-height:140px;
	background:#1d363e url(../images/bg-pagetitle.jpg) no-repeat top right;
	background-size:cover;
	border-bottom:6px solid #06111c;
	margin-bottom:34px;
	position:relative;
}
.cup-pagetitle .tit {
	font-weight:normal;
	padding: 40px;
	margin:0;
	color:#fff;
	font-size:2.475em;
	text-shadow:#000 0.1em 0.1em 0.2em;
}

.cup-main {
	padding:0 40px 60px 40px;
}
.cup-main2 {
	padding:0 20px 60px 20px;
}
.cup-main3 {
	padding:0 40px;
}

.cup-content {}
/*headings*/
.cup-content h5 {
	font-size:1.05em;
	margin-bottom:0.5em;
}
.cup-content h4 {
	font-size:1.15em;
	margin-bottom:0.5em;
}
.cup-content h3 {
	font-size:1.35em;
	margin-bottom:0.5em;
}
.cup-content h2 {
	font-size:1.5em;
	margin-bottom:0.5em;
}
.cup-content h1 {
	font-size:1.875em;
	margin-bottom:0.5em;
}
/*lists*/
.cup-content ul,
.cup-content ol {
	margin-bottom:2em;
}
.cup-content ul li,
.cup-content ol li {
	margin:0 0 0.875em 0.25em;
}
.cup-content ul li:before {
	content:"\2022\00a0";
}
.cup-content ol li {
	list-style:decimal;
	margin-left:1.25em;
}
/*images*/
.cup-content img.wide,
.cup-content img.right,
.cup-content img.left {
	display:block;
	border:1px solid #ccc;
	padding:1px;
}
.cup-content img.wide {
	margin:20px 0;
	width:100%;
	height:auto;
	max-height:420px;
}
.cup-content img.right,
.cup-content img.left {
	width:50%;
}
.cup-content img.right {
	float:right;
	margin:0 0 30px 20px;
}
.cup-content img.left {
	float:left;
	margin:0 20px 30px 0;
}
/*youtube*/
.cup-content .youtube iframe {
	display:inline-block;
	margin:20px 0 30px 0;
	width:100% !important;
	max-width:720px !important;
}

.cup-list {
	margin-bottom:30px;
}
.cup-list .item {
	padding:18px 0 18px 200px;
	border-bottom:1px solid #ccc;
	position:relative;
	min-height:160px;
}
.cup-list .item.noimg {
	padding-left:0;
	min-height:1px;
}
.cup-list .item:last-child,
.cup-list .item.last {
	border:0;
}
.cup-list .img {
	position:absolute;
	top:16px;
	left:0;
}
.cup-list .img img {
	display:block;
	border:1px solid #ccc;
	padding:1px;
	width:180px;
	height:auto;
	max-height: 142px;
	transition:all .4s;
}
.cup-list .img a:hover img {
	border-color:#555;
}
.cup-list .img .is-video {
	position:absolute;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	border-radius:50%;
	background-color:hsla(0,0%,0%,.65);
	transform:translate(-50%,-50%);
	color:#fff;
	font-size:1.875em;
	line-height:58px;
	padding-left:20px;
	transition:all .4s;
}
.cup-list .img .is-map {
	position:absolute;
	top:50%;
	left:50%;
	padding:8px;
	background-color:hsla(0,0%,0%,.65);
	transform:translate(-50%,-50%);
	color:#fff;
	font-size:12px;
	transition:all .4s;
}
.cup-list .img a:hover .is-video,
.cup-list .img a:hover .is-map {
	background-color:hsla(0,0%,0%,.85);
}
.cup-list .tit {
	font-size:1.15em;
	font-weight:bold;
	margin-bottom:4px;
}
.cup-list .intro {
	opacity:0.95;
}

.cup-pagination {
	border-top:2px solid #ccc;
	padding:18px 30px 0 30px;
	text-align:center;
	position:relative;
}
.cup-pagination.top {
	padding:0 30px 18px 30px;
	border-top:0;
	border-bottom:2px solid #ccc;
	margin: 25px 0;
}
.cup-pagination .ico {
	position:absolute;
	top:6px;
	color:#555;
	font-size:2.25em;
}
.cup-pagination.top .ico {
	top:-12px;
}
.cup-pagination .ico:hover {
	color:#222;
}
.cup-pagination .ico.disabled {
	opacity:0.35;
	pointer-events:none;
}
.cup-pagination .ico.prev {
	left:0;
}
.cup-pagination .ico.next {
	right:0;
}
.cup-pagination .ico span {
	font-size: 1zem;
}


.cup-pagination-players {
	text-align:center;
	position:relative;
	padding:0 30px 18px 30px;
	border-top:0;
	border-bottom:2px solid #ccc;
	margin: 25px 0;
}
.cup-pagination-players .ico {
	position:absolute;
	top: -2px;
	color:#555;
	font-size:1.5em;
}
.cup-pagination-players .ico span {
	font-size: 0.75em;
	position: relative;
	top: -1px;
}
.cup-pagination-players .ico:hover {
	color:#222;
	text-decoration: none;
}
.cup-pagination-players .ico.prev {
	left:0;
}
.cup-pagination-players .ico.prev i {
	margin-right: 10px;
}



.cup-linkback {
	/*text-align:center;*/
	margin-top:40px;
}
.cup-linkback a:before {
	content:"\2039\00a0";
}

.cup-share {
	margin-top:60px;
	border-top:2px solid #ccc;
	padding:12px 30px 0 30px;
	text-align:right;
	position:relative;
}
.cup-share .tit,
.cup-share a {
	display:inline-block;
	margin:0 4px;
	vertical-align:middle;
}
.cup-share .tit {
	font-size:0.9em;
}
.cup-share a {
	color:#222;
	opacity:0.75;
	font-size:1.875em;
}
.cup-share a .fa-twitter-square,
.cup-share a .fa-twitter {
	color:#54abec;
}
.cup-share a .fa-facebook-square,
.cup-share a .fa-facebook {
	color:#4862a3;
}
.cup-share a .fa-whatsapp {
	color:#0dc143;
}
.cup-share a:hover {
	opacity:1;
}

.cup-events {}
.cup-events .day {
	position:relative;
	z-index:9;
	display:inline-block;
	height:52px;
	border:1px solid #ccc;
	background-image:linear-gradient(#f5f5f5, #d9d9d9);
	box-shadow:6px 0 6px -6px #222, -6px 0 6px -6px #222;
	padding:6px 20px 6px 55px;
}
.cup-events .num {
	font-size:2.25em;
	position:absolute;
	top:2px;
	left:8px;
}
.cup-events .month-year,
.cup-events .weekday {
	display:block;
}
.cup-events .day-list {
	position:relative;
	margin:-6px 0 20px 4px;
	padding:10px;
	border:1px solid #ccc;
}
.cup-events .day-list .item {
	padding:10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
.cup-events .day-list .item:first-child {
	border-top:0;
}
.cup-events .day-list .item:last-child {
	border-bottom:0;
}
.cup-events .day-list .tit {
	padding-left:20px;
}

.cup-sponsors-main {
	text-align:center;
	padding-top:1px;
}
.cup-sponsors-main .tit {
	font-weight:normal;
	font-size:1.15em;
	padding:0 0 0.5em 0;
	border-bottom:1px solid #e9e9e9;
	margin-bottom:30px;
	margin-top:40px;
}
.cup-sponsors-main .list img {
	display:inline-block;
	max-width:280px;
	border:1px solid transparent;
	margin-right: 30px;
	transition:all .4s;
}
.cup-sponsors-main .list a:hover img {
	border-color:#ccc;
}




.cup-teams,
.cup-teams-category,
.cup-players 
{
	text-align:center;
	padding-top:20px;
}

.cup-teams .list,
.cup-teams-category .list,
.cup-players .list 
{
	padding:10px 0 40px 0;
}
.cup-players .list { padding-bottom: 0px; }

.cup-teams .item,
.cup-teams-category .item,
.cup-players .item 
{
	display:inline-block;
	width:190px;
	min-height:300px;
	vertical-align:middle;
	background:#fff;
	margin:0 8px 16px 8px;
	padding:20px 15px;
	text-align:center;
	border:1px solid #ccc;
	box-shadow:6px 0 6px -6px #ccc, -6px 0 6px -6px #ccc;
}
.cup-teams-category .item 
{
    width: 160px;
    min-height: 220px;
}
.cup-players .item 
{
	min-height: 250px;
}

.cup-teams a.item, 
.cup-teams-category a.item
{
	color:inherit;
}

.cup-teams a.item:hover,
.cup-teams-category
{
	border-color:#666;
	text-decoration:none;
}

.cup-teams .item img,
.cup-teams-category .item img 
{
	display:inline-block;
	margin-bottom:12px;
}
.cup-teams .item img 
{
	width:160px;
	height:160px;
}

.cup-teams .item .tit { font-size:1.25em; }
.cup-players .item .tit { font-size: 1.15em; }
.cup-teams-category .item .tit { font-size:1em; }

.cup-teams .item .info,
.cup-teams-category .item .info,
.cup-players .item .info 
{
	margin-top:6px;
	font-size:0.9em;
	font-style:italic;
	color:#999;
}
.cup-teams-category .item .info 
{
    margin-bottom: 10px;
}





/*category*/
.cup-teams.cup-category {
	padding-left:120px;
	padding-right:120px;
}
.cup-teams.cup-category .item {
	min-height:1px;
	position:relative;
}
.cup-teams.cup-category .num {
	font-size:4em;
	position:absolute;
	text-align:center;
	top:48px;
	left:0;
	right:0;
	color:#fff;
	opacity:0.9;
	margin-left:-2px;
}





.cup-table {}
.cup-table .tit {
	text-transform:uppercase;
	font-size:1.15em;
	margin-bottom:12px;
	color:#000;
}
/*classificacao*/
.cup-table .tab {
	width:100%;
	border-collapse:collapse;
	margin:0 0 25px 0;
	padding:0;
	border-bottom:3px solid #ccc;
}
.cup-table .tab tr:nth-child(odd) td {
	background:#fff;
}
.cup-table .tab th {
	padding:12px 8px;
	/*background-image:linear-gradient(#fff, #fcfcfc);*/
	background:#fff;
	border-bottom:1px solid #999;
	color:#666;
}
.cup-table .tab td {
	text-align:center;
	padding:10px 8px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #f1f1f1;
}
.cup-table .tab th.team,
.cup-table .tab td.team {
	text-align:left;
	position:relative;
}
.cup-table .tab td.team {
	padding-left:40px;
}
.cup-table .tab .team img {
	display:block;
	position:absolute;
	top:50%;
	left:8px;
	width:24px;
	height:24px;
	transform:translateY(-50%);
}
/*jogos*/
.cup-table .games {
	width:100%;
	border-collapse:collapse;
	margin:0 0 40px 0;
	padding:0;
	border-bottom:3px solid #ccc;
}
.cup-table .games th {
	width:33%;
	padding:12px 4px;
	background:#f7f7f7;
	border-bottom:1px solid #ccc;
	border-top:1px solid #f1f1f1;
	color:#666;
}
.cup-table .games td {
	text-align:center;
	background:#fff;
	padding:16px 4px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #f1f1f1;
}
.cup-table .games td img {
	display:block;
	width:60px;
	height:60px;
	margin:0 auto 12px auto;
}
.cup-table .games td.score {
	font-size:3em;
	color:#666;
}
.cup-table .games td.score span {
	font-size:0.75em;
	margin:0 7px;
	vertical-align:7px;
}
.cup-table .games.disabled td.score {
	opacity:0.35;
}

.cup-address-iframe {
	background:#d9d9d9;
	padding:10px;
	margin:30px 0;
}

.champion-label {
	color: #ffffff;
	background-color: #ffd701;
	padding: 1px 7px;
	border-radius: 5px;
	white-space: nowrap;
	display: inline-block;
	font-weight: bold;
}
/*end areas*/


/*begin media queries*/
/*@media screen and (max-width: 1219px) {}*/

@media screen and (max-width: 979px) {
	.cup-pagetitle .tit {
		text-align:center;
		padding:50px 15px 30px 15px;
		font-size:1.875em;
		line-height:1;
	}
	.cup-pagetitle .tit.has-menu {
		padding-top:35px;
		padding-bottom:45px;
	}

	.cup-categmenu {
		position:static;
		text-align:center;
		background-color:hsla(0,0%,0%,.7);
		border-bottom-left-radius:0;
		padding:0 5px;
	}

	.cup-main,
	.cup-main2,
	.cup-main3 {
		padding-left:15px;
		padding-right:15px;
	}

	.cup-share .desk-hide {
		display:inline-block;
	}

	.cup-teams.cup-category {
		padding-left:0;
		padding-right:0;
	}

}

@media screen and (max-width: 739px) {
	.cup-content img.right,
	.cup-content img.left {
		float:none;
		margin:20px 0;
		width:100%;
		height:auto;
	}
	.cup-content .youtube iframe {
		max-height:320px !important;
	}

	.cup-share {
		text-align:center;
	}

	.cup-events .day-list .time,
	.cup-events .day-list .tit {
		display:block;
		padding:0 0 5px 0;
		text-indent:-10px;
		margin-left:15px;
	}

}

@media screen and (max-width: 499px) {
	.cup-categmenu {
		padding:0;
	}
	.cup-categmenu a {
		font-size:0.85em;
		padding-left:4px;
		padding-right:4px;
	}

	.cup-list .item {
		padding:18px 0;
		min-height:1px;
	}
	.cup-list .img {
		position:static;
	}
	.cup-list .img img {
		width:100%;
		max-height:300px;
		margin-bottom:12px;
	}
	.cup-list .img .is-video {
		top:100px;
	}
	.cup-list .img .is-map {
		top:120px;
	}

	.cup-content .youtube iframe {
		max-height:250px !important;
	}

	.cup-teams .item {
		width:140px;
		min-height:262px;
		margin:0 5px 15px 5px;
		padding:20px 5px;
	}
	.cup-teams .item img {
		width:120px;
		height:120px;
	}
	.cup-teams .item .tit {
		font-size:1.15em;
	}
	.cup-teams.cup-category .num {
		font-size:3em;
		top:38px;
	}

	.cup-table .games td.score {
		font-size:2em;
	}
	.cup-table .games td.score span {
		vertical-align:4px;
	}

}
/*end media queries*/
