:root {
	/*--primary-bg: ;*/
	--primary-text: #ffffff;
	--gunmetal: #082E38;
	--fancy-bg: #456973;
	--ecru: #C5AE77;
	--ecru-hover: #d4c292;
	--box-border-radius: 8px;
	--bs-nav-link-color: var(--ecru);
}

* {
	box-sizing: border-box;
}

html {
	/*For smooth scrolling behavior*/
	scroll-behavior: smooth;
}

a {
	color: var(--ecru);
	text-decoration: none !important;
}

a:hover {
	color: var(--ecru-hover);
}

.btn {
	margin-right: 5px;
}

.btn svg {
	width: 1.5rem;
	height: 1.5rem;
	fill: currentColor;
}

.btn-ecru {
	--bs-btn-bg: var(--ecru);
	--bs-btn-border-color: var(--ecru);
	color: #222;
	--bs-btn-active-color: #222;
	--bs-btn-hover-bg: var(--ecru-hover);
	--bs-btn-hover-color: #222;
	--bs-btn-active-bg: var(--ecru-hover);
	--bs-btn-active-border-color: var(--ecru-hover);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #222;
	--bs-btn-disabled-bg: var(--ecru);
	--bs-btn-disabled-border-color: var(--ecru);
	white-space: nowrap;
}

.btn-outline-ecru {
  --bs-btn-color: var(--ecru);
  --bs-btn-border-color: var(--ecru);
  --bs-btn-hover-color: #222;
  --bs-btn-hover-bg: var(--ecru);
  --bs-btn-hover-border-color: var(--ecru);
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #222;
  --bs-btn-active-bg: var(--ecru);
  --bs-btn-active-border-color: var(--ecru);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ecru);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--ecru);
  --bs-gradient: none;
}

.nav-link {
  color: var(--ecru);
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
  color: var(--ecru-hover);
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #222;
  --bs-nav-pills-link-active-bg: var(--ecru);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.fitwidth {
	width: 1px;
	white-space: nowrap;
}

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

.right-align .btn {
	margin-right: 0;
	margin-left: 5px;
}

.inner-box {
	background: rgba(0,0,0,.4);
	padding: 15px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
}

.inline-block {
	display: inline-block;
}

.search-form {
	margin-bottom: 15px;
}

.white_text {
	color: #fff;
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

#fileToUpload,
#profile-image-upload-submit {
	display: none;
}

body {
	background: #1f282f;
	color: #f1f1f1;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	padding: 0;
}

.form-floating label {
	color: var(--bs-body-color);
}

header {
	background-color: #1f282f;
}

header nav {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-style: regular;
	text-transform: uppercase;
	font-size: 1rem;
}

header nav .nav-item:not(:first-child) {
	border-left: 1px solid #666;
}

header nav .nav-link {
	padding: 0px 20px !important;
}

header nav .nav-link {
	color: #fff;
}

header nav .nav-item .nav-link:focus,
header nav .nav-item .nav-link:hover,
header nav .nav-item.active .nav-link {
	color: #fff;
	text-shadow: 1px 1px 0px var(--ecru);
}

header button i {
	color: rgba(255,255,255,.8);
}

header button:hover i {
	color: rgba(255,255,255,1);
}
/*
header .bg-image {
	background: url(/img/FLC_header_color.jpg) rgba(0, 0, 0, 0.5);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-blend-mode: multiply;
	box-shadow: 0px -1px 1px #ffffff30 inset, 0 1px 1px #ffffff30 inset;
}*/

.bg-image-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bg-image-container .bg-header-image {
	width: 100%;
	height: auto;
	max-height: 300px;
	display: block;
	object-fit: cover;
	object-position: bottom;
}

.bg-image-container .bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 1;
}

.bg-image-container .logo-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.logo-container {
	width: 200px;
	height: 200px;
}

.breadcrumbs-outer {
	background: #151b1f;
    padding-block: 15px;
    margin-bottom: 15px;
    box-shadow: 3px 3px 3px #263038;
    border-bottom: 1px solid #394854;
}

.breadcrumbs-outer.featured {
	margin-bottom: 0;
	border-bottom: 0;
}

