/******************  SITE SIZE AND WIDTH  *********************/
/* Reduce space before content area */
#sp-main-body {
  padding: 25px 0 !important;
}



/******************  TYPOGRAPHY  *********************/

h1 {
  color: #374d80;
}

h2 {
  color: #374d80;
}

h3 {
  color: #374d80;
}

h4 {
  color: #374d80;
  font-size: 1.5rem;
}

a {
  color: #374d80;
}

a:hover, a:active {
  color: #374d80;
}

/******************  BUTTONS  *********************/

.btn-primary, .sppb-btn-primary {
  border-color: #374d80;
  background-color: #374d80;
}

.btn-primary a {
color: #ffffff;
}

.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #374d80;
  background-color: #374d80;
}

.btn-success, .btn-warning {
  border-color: #374d80;
  background-color: #374d80;
  color: #ffffff;
}

.btn-success:hover, .btn-warning:hover {
  border-color: #374d80;
  background-color: #374d80;
  color: #ffffff;
}

/* Article edit-button */
.article-details .article-can-edit a {
  background: #374d80;
}

.btn-edocman {
  border-color: #374d80;
  background-color: #374d80;
  color: #ffffff;
}

.btn-edocman .edicon {
  color: #ffffff;
}



/******************  HEADER  *********************/

/****** Menu ******/

/* Mega menu font size */
.sp-megamenu-parent > li > a,  .sp-megamenu-parent > li > span {
  font-size: 16px;
}

/** Drop down **/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
background-color: #374d80;
padding-left: 10px;
padding-right: 10px;
}

.sp-megamenu-parent .sp-dropdown .sp-module ul {
  list-style: none;
}

.sp-megamenu-parent .sp-dropdown .sp-module ul > li {
  display: block;
  color: #ffffff !important;
}

.sp-megamenu-parent .sp-dropdown .sp-module ul > li > a {
display: block;
padding: 3px 0px;
line-height: 30px;
color: #ffffff !important;
font-size: 14px;
}

.sp-megamenu-parent .sp-dropdown .sp-module .menu {
  padding-inline-start: 1px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #ffffff;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
  background-color: #12264F;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {
  color: #ffffff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #ffffff;
}

/******  OFF CANVAS  ******/

#offcanvas-toggler > .fa {
  font-size: 32px;
  color: #ffffff !important;
}

.offcanvas-menu {
  background: rgba(55, 77, 128, 0.4);
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  color: #ffffff !important;
}


/****** Logo ******/

@media (max-width: 1024px) {
  #sp-logo .logo, #sp-menu {
    display: none;
  }
}

/******************  TOPBAR  *********************/
#sp-topbar {
  height: 50px;
  background-color: #ffffff;
  padding-top: 2px;
}

#sp-position1 i.fa.fa-bell {
  color: #374d80;
}

/* Reduce padding from EasyDiscuss notification */
.ed-mod-card__body {
  padding: 3px !important;
}



/******************  SIDES  *********************/

#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 20px;
  border: 1px solid #ffffff;
  padding: 15px;
  border-radius: 3px;
  background-color: #374d80 !important;
  font-size: 14px;
  color: #ffffff;
}

#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {
  margin-top: 0;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  margin: 0 0 15px;
  padding-bottom: 8px;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
}
#sp-left .sp-module ul, #sp-right .sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
  display: block;
  border-bottom: 1px solid #ffffff;
  color: #ffffff !important;
}
#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
  display: block;
  padding: 5px 0;
  line-height: 36px;
  padding: 2px 0;
  color: #ffffff!important;
  font-size: 14px;
}
#sp-left .sp-module ul > li:last-child, #sp-right .sp-module ul > li:last-child {
  border-bottom: none;
}

/** Log in right side **/
#sp-right #form-login-remember > label {
  color: #ffffff;
}

#sp-right #form-login-submit .login-button {
  border: 1px solid #ffffff;
}



/******************  ARTICLES and CATEGORIES  *********************/

/****** Article ******/

/* Skjuler "registrer dig" på forsiden */
.register {
  display: none;
}

/** Intro billede **/
.article-list .article img {
  max-width: 300px;
}

/* Show date in new line after category */
.article-info {
  display: block;
}

/* Show Edit-button in right side */
.article-details .article-can-edit {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

/* Color of button in pagination */
.page-item.active .page-link {
  background-color: #374d80;
  border-color: #374d80;
}



/**** Tags in article ****/

/* Reduce top margin */
.tags {
  margin: 0px;
}

/* Hide color of background in tags buttons */
.tags > li a, .tags > li a:hover {
  background-color: transparent;
  padding: 0px;
  color: #374d80;
}

/**** End - Tags in article ****/


/**** Custom fields in article ****/

/* Show border between fields in line */
.indspil-border-right {
  border-right: 1px solid #cccccc;
}

/* Borders around fields in line */
.indspil-group {
  border: 1px solid #cccccc;
  /* margin-bottom: 10px; */
}

.indspil-container {
  background-color: #f0eded;
  radius: 8px;
  border: 0px solid;
  border-radius: 8px;
  margin-bottom: 2rem;
  /* display: flex; */
}

.indspil-information {
  background-color: #f0eded;
  radius: 8px;
  border: 0px solid;
  border-radius: 8px;
  margin-bottom: 2rem;
}

.acfup-item {
  display: block;
}

/**** End Custom fields in article ****/

/**** Komento ****/
.comments-header {
  margin-top: 3rem;
}

#kt .o-empty {
  min-height: 150px;
}

#kt .kt-form-title {
  border-bottom: 1px solid #374d80;
  margin-top: 1.5rem;
  font-size: 1.25rem;
}

