/**************************************** BREDDE af website ****************************************/
.row {
	max-width: 1440px !important;
}


/**************************************** Overskrifter hele site ****************************************/
.header.page-header {
	font-size: 2rem;
	color: #00244a !important;
	background-color: transparent;
	box-shadow: none;
}

.h4, h4 {
	font-weight: 600;
}


/**************************************** Hele baggrund ****************************************/
.content-container {
	background: #F3F4F6;
}


/**************************************** Links ****************************************/
.ArticlePage .medium-8:not(.service-box) a:hover, .NewsPage .medium-8:not(.service-box) a:hover, .SynchronizedArticlePage .medium-8:not(.service-box) a:hover {
	text-decoration: underline;
}

.content a:hover {
	text-decoration: underline;
}


/**************************************** Punktopstilling ****************************************/

/* Punkter tamaat isigalugu akunneri */
.SubjectPage .medium-8:not(.service-box) ol, .SubjectPage .medium-8:not(.service-box) ul, .SubjectSubPage .medium-8:not(.service-box) ol, .SubjectSubPage .medium-8:not(.service-box) ul, .ArticlePage .medium-8:not(.service-box) ol, .ArticlePage .medium-8:not(.service-box) ul, .NewsPage .medium-8:not(.service-box) ol, .NewsPage .medium-8:not(.service-box) ul, .SynchronizedArticlePage .medium-8:not(.service-box) ol, .SynchronizedArticlePage .medium-8:not(.service-box) ul {
	margin: 20px 0 40px 3rem;
}

/* Punkt ataatsip tullianut ungasissusaa */
.SubjectPage .medium-8:not(.service-box) ol li, .SubjectPage .medium-8:not(.service-box) ul li, .SubjectSubPage .medium-8:not(.service-box) ol li, .SubjectSubPage .medium-8:not(.service-box) ul li, .ArticlePage .medium-8:not(.service-box) ol li, .ArticlePage .medium-8:not(.service-box) ul li, .NewsPage .medium-8:not(.service-box) ol li, .NewsPage .medium-8:not(.service-box) ul li, .SynchronizedArticlePage .medium-8:not(.service-box) ol li, .SynchronizedArticlePage .medium-8:not(.service-box) ul li {
	margin: 15px 0;
}

/* Qalipaataat */
.SubjectPage .medium-8:not(.service-box) ol li:before, .SubjectPage .medium-8:not(.service-box) ul li:before, .SubjectSubPage .medium-8:not(.service-box) ol li:before, .SubjectSubPage .medium-8:not(.service-box) ul li:before, .ArticlePage .medium-8:not(.service-box) ol li:before, .ArticlePage .medium-8:not(.service-box) ul li:before, .NewsPage .medium-8:not(.service-box) ol li:before, .NewsPage .medium-8:not(.service-box) ul li:before, .SynchronizedArticlePage .medium-8:not(.service-box) ol li:before, .SynchronizedArticlePage .medium-8:not(.service-box) ul li:before {
	color: #222222;
}


/**************************************** PAGE HEADER ****************************************/
/** Opsætningianut tunngatillugu responsiv ataani kode-qarpoq **/

/** Baggrund **/
.page-header {
	background-color: #FFFFFF;
}

/* Enheder ataani peerlugu */
.right {
	float: left!important;
	margin: 0!important;
}


/**************************************** PRIMARY SECTION ****************************************/
section.primary-section {
	background-color: #F3F4F6;
}


/**************************************** SECONDARY NAVIGATION ****************************************/

/** Responsiv ataani kode-qarpoq **/

/** Link farve **/

.secondary-navigation a {
	color: #00244a;
	font-size: 1rem;
	padding: 0;
}

.secondary-navigation a:hover {
	color: #00244a;
}


/**************************************** FLAG ****************************************/

.language_switch ul li a {
	background-size: 75px;
	margin-left: 10px;
	border-radius: 3px;
	--tw-shadow: 0 0px 15px 3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.language_switch ul li a.active {
	background-color: transparent;
}


/**************************************** SØGEFUNKTION ****************************************/

#globalSearchFormTop {
	display: block;
}