.badges {
	width: 32px;
	margin-bottom: 5px;
}

.badges.badges-small {
	width: 16px;
}

h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

.nav-link {
	position: relative;
}

.offer_notification.bubble {
	position: absolute;
	top: 0;
	right: 0;
	background: red;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font-size: 0.7rem;
	font-weight: bold;
	text-align: center;
	color: white;
}

h5.card-title {
	/*color: #333;*/
}

.container_box {
	background: rgba(0,0,0,.4);
	padding: 15px;
	margin: 15px 0;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
}

img {
	max-width: 100%;
}

body > main > .content {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* /// TABLE ADJUSTMENT /// */
.table-transparent,
.table-transparent tr,
.table-transparent td {
	background-color: transparent !important;
	--bs-table-bg: transparent !important;
	border: 0px solid #fff !important;
	padding: 0 .5rem !important;
}

/* /// SECONDARY MENU /// */
.secondary-menu {
	margin: 15px 0;
	border-top: 1px solid rgba(255,255,255,.1);
	padding: 15px 0;
}

.secondary-menu .navbar-nav .nav-item {
	/*margin-left: 15px;*/
	padding: 5px 15px;
	border-radius: 50px;
}

.secondary-menu .navbar-nav .nav-item.active {
	background: var(--fancy-bg);
}

.secondary-menu .nav-link {
	display: flex;
	flex-direction: row; /* Sett ikon over tekst */
	align-items: center; /* Sentrer ikon og tekst horisontalt */
	text-align: left; /* Sentrer teksten */
	font-size: 14px; /* Juster skriftstørrelse */
	padding: 10px;
	color: rgba(255,255,255,.8); /* Sett fargen for tekst og ikon til hvit */
}

.secondary-menu .nav-icon {
	font-size: 2rem;
	margin-right: 10px;
}

/* Fjern endringer på hover */
.secondary-menu .navbar-nav .nav-item .nav-link:hover {
	color: white; /* Hold fargen hvit på hover */
	text-decoration: none; /* Fjern eventuell understreking */
}

/* Fjern endringer på active state */
.secondary-menu .navbar-nav .nav-item.active .nav-link {
	color: white; /* Hold fargen hvit når lenken er aktiv */
	font-weight: normal; /* Ingen spesielle stilendringer for aktiv lenke */
}

/* /// PLAYERS LOOKING /// */
.player_box {
	background: var(--fancy-bg);
	border-radius: 10px;
	overflow: hidden;
}

.player_box.small .player_portrait {
	width: 100%;
	aspect-ratio: 1/1;
}

.player_portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.player_box .player_text {
	padding: 15px;
	font-size: .85rem;
}

.player_box .player_text .prefPos {
	min-height: 20px;
}

.player_box .player_text h5 {
	font-size: 1rem;
}

.player_box .player_actions {
	margin: 10px 0 0;
}

.fancy-box {
	margin-bottom: 60px;
}

.fancy-box .top-part,
.fancy-box .bottom-part {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.competitive.fancy-box .text-container {
	z-index: 50;
	width: 50%;
	background: var(--fancy-bg);
	padding: 20px;
	text-align: center;
}

.competitive.fancy-box .text-container.top_text_container {
	margin: 0 0 -60px 0;
}

.competitive.fancy-box .text-container.bottom_text_container {
	margin: -60px 0 0 0;
	
}

.prizes.fancy-box .text-container,
.leagues.fancy-box .text-container,
.personalised.fancy-box .text-container {
	margin-left: -150px;
	z-index: 50;
	width: 40%;
	background: var(--fancy-bg);
	padding: 20px;
}

.fancy-box .text-container h2,
.fancy-box .text-container h3 {
	font-size: 2.5rem;
	font-weight: 900;
}

.fancy-box .text-container h3 {
	font-size: 2.2rem;
}

.fancy-box .text-container p {
	margin-bottom: 0;
}

.competitive.fancy-box .text-container h2 {
	font-size: 3.5rem;
	
	font-weight: 900;
}

.fancy-box .text-container .buttons {
	margin: 15px 0 0;
}

.fancy-box .image-container {
	width: 70%;
}

.competitive.fancy-box .image-container {
	width: 100%;
}

.fancy-box .image-container img {
	width: 100%;
	height: 600px;
	/*background: url("/img/fifa_competitive.jpg") no-repeat;
	background-size: cover;*/
	/*box-shadow: 0px 4px 4px 0px #00000040, inset 0px 0px 65px 100px rgba(0,0,0,.5);*/
}

.competitive.fancy-box .image-container img {
	height: auto;
}

.competitive.fancy-box .info-box {
	background: rgba(255,255,255,1);
	width: 60%;
	color: #222;
	font-size: 14px;
	padding: 15px;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.competitive.fancy-box .info-box .info-text {
	width: 75%;
}

#my-profile-image,
#my-club_image {
	opacity: 1;
	display: block;
	transition: .5s ease;
	backface-visibility: hidden;
}

.club_logo_container,
.profile-image-container,
.my-profile-image-container {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.my-profile-image-container:hover #my-profile-image,
.club_logo_container:hover #my-club-image {
	opacity: 0.3;
	cursor: pointer;
}

.my-profile-image-container:hover .middle,
.club_logo_container:hover .middle {
	opacity: 1;
	cursor: pointer;
	pointer-events: none;
}

.my-profile-image-container:hover .middle .text,
.club_logo_container:hover .middle .text {
	background-color: #04AA6D;
	color: white;
	font-size: 16px;
	padding: 10px 15px;
}

.contract_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(0,0,0,.4);
	padding: 15px;
	margin: 15px 0;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
}

form label.form-label {
	/*color: #222;*/
}

.nav-tabs-container #nav-tab,
.nav-tabs-container a.nav-link {
	border: 0px;
	color: #999;
}

.nav-tabs-container a.nav-link:hover,
.nav-tabs-container a.nav-link:focus {
	border: 0px;
	color: #ccc;
}

.nav-tabs-container a.nav-link.active {
    background: #32404b;
    color: #fff;
    border: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

div#nav-tabContent.tab-content {
	background: #32404b;
	padding: 30px;
}

.tab-pane .nav-tabs-container a.nav-link.active,
.tab-pane div#nav-tabContent.tab-content {
	background: #405260;
}

