/* Indholds bredde */
.row {
   max-width: 1400px !important;
}


/******************** Indhold ********************/

/********** Start - Kursus **********/
.context-menu {
   border-top: 3px solid #5bb5e6;
}

h3:first-of-type {
   color:#5bb5e6;
}


/* Kurser - kampagne bokser */
.SubjectSubPage .campaign, .ArticlePage .campaign {
   background: #f5f5f5;
}

/* Kurser - Tema */
.SubjectSubPage .campaign__theme, .ArticlePage .campaign__theme {
   background: #5bb5e6;
   font-size: 1.125rem;
}

/* Kurser - Manchet */
.SubjectSubPage .campaign p, .ArticlePage .campaign p {
   padding: 10px 20px;
}

.SubjectSubPage .campaign .btn, .ArticlePage .campaign .btn {
   background-color: #3d6b82;
   right: 0;
   margin: 15px;
}
.SubjectSubPage .campaign .btn:hover, .ArticlePage .campaign .btn:hover {
   background: #1b3542;
}

/********** Start - Nyttige links **********/
.fifth-section .context-menu {
   border-top: .3rem solid #cb7aa6;
}

.fifth-section h3:first-of-type {
   color: #cb7aa6;
}


/********** Start - Om Pissassarfik **********/
.fourth-section .context-menu {
   border-top: .3rem solid #3d6b82;
}

.fourth-section h3:first-of-type {
   color: #3d6b82;
}


/********** Start - Handicaptræf **********/
section.primary-section {
   background-color: #fff;
}

.primary-section .context-menu {
   border-top: 3px solid #179d74;
}

.primary-section h3:first-of-type {
   color: #179d74;
}


/********** Start - Rådgivning **********/
.third-section .context-menu {
   border-top: 3px solid #3D6B82;
}

.third-section h3:first-of-type {
   color: #3D6B82;
}


/********** Start - Forløb ved Pissassarfik **********/
section.secondary-section {
   background-color: #fff;
}

.secondary-section .context-menu {
   border-top: 3px solid #d35e1a;
}

.secondary-section h3:first-of-type {
   color: #d35e1a;
}


/******************** Navigation ********************/
.page-header .navbar {
   background:#3d6b82 !important;
}

.page-header .navbar div.row {
   border-bottom: 1px solid #3d6b82;
}

.primary-navigation ul li a:hover {
   background-color: #3d6b82;
   border-bottom:3px solid #fff;
   height:58px;
   color:#B0C3CC;
}

.primary-navigation ul li a {
   color: #ffffff !important;
   padding: 15px;
}

.li.selected.SubjectPage {
   background-color: #3d6b82;
   border-bottom:3px solid #fff;
   height:58px;
   color:#00163c;
}

.language_switch ul li a.active {
   background-color: #3d6b82;
}

/********** Mobil - Navigation **********/

/** Mobil - Navigation - Farve **/
.mobile-menu {
    background: #3d6b82;
}


/******************** Søgefunktion ********************/

/** Søgefelt forslag **/
.suggested-search-list div {
   background: #3F6B81;
}

/** Søgeforslag **/
.suggested-search-list div {
   background; #3d6b82;
}


/******************** Breadcrumbs ********************/

/** Baggrund **/
.breadcrumbsContainer {
   background-color: #fff;
}

.breadcrumbsContainer .breadcrumbs {
   margin: 15px 0;
}

.breadcrumbsContainer .breadcrumbs a {
   color: #3d6b82;
}

/* Nutaarsiassani breadcrumbs */
.NewsPage .breadcrumbsContainer a, .SearchResultPage .breadcrumbsContainer a {
   opacity: .5;
}
.NewsPage .breadcrumbsContainer a:after, .SearchResultPage .breadcrumbsContainer a:after {
   color: #3d6b82;
}


/******************** Mobil navigation ********************/

/** Mobil - Navigation - Flag - farve **/
.mobile-menu .language_switch ul li a.dk
{
   background-color: #D8E1E6;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-radius: 0 4px 4px 0;
}