.search {
	width: 200px;
	color: #FFFFFF;
}

.search input {
	width: 50px;
	border: 1px solid #fff;
	border-radius: 25px;
	background-color: #003C7D;
	background-position: 13px;
	height: 50px;
	margin: 6px 0;
}

.search input:focus {
	width: 300px !important;
}

input[type=text]:focus {
	border-color: #fff;
	background-color: #003C7D;
	background-size: 16px;
}

.search input::placeholder {
	color: #FFFFFF;
}

.search input:hover {
	cursor: pointer;
}

/* Søgeforslag */
.suggested-search-list div {
	background: #fff;
	top: 60px;
	box-shadow: rgb(60 64 67 / 8%) 0px 1px 1px 0px, rgb(60 64 67 / 16%) 0px 1px 3px 1px;
}
.suggested-search-list div ul li a {
	color: #003c7d;
}

/* Søgeresultater */
.NewsPage .breadcrumbsContainer+section+section, .SearchResultPage .reset-list:first-child li:first-child .newsitem {
	padding-top: 30px;
}

/* Resultater */
.newsitem {
	padding: 30px;
	background-color: #fff;
	padding-bottom: 80px !important;
}



/**************************************** NAVIGATION ****************************************/

/** Link ingerlaqqittoq **/

.primary-navigation ul li a[href*="https"]:after {
	content: url(/-/media/transportkommissionen/logo/web-icon/linkb);
	padding-left: 5px;
}

/** Talerpiup tungaani titarneq **/

.primary-navigation ul li:after {
	content: '';
	position: absolute;
	top: 25%;
	height: 50%;
	border-right: 1px solid #d0d0d8;
}

.primary-navigation ul li:first-child:after {
	border-right: none !important;
}


/** NAVIGATION **/

/** Navigation tekst **/

.primary-navigation ul li a {
	padding: 15px 25px;
	letter-spacing: .5px;
}

.primary-navigation ul li a:hover {
	text-decoration: underline;
	text-underline-offset: 0.60em;
	background: none;
	text-decoration-thickness: 0.06em;
}

/** Naalakkersuisut.gl **/

.primary-navigation ul li a[href*="https://naalakkersuisut.gl/?sc_lang=da"]:hover:before {
	content: 'Du går videre til naalakkersuisut.gl';
	position: absolute;
	color: #00244a;
	border-radius: 5px 5px 5px 0;
	padding: 4px 8px;
	z-index: 1;
	font-size: .75rem;
	transform: translateX(0%) translateY(-125%);
	border: 1px solid #c7ccd5;
}

.primary-navigation ul li a[href*="https://naalakkersuisut.gl/?sc_lang=kl-gl"]:hover:before {
	content: 'Naalakkersuisut.gl-imut ingerlaqqilerputit';
	position: absolute;
	color: #00244a;
	border-radius: 5px 5px 5px 0;
	padding: 4px 8px;
	z-index: 1;
	font-size: .75rem;
	transform: translateX(0%) translateY(-125%);
	border: 1px solid #c7ccd5;
}



/**************************************** INDHOLDETS UDSEENDE + NYHEDS ****************************************/

/** SUBJECT **/

.SubjectPage section.primary-section .row {
	background-color: #FFFFFF;
	padding: 40px 15px 40px;
}

/** SUBJECTSUB **/

.SubjectSubPage section.primary-section .row {
	border-bottom: 2px solid #F3F4F6;
	background-color: #FFFFFF;
	padding: 40px 15px 10px;
}

/** ARTICLE **/

.ArticlePage section.primary-section .row {
	border-bottom: 2px solid #F3F4F6;
	background-color: #FFFFFF;
	padding: 40px 15px 10px;
}

.ArticlePage section:last-of-type {
	padding: 0 0 50px;
}

.ArticlePage section:last-of-type .row {
	background-color: #FFFFFF;
	padding: 40px 15px 50px;
}