div#nav-tabContent div#nav-tabContent .tab-pane .nav-tabs-container a.nav-link.active,
div#nav-tabContent div#nav-tabContent div#nav-tabContent {
	background: #4d6273;
}

.competition-image-container {
	padding: 15px;
}

ol.rule-list {
	padding-left: 0;
}

ol.rule-list,
ol.rule-sublist {
	counter-reset: item
}

ol.rule-list h3,
.rule-title {
	margin-bottom: 15px;
}

li.rule-item,
li.rule-subitem {
	display: block;
}

li.rule-item:before,
li.rule-subitem:before {
	content: counters(item, ".") " ";
	counter-increment: item;
	font-weight: bold;
	font-size: 1.2rem;
}

.club_name p {
	color: #fff;
}

/* /// PUBLIC PROFILE PAGE /// */
.livestream-player-container {
	margin-top: 30px;
}

/* /// PUBLIC CLUB PAGE /// */
.club_details_outer_container {
	margin-bottom: 30px;
}

/* /// MANAGER /// */
.card .club-image-container #club_logo {
	max-width: 100%;
	height: auto;
	width: auto;
}

/* /// LEAGUES /// */
.league-image-container {
	width: 180px;
	padding: 30px 30px 30px 0;
}

.league_header_container {
	display: flex;
	align-items: center;
}

/* /// LEADERBOARDS /// */
table.leaderboards th {
	font-size: 0.9rem;
}

table.leaderboards td.goals,
table.leaderboards td.assists,
table.leaderboards td.rating,
table.leaderboards td.passes,
table.leaderboards td.pass_percent,
table.leaderboards td.pos_won,
table.leaderboards td.pos_loss,
table.leaderboards td.tackles,
table.leaderboards td.tackles_percent,
table.leaderboards td.clean_sheets,
table.leaderboards td.gk_saves,
table.leaderboards td.pen_saves {
	text-align: center;
}