#kt .kt-comment {
  border: 1px solid #374d80;
}

/**** End Komento ****/


/**** Sub categories ****/

/****** End Article ******/


/****** Category list ******/



.indspil-table-header {
  background-color: #374d80;
  color: #ffffff;
}

.indspil-table-header a {
  background-color: #374d80;
  color: #ffffff;
}


table.category thead > tr {
  border-bottom: solid 0.2rem black;
  cursor: pointer;
}

table.category tbody > tr {
  border-bottom: solid 0.125rem black;
}

/* Hide text "Kategori" in category list */
.list-category span:first-of-type {
  display: none;
}

/* striped color of table in spilleregler */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(55, 77, 128, 0.05);
}

.table-hover tbody tr:hover {
  background-color:rgba(55,77,128,.075);
}


/* Color of rows by state */
.indspil-published {
  background-color: rgb(0,255,0, 0.2) !important;
}

.indspil-upcoming {
  background-color: rgba(255, 255, 0, 0.2) !important;
  color: #000000;
}

.indspil-unpublished {
  background-color: rgb(255,0,0, 0.2) !important;
}


.indspil-annulleret {
  background-color: rgb(64,64,64, 0.6) !important;
  color: #ffffff;
}

.indspil-annulleret a {
  color: #ffffff;
  font-weight: bold;
}


/* Color of badge on category link i bottom of categorylist */
.badge-info{
  background-color: #374d80;
}

/* Increase margin in top */
.cat-children {
  margin-top: 35px;
}

/* Reduce space between sub categories */
.cat-children h4.page-header {
  padding-bottom: 5px;
}


/****** End Category list ******/

/****** Category blog ******/

.article-list .article .icons {
  display: none;
}

/****** End Category blog ******/

/****** Create article frontend ******/

/* Show tag input in line under label */
.chzn-container {
  display: block;
}

/* Border between category, tags and publish */
.indspil-border-right {
  border-right: 1px solid #000000;
}

/* Hide access */
.hide-access {
  display: none;
}

/* Hide Helix Atrribs */
#attrib-helix_ultimate_blog_options {
  display: none;
}



/*** Custom fields in create article ***/

#jform_com_fields_bemaerkninger {
  width: auto;
}


/*
#attrib-fields-1 {
  display: inline-flex;
  width: 100%;
  border-bottom: 1px solid #000000;
  margin-bottom: 15px;
}

#attrib-fields-1 .control-group:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px;
  width: 33%;
  border-right: 1px solid #000000;
}

#attrib-fields-1 .control-group:last-child {
  width: 33%;
}

#attrib-fields-2 {
  display: inline-flex;
  width: 100%;
  border-bottom: 1px solid #000000;
  margin-bottom: 15px;
}

#attrib-fields-2 .control-group:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px;
  width: 33%;
  border-right: 1px solid #000000;
}

#attrib-fields-2 .control-group:last-child {
  width: 33%;
}

#attrib-fields-3 {
  display: inline-flex;
  width: 100%;
  border-bottom: 1px solid #000000;
  margin-bottom: 15px;
}

#attrib-fields-3 .control-group:not(:last-child) {
  margin-right: 20px;
  padding-right: 20px;
  width: 33%;
  border-right: 1px solid #000000;
}

#attrib-fields-3 .control-group:last-child {
  width: 33%;
}

*/



/** Fields radio bottons as block **/
.radio-label {
  display: block;
}

.radio-button .btn-group radio .form-check .form-check-inline {
  border: 1px solid #374d80;
}

.radio-button .form-check-label {
  padding: 3px 6px;
  border-radius: 2px;
  background-color: #6c757d;
  color: #ffffff;
}

.btn-success:not(:disabled):not(.disabled).active {
  background-color: #374d80 !important;
}



/***************** EASY DISCUSS *******************/


/** Frontpage **/

/* Title on each post */
#ed h2.o-title a, #ed h2.o-title .ed-state-new a  {
  font-size: 20px;
  color: #374d80 !important;
}

/* Category on each post */
#ed .frontpage-category {
  font-size: 14px;
  color: #374d80;
  font-weight: bold;
}

/* Reply on each post */
#ed .frontpage-reply, #ed a.frontpage-reply {
  font-size: 14px;
  color: #374d80;
}

/* Type on each post */
#ed .frontpage-type {
  font-size: 14px;
  background-color: #374d80;
  color: #ffffff;
  padding: 6px;
  radius: 8px;
}

/* Resolved icon */
#ed .t-text--success {
  font-size: 22px;
}

/** End of Frontpage **/

/** Single post **/

/* Header */
#ed .l-stack .container {
  width: 100% !important;
  padding: 0px;
}

#ed .o-card__body .container {
  width: 100% !important;
  padding: 0px;
}

.ed-post-status-bar .l-cluster {
  padding-right: 15px;
}

/* Color of date and time */
#ed .o-meta {
  color: #374d80;
  font-weight: 600;
  font-size: 14px;
}

/* Attachments title */
.attachments-title {
  font-size: 16px;
  font-weight: bold;
  color: #374d80;
}

/***************** END EASY DISCUSS *******************/




/***************** EDOCMAN *******************/

/** Category view **/

.edocman-taskbar a {
  font-size: 0.8rem;
  line-height: 1;
}

.btn-edocman {
  background-color: #f0f0f1;
  color: #374d80;
  border-color: #f0f0f1;
}

#edocman-categories .edocman-box-heading h3, #edocman-documents .edocman-box-heading h3, #edocman-document-page .edocman-box-heading h3 {
  line-height: 2rem;
  font-size: 1.25rem;
}



/***************** EDOCMAN END *******************/