.mobile-menu .language_switch ul li a.gl
{
   background-color: #D8E1E6;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-radius: 4px 0 0 4px;
}

.mobile-menu .language_switch ul li a.active.dk
{
   background-color: #3d6b82;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-radius: 0 4px 4px 0;
}

.mobile-menu .language_switch ul li a.active.gl
{
   background-color: #3d6b82;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-radius: 4px 0 0 4px;
}

/********** Hamburger menu **********/

/** Mobil - Navigation - Burgermenu - Farve - størrelse **/

.mobile-show--menu:after {
   font-size: 48px;
   color: #3d6b82;
   margin: 0 !important;
}

/** Mobil - Navigation - Secondary - Farve **/
.mobile-menu .secondary-navigation li a:hover {
   color: #fff;
}

/* Secondary navigation i hamburger menu */
.mobile-menu .secondary-navigation.right a {
   color: #fff;
}



body.Frontpage.form-print div.content-container section.no-padding-top {
   height: min-content;
   padding-top: 150px !important;
   padding-bottom: 50px;
}



/********** Forside billede **********/
.campaign--fullBG {
   min-height: 30vh;
   background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/-/media/pissassarfik/billeder/pissassarfik-bygningen-min.jpg')  no-repeat;
}

.campaign--tall {
   background-size: cover;
}

/********** Articlepage billeder **********/
/* .campaign__theme {
   display: none;
} */

.SubjectPage .campaign {
   margin-bottom: 0px;
   padding-bottom: 0px;
}

/******************** Venstremenu ********************/

/** Venstremenu farver **/
.orange {
   border: 2px solid #d35e1a;
   margin: 0 !important;
}

.blaa {
   border: 2px solid #5bb5e6;
   margin: 0 !important;
}

.groen {
   border: 2px solid #179d74;
   margin: 0 !important;
}

.pink {
   border: 2px solid #cb7aa6;
   margin: 0 !important;
}

.moerkeblaa {
   border: 2px solid #3d6b82;
   margin: 0 !important;
}

/** Baggrund **/
section .context-menu {
   background-color: #ffffff;
}

li.root a {
   font-size: 1.2rem !important;
   background-color: #fff !important;
   font-weight: 600 !important;
   padding-left: 15px !important;
}

section .context-menu a, section .root-menu a {
   border-bottom: 1px solid #cccccc;
   color: #000;
   font-size: 16px;
}

section .context-menu a:hover, section .root-menu a:hover {
   background-color: #f0f0f0 !important;
   color: #000;
}

section .context-menu .selected, section .root-menu .selected {
   font-weight: 500;
   background-color: #D8E1E6;
   border-bottom: 1px solid #D8E1E6;
}

section .context-menu.context-menu--accordian a.isParent:before {
   color: #000;
}

/** Ikon ved selected **/
section .context-menu.context-menu--accordian a.selected-parent:before, section .context-menu.context-menu--accordian a.selected:before {
   display: none;
}


/** Page-text image - ikon **/
div.text.page-text img
{
   float: left;
   margin-top: 11px;
   margin-right: 15px;
   width: 34px !important;
   height: 34px !important;
}


/******************** Subjectmenu ********************/

.cont-nav--alternative {
   background:#f3f3f3;
   border-top: 3px solid #041e42;
   color: #3d6b82 !important;
}

a.cont-nav__label {
   color: #3d6b82 !important;
}

.cont-nav cont-nav__options .cont-nav--alternative .cont-nav__label a:link {
   color: #3d6b82 !important;
}

.cont-nav__label {
   color: none !important;
}

.cont-nav__label a:link {
   color: #041e42 !important;
}

.cont-nav__label a:hover {
   color: #041e42 !important;
   text-decoration: underline;
}

.cont-nav__label a:visited {
   color: #041e42 !important;
}

section .context-menu.context-menu--accordian a.selected-parent:before, section .context-menu.context-menu--accordian a.selected:before {
   padding-right:15px;
}

.cont-nav__options .cont-nav__label a {
   color:#041e42 !important;
}


/******************** Indholds side ********************/