.bootgrid-table th > .column-header-anchor {
	color: #fff;
}

.bootgrid-table th:hover > .column-header-anchor,
.bootgrid-table th:active > .column-header-anchor {
	color: #333;
}


.leagues span.icon.glyphicon.glyphicon-th-list:before {
    content: "Stats";
}

.bootgrid-header .search .fa-search {
	display: none;
}

.bootgrid-header .actionBar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.bootgrid-header .actionBar form,
.bootgrid-header .actionBar .search,
.bootgrid-header .actionBar .actions {
    margin-bottom: 0;
}

.leagues .btn-default,
.btn-default {
	--bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

/* /// SQUAD /// */
.player-squad-card h5 {
	text-align: center;
}

.player-picture-container {
	border-radius: 50%;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	position: relative;
}

.player-picture-container > img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	transform: translate(-50%, -50%);
}

/* /// MATCHES ///*/

.match_container {
	background: rgba(0,0,0,.4);
	padding: 15px;
	margin: 15px 0;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
}

.match_footer {
	display: flex;
	justify-content: space-between;
}

.match_footer .match_actions {
	/*margin-left: 15px;*/
	display: inline-block;
}

.match_home_container,
.match_away_container {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
}

.match_date {
	font-size: .8rem;
}

.todays_matches {
	margin-bottom: 30px;
}

.todays_matches .match_container {
	background: #39513c;
    min-height: 150px;
}

.todays_matches .match_container .match_versus {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px; /* juster avstand etter smak */
}

.todays_matches .match_container .match_versus .match_home_container,
.todays_matches .match_container .match_versus .match_away_container {
	font-size: 2rem;
	margin: 0;
}

.todays_matches .match_container .match_versus .match_versus_text {
	font-size: 2rem;
	font-weight: bold;
}

.todays_matches.manager_page .match_container .match_versus {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.todays_matches .match_container .match_versus .match_home_container,
.todays_matches .match_container .match_versus .match_away_container {
	font-size: 2rem;
	margin: 0 20px;
}

.completed_matches .match_container {
	background: rgba(0,0,0,.2);
}

.score_input {
	width: 50px;
	margin: 0 auto;
}

.current_match .match_container .match_versus .match_versus_text {
	margin: 0 auto;
}

.current_match .match_footer {
	display: flex;
	justify-content: center;
}

.big_match_container {
	background: rgba(0,0,0,.4);
	padding: 15px;
	margin: 15px 0;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
}

.big_match_container.desktop .match_versus {
	display: flex;
	justify-content: space-between;
}

/* /// LINEUP /// */

.lineup_squad_name {
	text-align: right;
}

/* /// REGISTER SCORES /// */

.same_match_container {
	background: rgba(0,0,0,.2);
	padding: 15px;
	margin-bottom: 30px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
}

.same_match_container .same_match_header {
    display: flex;
    justify-content: space-between;
}

.same_match_container .same_match_header h5 {
	margin-bottom: 0;
}

.same_match_container .same_match_header button {
	margin-left: 5px;
}

/* /// REGISTER STATS /// */

.enter_stats_container h6 {
	text-align: center;
	color: #fff;
}

.enter_stats_container label {
    text-align: right;
	color: #fff;
}

.enter_stats_container .form-group.row {
	margin: 0 0 5px 0;
}

.gk-file-input::-webkit-file-upload-button {
	visibility: hidden;
  }
  .gk-file-input::before {
	content: 'GK page';
	display: inline-block;
	background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 1px 1px #fff;
	font-weight: 700;
	font-size: 10pt;
  }
  .gk-file-input:hover::before {
	border-color: black;
  }
  .gk-file-input:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
  }

/* /// ADMIN /// */

.match_list_container {
	background: rgba(0,0,0,.4);
	padding: 15px;
	/*margin: 15px;*/
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
}

/* /// ADMIN - APPROVE STATS /// */

.stats_approve_container {
	background: rgba(0,0,0,.4);
	padding: 15px;
	margin: 15px 0;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
}