/** NEWSPAGE **/
.NewsPage section.primary-section .row .medium-8 {
	border-bottom: 2px solid #F3F4F6;
	background-color: #FFFFFF;
	padding: 40px 30px 20px;
}

.NewsPage section .content {
	background-color: #FFFFFF;
}


/**************************************** BREADCRUMBS ****************************************/
.breadcrumbsContainer {
	background-color: #F3F4F6;
}

.breadcrumbsContainer .breadcrumbs {
	padding-left: 25px;
}

.breadcrumbsContainer .breadcrumbs a {
	color: rgba(0,0,0,.5);
}

/** Breadcrumbs - Nyheder **/
.NewsPage .breadcrumbsContainer, .SearchResultPage .breadcrumbsContainer {
	padding-bottom: 0;
	background: #F3F4F6;
}

.NewsPage .breadcrumbsContainer a, .SearchResultPage .breadcrumbsContainer a {
	opacity: .5;
}

.NewsPage .breadcrumbsContainer a:after, .SearchResultPage .breadcrumbsContainer a:after {
	color: rgba(0,0,0,.5);
}

.NewsPage .breadcrumbsContainer .active, .NewsPage .breadcrumbsContainer a:last-child, .SearchResultPage .breadcrumbsContainer .active, .SearchResultPage .breadcrumbsContainer a:last-child {
	font-weight: 500;
}


/**************************************** Overskrift tema på forside ****************************************/

.Frontpage section.third-section h3 {
	font-size: 2rem;
	text-transform: uppercase;
	color: #00244a;
}

.Frontpage section.third-section h1 {
	font-size: 2rem;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 1.5rem;
}

/** Oversigt af alle temaer **/

/** Filters - selected **/
.NewsArchivePage .filters .btn.selected {
	background: #003c7d;
	color: #fff;
	border: 1px solid #003c7d;
}

/** Ikke selected **/
.NewsArchivePage .filters .btn {
	background: #fff;
	color: #222;
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 4px 12px;
	margin: 0 4px;
	box-shadow: rgb(60 64 67 / 8%) 0px 1px 1px 0px, rgb(60 64 67 / 16%) 0px 1px 3px 1px;
}

/** Hover **/
.NewsArchivePage .filters .btn.selected:hover {
	background: #003c7d;
	color: #fff;
}

.NewsArchivePage .filters .btn.selected:hover:after {
	color: #fff;
}

.NewsArchivePage .filters .btn:hover {
	background: #003c7d;
	color: #fff;
	border: 1px solid #003c7d;
}


/**************************************** KAMPAGNE på forside ****************************************/

/** Box-shadow **/
.Frontpage .columns.medium-6 .campaign {
	background: #FFF;
	box-shadow: rgba(60, 64, 67, 0.08) 0px 1px 1px 0px, rgba(60, 64, 67, 0.16) 0px 1px 3px 1px;
}