.ArticlePage .medium-8:not(.service-box) ul li:before {
   color: #000;
}

.ArticlePage .medium-8:not(.service-box) p {
   margin: 0 0 1em;
}

.ArticlePage .medium-8:not(.service-box) ul {
   margin: 10px 0 20px 2rem;
}

/*** Event + Event liste ***/
.EventPage .primary-section .header.page-header, .EventArchivePage .primary-section .header.page-header {
   color: #5bb5e6;
}

.EventPage .primary-section .manchet.page-manchet, .EventArchivePage .primary-section .manchet.page-manchet {
   color: inherit;
}

.EventPage .primary-section .hData {
   color: inherit;
}

/*** Sumiiffik ***/
.Frontpage section:nth-child(4) div div:nth-child(1) div:nth-child(3) a div.calendar-item__content div.calendar-item__location {
   font-size: .8125rem;
   padding-left: 25px;
}


.list-item-subject.forfagpersoner .list-item-subject__icon {
   content: url(https://qapissassarfik.sitecore.nanoq.gl/sitecore/shell/Applications/Content%20Manager/-/media/f1de418b2f484779ba21bd7766ba2474.ashx?bc=white&db=master&h=128&la=da&mw=640&thn=1&vs=1&ts=8944aec2-dbac-4d3b-ac95-7c83781f9104&udi=1);
   width: 35px;
   height: 35px;
   padding: 5px;
}

.list-item-subject {
   background: #3d6b82;
}

/* Cookie - Disclaimer */
.cookie-disclaimer {
   background-color: #95A4B0;
   padding: 1rem 0;
}


/******************** Nyhed indhold ********************/

/** Nyhed indhold - Relateret nyhed **/

/* Atorunnaarallarpoq
.NewsPage .medium-4 ul li {
   width: -webkit-fill-available;
   width: fit-content;
   width: 100%;
}
*/

/* Ataanut nuunnerani aana kode nutaaq */
#x7757f8e207664bb9896c35af68a70e5e {
   border-top: 1px solid #3d6b82;
   padding: 15px 0 2%;
   margin-top: 8%;
}

.ArticlePage .link--more {
visibility: hidden;
}

/********** Nyhed på forside **********/
.newsitem.boxed
{
   padding: 15px;
   padding-top: 15px !important;
   float: left;
   margin-right: 15px;
   width: 31.75%;
   margin-left: 0;
   background-color: rgba(255, 255, 255, 0.95);
   border-radius: 5px;
}

/* Nyhed dato - forside */
.newsitem__date {
   margin: 2% 0 4%;
}

/* Nyhed overskrift - forside */
.newsitem__header {
   font-size: 1.125rem;
}

.newsitem.boxed:hover {
    background-color: rgba(255, 255, 255);
}


/* Nyheds læs mere */
.newsitem .read-more:hover {
   text-decoration: underline;
}

/* Nyheder - NewsArchivepage */
body.NewsArchivePage .newsitem {
   padding: 40px 0;
   border-bottom: 1px solid #d7d7d2;
}

body.NewsArchivePage .newsitem__header {
   font-size: 1.125rem !important;
}

body.NewsArchivePage span.newsitem__date strong {
   font-weight: 500;
}

body.NewsArchivePage p.newsitem__excerpt {
   color: #000 !important;
   font-size: 1rem !Important;
}

body.NewsArchivePage span.read-more
{
   padding-top: 0 15px;
   color: #000;
   transition: 150ms;
   margin-top: 0px;
   font-size: .875rem;
   float: right;
   background-color: #fff;
}

body.NewsArchivePage span.read-more:hover {
   color: #3d6b82 !important;
   background-color: #fff;
}

/* Nyheder felter */
.filters .btn {
   background-color: #3d6b82 !important;
}

/* Nyheder felter */
.btn:hover {
   background: #1b3542 !important;
}

/* Læs alle nyheder - knap */
.link--more
{
   position: relative;
   float: right;
   text-decoration: none;
   color: #fff;
   background-color: #3d6b82;
   padding: 15px 35px;
   display: inline-block;
   max-width: max-content;
   bottom: 15px;
   margin-top: 15px;
   margin-right: 20px;
   border: 1px solid #9abecb
}