.stats_approve_container .stats_approve_header {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.stats_approve_container .stats_approve_header .stats_username {
	font-size: 1.2rem;
	font-weight: bold;
}

.stats_approve_container .stats_approve_header .stats_match_date {
	font-size: 0.8rem;
	font-style: italic;
}

.stats_approve_container .stats_approve_body {
	font-size: .8rem;
}

/* /// ADMIN - EDIT STATS /// */
.edit_stats_outer_container {
	background: rgba(0,0,0,.2);
	padding: 15px;
	margin-top: 30px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
}

.edit_stats_form form div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
}

.edit_stats_form form input {
	width: 100%;
	max-width: 70px;
}

/* /// FOOTER /// */
footer {
	padding: 30px 0 0;
	background: rgba(0,0,0,.2);
}

footer .main_footer_section {
	margin-bottom: 30px;
}

footer .main_footer_section .col-sm-4 {
	text-align: center;
}

footer h3,
footer h5 {
	margin-bottom: 0;
	color: var(--ecru);
	font-weight: 900;
}

footer a {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 1rem;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	transition: all linear 200ms;
}

footer a:hover {
	color: var(--ecru);
}

footer .SoMe_icon_container {
	width: 40px;
	display: inline-block;
}

footer .SoMe_title {
	margin-top: 15px;
}

/* /// PREMIUM /// */

.premium_box {
	margin-bottom: 30px;
}

.premium_box .list-group .list-group-item {
	background-color: transparent;
}

.premium_box .purchase_premium_container {
	display: flex;
	justify-content: center;
	padding: 15px;
}

/* /// MANAGER /// */

.manager_squad_item {
	display: flex;
	justify-content: space-between;
	background: rgba(0,0,0,.2);
	padding: 5px 10px;
	margin: 0 0 15px;
}

/* /// RESPONSIVE TABBED CONTENT /// */
.nav-tabs-container {
    display: block;
    overflow: hidden;
    height: calc(1.5rem + 1rem + 0px); /** 1.5 is font-size, 1 is padding top and bottom, 2 is border width top and bottom */
    position: relative;
    z-index: 1;
    margin-bottom: -1px;
}
.nav-tabs-container .nav-tabs {
	overflow-x: auto;
	flex-wrap: nowrap;
	border-bottom: 0;
	--bs-nav-tabs-border-width: 0;
}
.nav-tabs-container .nav-item {
	margin-bottom: 0;
}
.nav-tabs-container .nav-item:first-child {
	padding-left: 15px;
}
.nav-tabs-container .nav-item:last-child {
	padding-right: 15px;
}
    
.nav-link {
	white-space: nowrap;
}
.dragscroll:active,
.dragscroll:active a {
	cursor: -webkit-grabbing;
}

/* /// AFFILIATES /// */

section.affiliate-header-background#nordpass {
	background: url('/img/affiliates/nordpass/Nordpass-visuals.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.affiliate-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-block: 230px;
}

.affiliate-header .affiliate-title {
	max-width: 600px;
}

.affiliate-header .affiliate-title p.affiliate-name {
	font-size: 2rem;
	font-weight: bold;
}

.affiliate-header .affiliate-title h1 {
	font-size: 3rem;
}

section.highlight {
	background: rgba(255,255,255,.075);
	padding-block: 30px;
}

section.highlight h2 {
	margin-block: 30px;
}

section.highlight.nordvpn .image-container {
	padding: 30px;
}

.details-container {
	margin-bottom: 15px;
}

section.highlight.nordvpn .details-container {
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 5px;
	padding: 15px;
	height: 100%;
	max-height: 440px;
	margin-bottom: 20px;
}

.image-container {
	margin-bottom: 15px;
}

.call-to-action-container {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-block: 60px;
}

.call-to-action-container .call-to-action {
	max-width: 720px;
	text-align: center;
}

/* /// PROFILE USER DETAILS /// */
.profile_details_container {
	background: var(--fancy-bg);
	border-radius: 5px;
	padding: 15px;
  }

.user_details .form-row .form-group {
	margin-bottom: 30px;
}

/* /// TROPHIES /// */
.trophy_plaque {
	text-align: center;
}