/** Overskrift **/
.Frontpage .campaign__theme {
	font-size: 1.75rem;
	background-image: linear-gradient(360deg,transparent,#000);
	background-color: transparent;
}

/** Manchet **/
.Frontpage .campaign p {
	padding: 0 20px;
	min-height: 105px;
}

/** CTA button **/
.Frontpage .campaign .btn {
	right: 0;
	margin: 20px;
	border-radius: 50px;
	padding: 10px 25px;
	transition: .1s;
}

.Frontpage .campaign .btn.cta--arrow:hover {
	text-decoration: underline;
}

/** Peerlugu **/
.Frontpage .campaign--tall .campaign__content {
	display: none;
}


/**************************************** NYHEDER - TEMAER ****************************************/

/** Nyhedsboks **/
.Frontpage .moduleHeader {
	font-size: 1.5rem;
	letter-spacing: .5px;
	text-transform: uppercase;
}

body div.content-container section div div a.newsitem.boxed {
	border-bottom: none;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
}

.newsitem.boxed:hover {
	color: #222222;
	box-shadow: 0 5px 15px rgba(0,0,0,0.09), 0 3px 3px rgba(0,0,0,0.23) !important;
}

/* Dato */
.newsitem__date {
	padding-bottom: 10px;
}

/* Overskrift */
.newsitem__header {
	font-size: 1.25rem;
	color: #222;
	width: fit-content;
}

/* Manchet */
.newsitem__excerpt {
	font-size: 1rem;
}

/* Læs nyhed */
.Frontpage .newsitem .read-more {
	color: rgba(0,0,0,.5);
	bottom: 0;
	right: 0;
	position: absolute;
	padding: 20px 30px;
}

a:hover.newsitem .read-more {
	color: #0078a0;
}

/** Se alle knap **/
.Frontpage .link--more {
	color: #00244a;
	text-decoration: none;
	padding: 20px;
	font-weight: 700;
}

.primary-section .link.link--more:hover {
	background: #F3F4F6;
	color: #00244a;
	text-decoration: underline;
	text-underline-offset: 0.60em;
	transition-duration: 0s;
}


/***** Temaer under arkiv *****/

.NewsArchivePage span.newsitem__date strong {
	display: none;
}

.NewsArchivePage .newsitem {
	padding: 30px;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: rgb(60 64 67 / 8%) 0px 1px 1px 0px, rgb(60 64 67 / 16%) 0px 1px 3px 1px;
	border-top: 3px solid #003c7d;
	padding-bottom: 80px;
}

.NewsArchivePage .read-more, .SearchResultPage .read-more {
	color: #fff;
	background: #73BE5E;
	border-radius: 50px;
	padding: 10px 25px;
	float: right;
}

.NewsArchivePage .newsitem:hover .read-more, .SearchResultPage .newsitem:hover .read-more {
	color: #fff;
	background: #5c9b36;
	text-decoration: underline;
}


/***** Selve NYHED *****/

.NewsPage h1 {
	font-size: 2rem;
}

/* Dato under selve nyhed */
.content-container section:nth-child(3) .medium-8.columns .row-fluid {
	color: rgba(0,0,0,.5);
	font-size: .875rem;
}

/* Manchet color under selve nyhed */
.primary-section .hData, .primary-section .header.page-header, .primary-section .manchet.page-manchet, .primary-section .text.page-text {
	color: #00244a;
}



/**************************************** VENSTRE MENU ****************************************/

/* Tamaat */
section .context-menu, section .root-menu {
	background-color: #FFFFFF;
	border-top: 1px solid #e5e7eb;
}

/* Siulleq indhold */
ul li.root {
	text-transform: uppercase;
}

/* Titarnerit */
section .context-menu li, section .root-menu li {
	border-bottom: 1px solid #e5e7eb;
}

/* Tekst farve */
section .context-menu a, section .root-menu a {
	color: #222222;
	border-bottom: none;
}

section .context-menu a:hover, section .root-menu a:hover {
	background-color: transparent;
	font-weight: 700;
}

/* Toqqaqqasoq */
section .context-menu .selected, section .context-menu a.selected, section .root-menu .selected, section .root-menu a.selected {
	background-color: #e5e7eb;
}

/** Venstre menu-mi plus og minus tegn **/

/* Underside-lik plus */
section .context-menu.context-menu--accordian a.isParent:before {
	color: #454545;
	content: "+";
	position: absolute;
	left: 12px;
}

/* Plus-ip toqqarneqarnerani minus-inngorlugu */
section .context-menu.context-menu--accordian a.selected.SubjectSubPage.isParent::before, section .context-menu.context-menu--accordian a.selected-parent:before, section .context-menu.context-menu--accordian a.selected:before {
	color: #454545;
	content: "–";
	position: absolute;
	left: 12px;
}

/* Underside-mi toqqaqqasoq */
section .context-menu.context-menu--accordian ul.depth1.SubjectSubPage a.selected::before {
	color: #454545;
	content: "–";
	position: absolute;
	left: 26px;
}



/**************************************** Bookmark-menu ****************************************/

/* Baggrund - aktiv */
.bookmark-menu .sub-nav dd.active, .magellan-container .sub-nav dd.active {
	background: #003c7d;
}

/* Baggrund - generelt */
.bookmark-menu .sub-nav dd, .magellan-container .sub-nav dd {
	background: #fff;
}

.bookmark-menu .sub-nav dd a:hover, .magellan-container .sub-nav dd a:hover {
	text-decoration: underline;
}



/**************************************** FOOTER-PAGE ****************************************/
.page-footer-section {
	background: #003C7D;
}

.page-footer .h3 {
	color: #FFFFFF;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.page-footer p, .page-footer span {
	color: #FFFFFF;
}

.page-footer a {
	color: #FFFFFF;
}

.page-footer .facebook svg {
	display: none;
}

.page-footer .facebook a {
	display: none;
}



/**************************************** COOKIE-DISCLAIMER ****************************************/
.cookie-disclaimer {
	background-color: #D0D0D8;
	color: #222222;
}

.cookie-disclaimer .cookie-accept-trigger {
	background-color: #D0D0D8;
}

.cookie-disclaimer .column a {
	text-decoration: underline;
	color: #222222;
}




/**************************************** Fra ENHEDER ****************************************/

/* Hamburger menu */
.mobile-show--menu:after {
	color: #003C7D;
}

/* Baggrund efter hamburger menu */
.mobile-menu {
	background: #003c7d;
}

/* Navigationstekst - hover */
.mobile-menu .primary-navigation ul li a:hover {
	color: #00244a;
}

/* Secondary tekst */
.mobile-menu .secondary-navigation.right .selvbetjening a:before, .mobile-menu .secondary-navigation.right a {
	color: #FFFFFF;
	font-size: 1.125rem;
}

.mobile-menu .secondary-navigation li a:hover {
	color: #00244a;
}

/* Tekst ataani titarneq */
.mobile-menu .primary-navigation ul li {
	border-top: none;
}

/* Mobil-ikkut titarneq peerlugu */
.mobile-menu .primary-navigation ul li:after {
	border-right: none;
}



/**************************************** Max WIDTH 640 ****************************************/
@media only screen and (max-width: 640px)
{
}
/******************** 640 ends ********************/



/**************************************** Min WIDTH 641 ****************************************/
@media only screen and (min-width: 641px)
{

/** Navigation width **/
header .navbar .small-12.medium-9.column {
	width: 80%;
}

header .navbar .small-12.medium-12.large-3.column {
	width: 20%;
}
}
/******************** 641 ends ********************/



/**************************************** Max WIDTH 1024 ****************************************/
@media only screen and (max-width: 1024px)
{

/** Søgefunktion **/
.search {
	width: inherit;
	float: left;
}

/* Navbar portussusaa */
.search input {
	height: 48px;
	margin: 2px 0;
}
}
/******************** 1024 ends ********************/


/**************************************** WIDTH 1025 - 1440 ****************************************/
@media only screen and (min-width: 1025px) and (max-width: 1440px)
{

/* Page-header-imi secondary navigation inissinniarneranut kode */
header div.row div.small-8.large-4.small-offset-4.large-offset-0.column {
	width: 30%;
}
header div.row div.small-10.medium-8.column.service-box {
	width: 70%;
}


/***** Secondary navigation 2-2 *****/
.secondary-navigation ul {
	width: 90%;
	text-align: left;
}
}
/******************** 1025 - 1440 ends ********************/



/**************************************** XXLARGE Screen - Min 1920 ****************************************/
@media only screen and (min-width: 1920px)
{

/***** PAGE HEADER *****/
.page-header .row {
	display: grid;
	grid-template-columns: 320px 1fr;
}

.page-header .navbar .row {
	display: block;
}

.page-header .large-4 {
	width: 100%;
	grid-column: 1 / 1;
}

.page-header .medium-8 {
	width: 100%;
	display: grid !important;
	grid-template-columns: 1fr 140px;
}

.login {
	display:none;
}

.secondary-navigation {
	text-align: left;
	grid-column: 1/1;
	grid-row: 1/1;
}

/***** Secondary navigation 1-2 *****/
.secondary-navigation ul {
	width: 49%;
	padding-left: 3%;
}
}
/******************** XXL Screen ends ********************/