@import url('https://fonts.googleapis.com/css?family=Rubik:400,700&subset=latin-ext');

:root {
	--red1: #ff0000;
	--red2: #660000;
	--red2rgb: 203,0,0;
	--orange1: #ffa900;
	--orange2: #ff5201;
	--orange2rgb: 255,82,1;
	--yellow1: #ffcc00;
	--yellow2: #ff9900;
	--yellow2rgb: 255,187,0;
	--green1: #99bb1f;
	--green2: #439831;
	--green2rgb: 67,152,49;
	--blue1: #00b5e2;
	--blue2: #3e5fb0;
	--blue2rgb: 62,95,176;
	--indigo1: #511a54;
	--indigo2: #49384a;
	--indigo2rgb: 73,56,74;
	--violet1: #a55db3;
	--violet2: #a01cba;
	--violet2rgb: 160,28,186;
	--black: #292b2c;
}

a:hover, a:focus {text-decoration: none;}
.btn {
	font-weight: 700;
}
.rounded-0 {
	-webkit-border-radius:0!important;
	-moz-border-radius:0!important;
	border-radius:0!important;
}
ul.list-group li:before {
	content:'■';
	position:absolute;
	top:.4rem;
	left:0;
}
.list-group-item {
	display:block;
	background-color: transparent;
	border: 0 none;
	padding: .25rem 1.5rem;}
[class*=display] {font-family:'Rubik';font-weight:700;}
.codedirection {unicode-bidi:bidi-override;direction:rtl;}
.datepicker {
    padding: .5rem .75rem;
}
.datepicker-dropdown {z-index:9999!important;}
.video-container {
	position:relative;
	overflow:hidden;
	width:100%;
}
.video-container::after {
	padding-top:56.25%;
	display:block;
	content:'';
}
.video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.leadnode-text.btn, .leadnode.btn {white-space:normal;}

/*navbar*/
#menu {
	padding:0 15px;
	position:relative;
}
#menu .nav-link span, .profil span {
	text-transform:lowercase;
	font-family:'Rubik';
	font-weight:700;
}
.profil {
	font-size:1.25rem;
	position:absolute;
	top:0;
	right:0;
	display:block;
	padding:.5em 0;
}
.profil .dropdown-toggle:after {display:none;}
.profil .dropdown-menu {right:0;left:auto;}
.navbar-nav {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.navbar-nav .nav-link {
	padding-right: 1.5rem;
}
.navbar-inverse .navbar-nav .nav-link, .navbar-inverse .navbar-nav .nav-link:hover, a.profil, a.profil:hover, .profil a.dropdown-toggle, .profil a.dropdown-toggle:hover {color:rgba(255,255,255,.8);}
.navbar-inverse .navbar-nav .nav-link:active, .navbar-inverse .navbar-nav .nav-link:visited {color:#fff;}
.article-page[class*=bg-red] .navbar {background-color:var(--red2);}
.article-page[class*=bg-orange] .navbar, [class*=columnstyle-oromsportsc] .navbar, .register-page .navbar, .profile-page .navbar {background-color:var(--orange2);}
.article-page[class*=bg-yellow] .navbar {background-color:var(--yellow2);}
.article-page[class*=bg-green] .navbar, [class*=columnstyle-sports] .navbar {background-color:var(--green2);}
.article-page[class*=bg-blue] .navbar {background-color:var(--blue2);}
.article-page[class*=bg-indigo] .navbar {background-color:var(--indigo2);}
.article-page[class*=bg-violet] .navbar {background-color:var(--violet2);}
#page .navbar.no-background {background-color:transparent;}
#page .navbar {
	-webkit-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}
.article-page main .article-text.row {display:block;}

/*login*/
#login, #forgot, #changepass {min-height:100vh;align-items:center;}
#login-form .form-group:first-child, #changepass-form .form-group {border-bottom: 4px solid var(--orange2);}
#changepass-form .form-group:last-child {border-bottom: 0 none;}
.main-login-form {position: relative;}
.main-login-form .btn {
	position: absolute;
	right: -25px;
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	border: 4px solid var(--orange2);}
.bg-white {background-color:rgba(255,255,255,.6);}
#login input, #forgot input, #changepass input {background-color:transparent;}
#login .btn-secondary, #login .btn-secondary:hover, #forgot .btn-secondary, #forgot .btn-secondary:hover, #changepass .btn-secondary, #changepass .btn-secondary:hover {background-color:var(--orange1);}
#login .h3, #forgot .h3, #register .h3, #changepass .h3, #profile .h3 {color:var(--black)!important;}
#login a, #login a:hover, #forgot a, #forgot a:hover {
	color:var(--black)!important;
	text-decoration:none;
	font-weight:700;}
#login .text-danger, #forgot .text-danger, #register .text-danger, #changepass .text-danger, #profile .text-danger {color:var(--black)!important;}