.trophy_plaque h3,
.trophy_plaque h5 {
	margin-bottom: 0;
}

.trophy_plaque h3 {
	text-transform: none;
}

.trophy_plaque h3 small.text-muted {
	font-size: 1.8rem;
}

/* /// SIGN UP / REGISTER /// */
small.error_notice {
	background: red;
	padding: 5px;
	color: white;
	border-radius: 5px;
	border: 1px solid rgba(255,255,255,.3);
}

.ohno {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

/* /// RULES /// */
#rule-container .rule-paragraph {
	padding-left: 1.5rem;
	position: relative;
}
#rule-container .copy-link {
	position: absolute;
	left: 0;
	top: 0.25rem;
	text-decoration: none;
	font-weight: bold;
	color: var(--fancy-bg);
	cursor: pointer;
}
#rule-container .copy-link:hover {
	color: var(--ecru);
}
#rule-container .allcaps-text {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
#rule-container .section-title {
	border-bottom: 2px solid var(--fancy-bg);
	padding-bottom: 0.3rem;
	margin-top: 3rem;
}

#rule-container aside nav {
	border-right: 1px solid var(--fancy-bg) !important;
}

#rules-menu a {
	background: transparent;
	color: var(--ecru);
	text-decoration: none;
	padding: 5px 0;
}

/* =====================================================
   FLC CARD SYSTEM – BASE
   ===================================================== */
.flc-card {
  background: var(--bs-body-bg);
  border-radius: 8px;
  padding: 15px 10px;
  border: 1px solid color-mix(in srgb, var(--ecru) 25%, transparent);
  border-top: 2px solid var(--ecru);
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

/* Footer */
.flc-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .9rem;
  border-top: 1px dotted var(--ecru);
  padding: 10px 5px 0;
  margin-top: 10px;
  color: var(--ecru);
}

.flc-card__footer .btn {
  margin-right: 0;
  text-transform: none;
}

/* =====================================================
   MATCH VARIANT
   ===================================================== */