.link--more:hover {
   color: white;
   background-color: #507486;
   border: 1px solid #fff;
}

.NewsPage h1 {
   font-size: 2.25rem;
   margin-bottom: 7.5px;
   color: #000 !important;
}

.NewsPage .image-element {
   margin: 15px 0;
}

.NewsPage h3 {
   color: #000 !important;
   font-size: 1.5rem;
}

.NewsPage div.row-fluid {
   margin-bottom: 5%;
   color: rgba(0,0,0,.5);
   font-size: .875rem;
}

.NewsPage .newsitem {
   padding: 30px;
   background: #F0F0F0;
}

hr
{
   border: solid #ddd;
   border-width: 1px 0 0;
   clear: both;
   margin: 1.25rem 0 1.1875rem;
   height: 0;
}

/********** CampaignTextOnImageFullWidth **********/
.campaign--fullBG .campaign.campaign--textinside .campaign__title {
   font-size: 3rem;
   padding: 15px;
   width: fit-content;
}

/********** Page header **********/
.page-header {
   font-weight: 100;
   color: #179d74;
   padding: 0;
}

/*** Pagecontent image ***/
.image-element {
   border-radius: 5px;
}


/******************** Side titler ********************/

/********** Side Titel - Forløb på Pissassarfik **********/
.text.page-text h1
{
   font-weight: 100;
   color: #d35e1a;
   font-size: 3rem;
   padding: 0;
   margin-top: 0;
   line-height: 1.5;
}

/********** Side Titel - Kurser **********/
.h3, h3
{
   font-weight: 100;
   color: #5bb5e6;
   font-size: 3rem;
   padding: 0;
   line-height: 1.5;
}

/********** Side Titel - Rådgivning **********/
.h2, h2
{
   font-weight: 100;
   color: #179d74;
   font-size: 3rem;
   padding: 0;
   line-height: 1.5;
}

.Frontpage h2 {
   color: #3d6b82;
   font-size: 1.75rem; 
}

/********** Side Titel - Faglige viden **********/
.h1, h1
{
   font-size: 3rem;
   line-height: 1.5;
   font-weight: 100;
   color: #3d6b82;
   font-size: 3rem;
   padding: 0;
   margin-top:0;
}

/********** Side Titel - Nyttige Links **********/
.text.page-text h2 {
   font-weight: 100;
   color: #cb7aa6;
   font-size: 3rem;
   padding: 0;
}



/******************** Sulisut assingi ********************/
.website-contact
{
   margin: 0 15px 15px 0;
   display: inline-table;
   border-top: .3rem solid #3d6b82;
   padding: 15px 15px 30px;
   background-color: #f0f0f0;
   width: 100%;
   max-width: 350px;
   height: 444px;
}

.website-contact img {
   margin-bottom: 10px;
   object-fit: contain;
   width: 100%;
   height: 300px;
}

.website-contact .contactInfoHeader {
   font-weight: 100;
   font-size: 1.5rem !important;
   line-height: 2.25rem !important;
   margin-bottom: .5em !important;
}

.website-contact .contactInfoDepartment {
   font-weight: 600;
   padding-left: 10px;
}

.website-contact p {
   margin: 0 !important;
   padding-left: 10px;
}

.ArticlePage table tr {
   background: none !important;
}

.ArticlePage .accordion .accordion-text table td img {
   width: auto !important;
   max-height: 120px;
}


/******************** Accordion ********************/

.accordion .accordion-header {
   background-color: #3d6b82;
}

.accordion .accordion-header:hover {
   background-color: #6f8a98;
}

.accordion .accordion-container {
   background-color: #f2f2f2;
}

.accordion .accordion-text {
   color: #000;
}

.accordion .accordion-text a:link {
   color: #3d6b82 !important;
}

.accordion .accordion-text a:visited {
   color: #3d6b82 !important;
}