/*main*/
.default-page {font-family:'Rubik';font-weight:400;}

/*leadnode*/
.leadnode {
	position: relative;
	min-height:100vh;
}

.leadnode [class*=background] {
	height:100vh;
	color:#fff;
}
.leadnode-text {padding-top:80px;}
.leadnode [class*=background] .article-title {color:#fff;font-weight:700;}

.leadnode.nr-1, footer, .article-page [class*=bg-red], [class*=bg-red] {
	background: var(--red1);
	background: -moz-linear-gradient(-45deg, var(--red2) 0%, var(--red1) 100%);
	background: -webkit-linear-gradient(-45deg, var(--red2) 0%,var(--red1) 100%);
	background: linear-gradient(135deg, var(--red2) 0%,var(--red1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--red2)', endColorstr='var(--red1)',GradientType=1 );
}
.leadnode.nr-1 .btn, .leadnode.nr-1 .btn:hover {color:var(--red2);border-color:var(--red2);}
.leadnode.nr-1 .btn:hover {background:var(--red1);}
.leadnode.nr-1 .article-title:hover {color:var(--red1);}
.leadnode.nr-1 .background-div .article-title-div, .leadnode.nr-1 .background-div .article-lead {background:rgba(var(--red2rgb),.7);}
.leadnode.nr-2, .article-page [class*=column-oromsportsc], .article-page [class*=bg-orange], [class*=bg-orange], #login, #forgot, #register, #changepass, #profile {
	background: var(--orange2);
	background: -moz-linear-gradient(-45deg, var(--orange2) 0%, var(--orange1) 100%);
	background: -webkit-linear-gradient(-45deg, var(--orange2) 0%,var(--orange1) 100%);
	background: linear-gradient(135deg, var(--orange2) 0%,var(--orange1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--orange2)', endColorstr='var(--orange1)',GradientType=1 );
}
.leadnode.nr-2 .btn, .leadnode.nr-2 .btn:hover {color:var(--orange2);border-color:var(--orange2);}
.leadnode.nr-2 .btn:hover {background:var(--orange1);}
.leadnode.nr-2 .article-title:hover {color:var(--orange1);}
.leadnode.nr-2 .background-div .article-title-div, .leadnode.nr-2 .background-div .article-lead {background:rgba(var(--orange2rgb),.7);}
.error404, [class*=column-textid-sports], .article-page [class*=bg-yellow], [class*=bg-yellow] {
	background: var(--yellow1);
	background: -moz-linear-gradient(-45deg, var(--yellow2) 0%, var(--yellow1) 100%);
	background: -webkit-linear-gradient(-45deg, var(--yellow2) 0%,var(--yellow1) 100%);
	background: linear-gradient(135deg, var(--yellow2) 0%,var(--yellow1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--yellow2)', endColorstr='var(--yellow1)',GradientType=1 );
}
.leadnode.nr-3, .article-page [class*=column-sports], .article-page [class*=bg-green], [class*=bg-green] {
	background: var(--green1);
	background: -moz-linear-gradient(-45deg, var(--green2) 0%, var(--green1) 100%);
	background: -webkit-linear-gradient(-45deg, var(--green2) 0%,var(--green1) 100%);
	background: linear-gradient(135deg, var(--green2) 0%,var(--green1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--green2)', endColorstr='var(--green1)',GradientType=1 );
}
.leadnode.nr-3 .btn, .leadnode.nr-3 .btn:hover {color:var(--green2);border-color:var(--green2);}
.leadnode.nr-3 .btn:hover {background:var(--green1);}
.leadnode.nr-3 .article-title:hover {color:var(--green1);}
.leadnode.nr-3 .background-div .article-title-div, .leadnode.nr-3 .background-div .article-lead {background:rgba(var(--green2rgb),.7);}
.leadnode.nr-4, .article-page [class*=bg-blue], [class*=bg-blue] {
	background: var(--blue1);
	background: -moz-linear-gradient(-45deg, var(--blue2) 0%, var(--blue1) 100%);
	background: -webkit-linear-gradient(-45deg, var(--blue2) 0%,var(--blue1) 100%);
	background: linear-gradient(135deg, var(--blue2) 0%,var(--blue1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--blue2)', endColorstr='var(--blue1)',GradientType=1 );
}
.leadnode.nr-4 .btn, .leadnode.nr-4 .btn:hover {color:var(--blue2);border-color:var(--blue2);}
.leadnode.nr-4 .btn:hover {background:var(--blue1);}
.leadnode.nr-4 .article-title:hover {color:var(--blue1);}
.leadnode.nr-4 .background-div .article-title-div, .leadnode.nr-4 .background-div .article-lead {background:rgba(var(--blue2rgb),.7);}
.leadnode.nr-5, .article-page [class*=bg-indigo], [class*=bg-indigo] {
	background: var(--indigo1);
	background: -moz-linear-gradient(-45deg, var(--indigo2) 0%, var(--indigo1) 100%);
	background: -webkit-linear-gradient(-45deg, var(--indigo2) 0%,var(--indigo1) 100%);
	background: linear-gradient(135deg, var(--indigo2) 0%,var(--indigo1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--indigo2)', endColorstr='var(--indigo1)',GradientType=1 );
}
.leadnode.nr-5 .btn, .leadnode.nr-5 .btn:hover {color:var(--indigo2);border-color:var(--indigo2);}
.leadnode.nr-5 .btn:hover {background:var(--indigo1);}
.leadnode.nr-5 .article-title:hover {color:var(--indigo1);}
.leadnode.nr-5 .background-div .article-title-div, .leadnode.nr-5 .background-div .article-lead {background:rgba(var(--indigo2rgb),.7);}
.leadnode.nr-6, .article-page [class*=bg-violet], [class*=bg-violet] {
	background: var(--violet1);
	background: -moz-linear-gradient(-45deg, var(--violet2) 0%, var(--violet1) 100%);
	background: -webkit-linear-gradient(-45deg, var(--violet2) 0%,var(--violet1) 100%);
	background: linear-gradient(135deg, var(--violet2) 0%,var(--violet1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--violet2)', endColorstr='var(--violet1)',GradientType=1 );
}
.leadnode.nr-6 .btn, .leadnode.nr-6 .btn:hover {color:var(--violet2);border-color:var(--violet2);}
.leadnode.nr-6 .btn:hover {background:var(--violet1);}
.leadnode.nr-6 .article-title:hover {color:var(--violet1);}
.leadnode.nr-6 .background-div .article-title-div, .leadnode.nr-6 .background-div .article-lead {background:rgba(var(--violet2rgb),.7);}

.leadnode .background-div .article-title-div {
	margin-bottom:0;
	padding-top:15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.leadnode .background-div .article-lead {
	padding-bottom:15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
a.article-title:hover {text-decoration:none;}

[class*=column-textid-sports] .btn, [class*=column-textid-sports] .btn:hover {color:var(--yellow2)!important;border-color:var(--yellow2)!important;}
[class*=column-textid-sports] .btn, [class*=column-textid-sports] .btn:hover {background:#fff!important;}
[class*=column-textid-sports] a.btn:hover {background:var(--yellow1)!important;}
#sports {min-height:100vh;padding-top:60px;}
#sports .leadnode {min-height:1px;background:none;margin:20px 1px;}
#sports .leadnode.first, #sports .leadnode:nth-child(5n+1) {margin-left:auto!important;}
#sports .leadnode.last, #sports .leadnode:nth-child(5n) {margin-right:auto!important;}
#sports .leadnode .article-lead, #sports .leadnode .article-title, #sports .leadnode .article-title:hover {color:var(--yellow2);}
#sports .leadnode .article-lead {font-size:1.125rem;}
#sports [class*=background] {height:auto;}
#sports .leadnode-text {padding-top:20px;}

/*404*/
.error404 {min-height:100vh;align-items: center;}
.error404 .btn {background:var(--yellow2);border-color:var(--yellow2);color:var(--black);}

/*article*/
.article-page .article-div {color:rgba(255,255,255,.9);}
.article-page .article-div li:before,
.article-page .article-div .article-title,
.article-page .article-div a,
.article-page .article-div a:visited,
.article-page .article-div a:hover,
.article-page .article-div h3
{color:#fff;}
.article-page .article-div .background-div {color:var(--black);}
.article-page [class*=column-oromsportsc] .background-div li:before,
.article-page [class*=column-oromsportsc] .background-div .article-title,
.article-page [class*=column-oromsportsc] .background-div a,
.article-page [class*=column-oromsportsc] .background-div a:visited,
.article-page [class*=column-oromsportsc] .background-div a:hover,
.article-page [class*=column-oromsportsc] .background-div h3
{color:var(--orange2);}
.article-page [class*=column-sports] .background-div li:before,
.article-page [class*=column-sports] .background-div .article-title,
.article-page [class*=column-sports] .background-div a,
.article-page [class*=column-sports] .background-div a:visited,
.article-page [class*=column-sports] .background-div a:hover,
.article-page [class*=column-sports] .background-div h3
{color:var(--green2);}
.article-page main .no-background {
	padding-top:30vh;
	padding-bottom:120px;
}
.article-page main .background-div {
	padding-top:60vh;
	padding-bottom:120px;
}
.article-page main .background-div article {
	background:rgba(255,255,255,.95);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.article-page main .background-div .article-title, .article-page main .article-text, .article-page main .article-lead {
	padding: 30px !important;
}
.article-page main .article-title {padding: 0 30px !important;}
.article-page main .article-text {font-weight: 300;}
.article-page main .article-lead {font-weight: 700;}
.article-page main .list-group-item {
	border: 0 none;
	background-color: transparent;
	padding: .5rem 1.25rem .5rem 1.75rem;
}
.spacer-img img {width:100%;height:auto;}

/*event*/
#event-list {font-weight: 300;}
.article-page[class*=bg-red] #event-list .card:nth-child(2n+1) .card-header
{background-color:var(--red1);}
.article-page[class*=bg-red] #event-list .card:nth-child(2n) .card-header
{background-color:var(--red2);}

.article-page[class*=bg-orange] #event-list .card:nth-child(2n+1) .card-header
{background-color:var(--orange1);}
.article-page[class*=bg-orange] #event-list .card:nth-child(2n) .card-header
{background-color:var(--orange2);}

.article-page[class*=bg-yellow] #event-list .card:nth-child(2n+1) .card-header
{background-color:var(--yellow1);}
.article-page[class*=bg-yellow] #event-list .card:nth-child(2n) .card-header
{background-color:var(--yellow2);}

.article-page[class*=bg-green] #event-list .card:nth-child(2n+1) .card-header,
#event-list .card:nth-child(2n+1) .card-header
{background-color:var(--green1);}
.article-page[class*=bg-green] #event-list .card:nth-child(2n) .card-header,
.article-page[class*=bg-blue] #event-list .card,
#event-list .card:nth-child(2n) .card-header
{background-color:var(--green2);}

.article-page[class*=bg-blue] #event-list .card:nth-child(2n+1) .card-header
{background-color:var(--blue1);}
.article-page[class*=bg-blue] #event-list .card:nth-child(2n) .card-header,
.article-page[class*=bg-green] #event-list .card,
#event-list .card
{background-color:var(--blue2);}

.article-page[class*=bg-indigo] #event-list .card:nth-child(2n+1) .card-header
{background-color:var(--indigo1);}
.article-page[class*=bg-indigo] #event-list .card:nth-child(2n) .card-header
{background-color:var(--indigo2);}

.article-page[class*=bg-violet] #event-list .card:nth-child(2n+1) .card-header
{background-color:var(--violet1);}
.article-page[class*=bg-violet] #event-list .card:nth-child(2n) .card-header
{background-color:var(--violet2);}

/*footer*/
footer {color:rgba(255,255,255,.8);}
footer a, footer a:visited, footer a:active, footer a:hover {color:#fff;}
footer .copyright {font-size:.875rem;}

@media screen and (orientation:portrait) {
	.leadnode .background-div {
		background-size: 100% auto!important;
		background-position: center 40%!important;
	}
	#sports {min-height:50vh;}
}
@media screen and (max-width: 1200px) {
	#sports .leadnode {margin:20px 0;}
	#sports .leadnode:nth-child(3n+1) {margin-left:auto!important;}
	#sports .leadnode:nth-child(3n) {margin-right:auto!important;}
	#sports .leadnode .article-lead {font-size:1rem;}
}
@media screen and (orientation:landscape) and (max-width: 768px) {
	.error404 {padding-top:10px;}
	.error404 [class*=display] {font-size:4rem;}
	.error404 h3 {font-size:1.5rem;}
	.error404 .text {font-size:.875rem;}
}
@media screen and (orientation:portrait) and (max-width: 768px) {
	.article-page main .no-background {padding-top:20vh;}
}
@media screen and (orientation:portrait) and (max-width: 576px) {
	.leadnode-text {padding-top:40px;}
	.article-page main .background-div {padding-top:35vh;}
}
@media screen and (orientation:landscape) and (max-width: 576px) {
	.leadnode-text {padding-top:50px;}
	.leadnode .lead {font-size:1rem;}
	.spacer-img.offset-2 {margin-left: 5%;}
	.spacer-img.col-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.spacer-text.col-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.6667%;
		-ms-flex: 0 0 66.6667%;
		flex: 0 0 66.6667%;
		max-width: 66.6667%;
	}
}

@media screen and (max-width: 576px) {
	.nav-item span, .profil span {display:none;}
	.article-page main [class*=background] {padding-bottom:0;}
	.article-page main .background-div article {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.article-page main .background-div .article-title, .article-page main .article-text {padding: 30px 15px !important;}
	.article-page main .article-title {padding: 0 15px !important;font-size:3rem;}
	.spacer-img {padding-bottom:15px;}
}
@media screen and (max-width: 479px) {
	.error404 {padding-top:80px;text-align: center;}
	.error404 .btn {margin:15px auto !important;}
	.error404 [class*=display] {font-size:4rem;}
	.error404 h3 {font-size:1.5rem;}
	.error404 .text {font-size:.875rem;}
}