.flc-card--match .flc-card__teams {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.flc-card--match .flc-card__team {
  display: flex;
  align-items: center;
  justify-content: start;
  font-weight: bold;
  text-decoration: none;
  color: var(--ecru);
  gap: 10px;
  padding: 0 10px;
}

.flc-card--match .flc-card__team:hover {
	background: color-mix(in srgb, var(--ecru) 10%, transparent);
}

/* Kvadratisk logo-wrapper + logo (erstatter .team-logo {width/height}) */
.flc-card--match .flc-card__logo-wrapper {
  width: 32px;
  aspect-ratio: 1 / 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}

.flc-card--match .flc-card__logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Navn og score */
.flc-card--match .flc-card__name {
  flex: 1 1 auto;
}

.flc-card--match .flc-card__score {
  margin-left: auto;
}

/* (Valgfritt) liten hover-tilbakemelding for lenkede lag */
.flc-card--match .flc-card__team:hover {
  color: var(--ecru-hover);
}

/* =====================================================
   CLUB VARIANT
   ===================================================== */
.flc-card--club .flc-card__logo-wrapper{
	width:120px;
	aspect-ratio:1/1;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	overflow:hidden;
	margin:0 auto .5rem;
}
.flc-card--club .flc-card__logo{ width:100%; height:100%; object-fit:contain; padding:10px; }
.flc-card--club .flc-card__footer{ justify-content:center; gap:.5rem; }

/* =====================================================
   NAVIGATION ICONS
   ===================================================== */
.nav-link .nav-icon {
	width: 1.5em;
	height: 1.5em;
}

@media only screen and (max-width: 48em) {
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	/* /// AFFILIATES /// */

	section.affiliate-header-background#nordpass {
		background-attachment: local;
	}

	.affiliate-header {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding-block: 50px;
		text-align: center;
	}

	.affiliate-header .affiliate-title p.affiliate-name {
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	.affiliate-header .affiliate-title h1 {
		font-size: 2rem;
		margin-block: 30px;
	}

	header .bg-image {
		height: 130px;
	}
	
	.logo-container {
		max-height: 130px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.logo-container img {
		height: 110px;
	}
	
	section.highlight.nordvpn .details-container {
		border: 0;
	}
	
	section.highlight.nordvpn .image-container {
		padding: 0px;
	}

	/* /// FANCY FRONT PAGE BOX /// */
	.fancy-box .top-part,
	.fancy-box .bottom-part {
		flex-direction: column;
	}
	
	.fancy-box .image-container {
		width: 100%;
	}
	
	.competitive.fancy-box .image-container {
		order: 1;
		width: 100%;
	}
	
	.fancy-box .image-container img {
		height: 250px;
	}
	
	.competitive.fancy-box .text-container {
		width: 100%;
		margin: 0;
		margin-top: -50px;
		order: 2;
	}
	
	.competitive.fancy-box .text-container.top_text_container {
		order: 1;
		margin: 0 0 -30px 0;
	}
	
	.competitive.fancy-box .text-container.bottom_text_container {
		order: 3;
		margin: -30px 0 0 0;
	}
	
	.fancy-box .top-part .text-container {
		margin-left: 0;
		width: 80%;
		margin-top: -30px;
	}
	
	.fancy-box .text-container .content {
		padding: 0px;
		background: #fb013e00;
	}
	
	.fancy-box .text-container h2 {
		font-size: 1.6rem;
		text-align: center;
		padding: 0;
		background: transparent;
	}
	
	.competitive.fancy-box .text-container h2 {
		font-size: 1.8rem;
	}
	
	.competitive.fancy-box .text-container h3 {
		font-size: 1.4rem;
	}
	
	.fancy-box .text-container h2.first {
		margin-bottom: 0px;
	}
	
	.competitive.fancy-box .info-box {
		flex-wrap: wrap;
		width: 100%;
		margin-top: 0;
	}
	
	.competitive.fancy-box .info-box .info-text {
		width: auto;
		text-align: center;
	}
	
	.competitive.fancy-box .info-box .buttons {
		display: flex;
		width: 100%;
		margin-top: 10px;
		justify-content: center;
	}
	
	/* /// COMPETITIONS /// */
	.league_card_container {
		margin-bottom: 30px;
	}
	
	.competition-image-container {
		padding: 5px;
	}
	
	.competition-image-container .card-body {
		padding: 0;
	}
	
	.league_card_container h5 {
		font-size: 1rem;
	}
	
	div#nav-tabContent.tab-content.leagues,
	div#nav-tabContent.tab-content.compact-tab-mobile,
	div#nav-tabContent div#nav-tabContent {
		padding: 30px 5px;
	}
	
	/* /// PROFILE /// */
	.profile_details_container {
		margin-top: 30px;
	}
	
	table > tbody {
		font-size: .9rem;
	}
	
	footer h3 {
		font-size: 1.2rem;
	}
	
	footer .footer_ocredits {
		font-size: 0.8rem;
	}
	
	/* /// MANAGER /// */
	
	.todays_matches .match_container .match_versus {
		flex-wrap: wrap;
	}
	
	.todays_matches .match_home_container, .todays_matches .match_away_container {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	
	.todays_matches .match_container h3 {
		font-size: 1rem;
	}
	
	.todays_matches .match_container h5 {
		font-size: 0.8rem;
	}
	
	.todays_matches .match_container .match_footer {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.todays_matches .match_container .match_footer .match_date {
		order: 2;
		margin-top: 10px;
	}
	
	.todays_matches .match_container .match_footer .match_actions {
		order: 1;
		display: flex;
		justify-content: space-between;
	}

	/* /// ADMIN - APPROVE STATS /// */

	.stats_approve_container .stats_approve_header {
		display: flex;
		justify-content: space-between;
		flex-direction: column-reverse;
	}

	/* /// MATCHES /// */
	.big_match_container.mobile .match_home_container {
		display: flex;
		justify-content: space-between;
	}

	/* /// HEADER /// */
	.bg-image-container .bg-header-image {
		height: 130px;
		object-fit: cover;
		object-position: bottom;
	}
	.bg-image-container .logo-container {
		max-height: 130px;
	}
	.bg-image-container .logo-container img {
		height: 110px;
	}
}