.color-1 .section .context-menu .selected {
   border-left: 4px solid red !important;
}


/******************** Page footer ********************/
.page-footer {
   padding: 30px 0 3rem;
   margin-bottom: 30px;
}

.page-footer-section {
   background: #3d6b82 !important;
}

.page-footer h3 {
   color: #fff !important;
}

#page-footer footer div.column.small-12.medium-9 div div:nth-child(2) ul li a:link {
   color: #fff !important;
}

.page-footer a:hover {
   color: #fff !important;
   text-decoration: underline;
}

.page-footer a:visited {
   color: #fff;
}

/***** Cookie disclaimer *****/
.cookie-disclaimer .cookie-accept-trigger {
    background-color: #95a4b0;
}

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


/***** Saqqaani Forside peerlugu *****/
.Frontpage .primary-navigation ul li:first-child {
   display: none;
}




/****************************** Responsive break-points ******************************/

/******************** Max 480 ********************/

@media screen and (max-width: 480px) {
.newsitem.boxed {
    width: 100% !important;
}
}


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

}


/******************** Max 750 ********************/

/** Mobilikkut tarrittarneri **/
@media screen and (max-width: 750px)
{
.ArticlePage .orange {
   display: none;
}

.ArticlePage .blaa {
   display: none;
}

.ArticlePage .groen {
   display: none;
}

.ArticlePage .pink {
   display: none;
}

.ArticlePage .moerkeblaa {
   display: none;
}

/** Mobilikkut imarisaq iserfiginerani venstre menu tammartillugu **/
.ArticlePage .context-menu, section .root-menu {
   display: none;
}

/** Venstre menu ammut **/
section .context-menu, section .root-menu {
   margin-bottom: 30px;
}

/** Tilbage knap **/
.TilbageKnap {
   margin: -25px 0 20px;
}

.TilbageKnap a {
   color: #3d6b82;
   padding: 15px 15px 15px 0;
   font-size: 0.9rem;
   text-decoration: underline;
}

.TilbageKnap a img {
   height: 12px;
   width: auto;
   padding-right: 5px;
   padding-bottom: 2px;
}


/*** Side Titel - på mobil ***/
.h1, h1 {
   font-size: 1.5rem;
}

.h2, h2 {
   font-size: 1.5rem;
}

.h3, h3 {
   font-size: 1.5rem;
}

.text.page-text h1 {
   font-size: 1.5rem;
}

.page-header {
   font-size: 1.5rem;
}

.text.page-text h2 {
   font-size: 1.5rem;
}
}


/******************** Min 751 ********************/

@media screen and (min-width: 751px) {
.TilbageKnap {
   display: none;
}
}


/******************** Max 800 ********************/

@media screen and (max-width: 800px) {
/* Nyhed */
body div.content-container section div div a.newsitem.boxed
{
   flex-basis: 100%;
   width: 100% !important;
   display: block;
   border-bottom: solid 1px #b6b6b6;
   border-right: none;
   border-left: none;
   background: none;
   margin-bottom: 15px;
}
}


/******************** Max 1024 ********************/

@media screen and (max-width: 1024px)
{

/** Søgefeltet forslag fra en mobil **/
.suggested-search-list div
{
   border-left: 1px solid #f0f0f0;
   border-bottom: 1px solid #f0f0f0;
   border-right: 1px solid #f0f0f0;
   padding: 5px;
   margin-top: 10px;
}

.search input {
   border: 1px solid #FFF;
   margin: 0px;
}

.search {
   margin-bottom: 15px;
}

body.Frontpage.form-print div.content-container section.no-padding-top {
   padding-top: 50px !important;
}
}


/******************** Min 1025 ********************/

@media screen and (min-width: 1025px)
{

/* Kurser - kampagne bokser */
.SubjectSubPage .campaign, .ArticlePage .campaign {
   width: 47%;
   float: left;
   margin-right: 3%;
   background: #f5f5f5;
}

/* Manchet tekst angissusaa */
.SubjectSubPage .campaign p, .ArticlePage .campaign p {
   min-height: 125px;
}
}