@charset "utf-8";
.tr-hover {
  background-color: rgba(0, 0, 0, 0.05);
  transition: all 0.2s;
}
.edit-content h1,
.edit-content h2,
.edit-content h3,
.edit-content h4,
.edit-content h5,
.edit-content h6 {
  line-height: 1.5em;
}
.w1p {
  width: 1%;
}
.w10p {
  width: 10%;
}
.w20p {
  width: 20%;
}
.w30p {
  width: 30%;
}
.w40p {
  width: 40%;
}
.w50p {
  width: 50%;
}
.w60p {
  width: 60%;
}
.w70p {
  width: 70%;
}
.w80p {
  width: 80%;
}
.w90p {
  width: 90%;
}
.w100p {
  width: 100%;
}
.w1 {
  width: 1px;
}
.w5 {
  width: 5px;
}
.w20 {
  width: 20px;
}
.w25 {
  width: 25px;
}
.w30 {
  width: 30px;
}
.w50 {
  width: 100%;
  max-width: 50px !important;
}
.w80 {
  width: 100%;
  max-width: 80px !important;
}
.w100 {
  width: 100%;
  max-width: 100px !important;
}
.w150 {
  width: 100%;
  max-width: 150px !important;
}
.w200 {
  width: 100%;
  max-width: 200px !important;
}
.w300 {
  width: 100%;
  max-width: 300px !important;
}
.w400 {
  width: 100%;
  max-width: 400px !important;
}
.w500 {
  width: 100%;
  max-width: 500px !important;
}
.w600 {
  width: 100%;
  max-width: 600px !important;
}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
.dateslider ul {
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 2em;
}
.edit-content ul,
.edit-content ol {
  margin: 1em 0;
  padding-left: 3em;
}
.edit-content ul {
  list-style-type: disc;
}
.edit-content ol {
  list-style-type: decimal;
}
.edit-content ol ol {
  list-style-type: lower-latin;
  margin: 0;
  padding-left: 2em;
}
.edit-content ul ul {
  list-style-type: circle;
  margin: 0;
  padding-left: 2em;
}
.edit-content li {
  padding: 0.1em 0;
}
#online {
  text-align: right;
  padding: 5px 0;
}
#online a:last-child {
  color: #550000;
  padding-left: 10px;
}
div.buttontab {
  text-align: right;
  padding-top: 20px;
  margin-bottom: 10px;
}
.introbox {
  margin-bottom: 30px;
}
.attachments div {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 5px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.attachments div:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0c6';
  color: #777;
  font-size: 19px;
  font-style: normal;
  padding-right: 10px;
}
.attachments ul {
  list-style-type: none;
}
.attachments a {
  padding: 3px 0;
}
.attachments i:before {
  margin-right: 15px;
}
.file:before {
  font-size: 17px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  font-style: normal;
  padding-right: 10px;
}
.file.xls:before,
.file.xlsx:before {
  content: '\f1c3';
  color: #217346;
}
.file.doc:before,
.file.docx:before {
  content: '\f1c2';
  color: #2b579a;
}
.file.ppt:before,
.file.pptx:before {
  content: '\f1c4';
  color: #b7472a;
}
.file.pdf:before {
  content: '\f1c1';
  color: #d40000;
}
ul.folders {
  font-size: 14px;
  margin-bottom: 15px;
}
ul.folders a {
  display: block;
  color: #444;
  border-bottom: 1px solid #e5e5e5;
  padding: 2px 0;
}
ul.folders a:before {
  font-size: 17px;
  content: '\f07b';
  color: #debc00;
  line-height: 27px;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  padding-right: 10px;
}
ul.folders a:hover {
  color: #ed9700;
}
ul.folders a.open:before {
  content: '\f07c';
  color: #777;
  text-shadow: #999 1px 1px 1px;
}
/**************** MENUS ****************/
.chars {
  margin-bottom: 20px;
}
.chars li {
  float: left;
  width: 47.1px;
  text-align: center;
  margin: 0 1px 1px 0;
}
.chars li a {
  display: block;
  line-height: 31px;
}
.chars li a:hover {
  text-decoration: none;
}
.holenav a {
  display: block;
}
.holenav i {
  line-height: 31px;
  font-size: 21px;
}
.holenav a:hover {
  text-decoration: none;
}
/***************** TABLES ******************/
.list-top {
  margin-bottom: 15px;
}
table {
  border-spacing: 0;
  border-collapse: separate;
  margin-bottom: 20px;
}
table th,
table td {
  display: table-cell;
  vertical-align: top;
  border-spacing: 0;
  padding: 4px 6px;
}
table td.icon {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}
table th {
  font-weight: normal;
  padding: 6px;
}
table td.heading,
table tr.heading td {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 600;
  background-color: #f0f0f0;
  padding-left: 8px;
}
table.no-margin {
  margin-bottom: 0;
}
table.tList {
  width: 100%;
}
table.tList th {
  font-weight: 600;
  padding: 8px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
table.tList td {
  border-spacing: 0;
  border-bottom: 1px solid #e0e0e0;
  padding: 8px;
}
table.tList tbody tr.heading:hover {
  background-color: transparent;
}
table.tList tbody tr:hover {
  background-color: rgba(100, 100, 100, 0.05);
  transition: all 0.2s;
}
.divider-heading {
  font-weight: 600;
  text-transform: uppercase;
  background-color: #f0f0f0;
  padding: 5px 10px;
}
table.normal {
  width: 100%;
  margin-bottom: 20px;
}
table.normal th {
  font-weight: 600;
  padding: 6px;
  border-bottom: 1px solid #000;
}
table.normal td {
  border-spacing: 0;
  padding: 4px 6px;
}
table.normal td a {
  font-weight: 500;
}
table.full {
  width: 100%;
}
table.auto {
  width: auto;
}
table.alternate tr:nth-child(even) {
  background-color: #f5f5f5;
}
table#cart td {
  padding: 8px 6px;
}
table.value-pair td {
  padding: 3px;
}
table.value-pair td:first-child {
  font-weight: 500;
}
table.bordered td {
  border-bottom: 1px solid #e5e5e5;
}
table.form td {
  border-spacing: 0;
  padding: 5px;
}
table.minor {
  margin-bottom: 20px;
}
table.minor th {
  font-weight: 500;
  padding: 9px 5px;
}
table.minor td {
  font-size: 13px;
  line-height: 17px;
  vertical-align: middle;
  padding: 5px;
}
table.minor td.date {
  padding-right: 10px;
  text-align: right;
  white-space: nowrap;
}
table.small {
  width: 100%;
  margin-bottom: 20px;
}
table.small th {
  font-weight: 500;
  padding: 3px;
}
table.small td {
  font-size: 13px;
  line-height: 15px;
  padding-bottom: 3px;
}
table.small td div,
table.small td div a {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  padding-top: 2px;
}
table.small td.date {
  padding-right: 10px;
  text-align: right;
  white-space: nowrap;
}
table.small td.nowrap {
  white-space: nowrap;
}
table.contact {
  margin-bottom: 0;
}
table.contact td {
  border-bottom: 1px solid #e0e0e0;
  padding: 6px 0;
}
table.contact td:first-child {
  width: 1%;
  white-space: nowrap;
  padding-right: 10px;
}
table.contactlist {
  width: 100%;
}
table.contactlist th {
  font-weight: 600;
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
}
table.contactlist td {
  border-spacing: 0;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px;
}
table.contactlist tbody tr:hover {
  background-color: rgba(100, 100, 100, 0.1);
  transition: all 0.2s;
}
table.contactlist tr.heading:hover {
  background-color: transparent;
}
table.border {
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  margin: 25px 0;
}
table.border th,
table.border td {
  vertical-align: top;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px 11px;
}
table.tList.tournlist td a span {
  display: inline-block;
}
table.tList.tournlist td a i {
  font-size: 17px;
  line-height: 27px;
  width: 29px;
  color: #555;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
table.tList.tournlist td i {
  display: none;
}
table.tList.tournlist td a i:hover {
  color: #000;
  background-color: #f0f0f0;
}
table.tList.tournlist td div {
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  table {
    width: 100%;
  }
  table.border th,
  table.border td {
    padding: 2px 5px;
  }
  table.tList.tournlist th span,
  table.tList.tournlist td a span {
    display: none;
  }
  table.tList.tournlist tr th.first,
  table.tList.tournlist tr td.first:not(tr.heading td:first-child) {
    display: none;
  }
  table.tList.tournlist td a i {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  table {
    width: 100%;
  }
  table.border th,
  table.border td {
    padding: 2px 5px;
  }
  table.tList.tournlist th span,
  table.tList.tournlist td a span {
    display: none;
  }
  table.tList.tournlist tr th.first,
  table.tList.tournlist tr td.first:not(tr.heading td:first-child) {
    display: none;
  }
  table.tList.tournlist td a i {
    display: inline-block;
  }
}
/******************* NEWSBOXES *********************/
.widget-full.article-boxes .headline {
  display: none;
}
.widget-full.article-boxes {
  background-color: #f0f0f0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 45px 0 25px 0;
}
.article-box {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.article-box a * {
  color: #555;
}
.article-box .art-box-img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.article-box .img-helper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article-box .img {
  max-width: 100%;
  text-align: center;
}
.article-box .content {
  background-color: #fff;
  line-height: 20px;
  height: 105px;
  margin: 0;
}
.article-box .content p {
  height: 98px;
  line-height: 18px;
  overflow: hidden;
  padding: 10px;
}
.article-box .content p span:first-child {
  display: block;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 15px;
}
.article-box .content p span:last-child {
  padding-right: 70px;
}
.article-box .readmore {
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 60px;
  display: block;
  font-style: normal;
  font-size: 11px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  border: 0;
  background-color: #666;
}
.article-box:hover .readmore {
  background-color: #000;
  transition: all 0.2s;
}
.bigbox .article-box {
  background-color: #000;
}
.bigbox .article-box a * {
  color: #fff;
}
.bigbox .article-box .content {
  height: 90px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.bigbox .article-box .content p {
  height: 80px;
}
.bigbox .article-box .readmore {
  display: none;
}
.bigbox .article-box:hover .content {
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.5s;
}
/******************* BULLETINBOXES *********************/
ul.bulletins-page li {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
}
ul.bulletins-page .img {
  width: 23%;
  height: auto;
  float: left;
  overflow: hidden;
  text-align: right;
  margin-right: 20px;
  margin-bottom: 15px;
}
ul.bulletins-page .img img {
  max-height: 121px;
  width: auto;
}
ul.bulletins-page .bread {
  line-height: 21px;
  height: 42px;
  overflow: hidden;
  padding: 0;
}
ul.bulletins-page .showmore {
  display: block;
  position: relative;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  line-height: 32px;
  padding-right: 15px;
}
ul.bulletins-page .showmore .fa {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 17px;
}
@media (max-width: 1199px) {
  .bigbox .article-box {
    background-color: #fff;
  }
  .bigbox .article-box a * {
    color: #555;
  }
  .bigbox .article-box .content p {
    height: 98px;
  }
  .bigbox .article-box .content {
    height: 105px;
    color: #555;
    background-color: #fff;
    position: relative;
  }
  .bigbox .article-box:hover .content {
    background-color: #fff;
    transition: all 0;
  }
  .bigbox .article-box .readmore {
    display: block;
  }
}
.article-line {
  font-size: 13px;
  padding-bottom: 5px;
  margin: 0;
}
.newsarch-year {
  width: 30%;
  float: left;
}
.newsarch-year select {
  width: 80px;
}
.newsarch-search {
  width: 70%;
  float: right;
}
.newsarch-search div input[type=text] {
  width: 78%;
  float: left;
}
.newsarch-search div input[type=submit] {
  width: 20%;
  float: right;
  height: 46px;
  line-height: 46px;
  padding: 0;
}
input.date {
  width: 100px !important;
}
input.date {
  background-color: rgba(25, 130, 236, 0.1);
}
input.date.from {
  background-color: rgba(133, 177, 26, 0.15);
}
input.date.to {
  background-color: rgba(177, 0, 0, 0.1);
}
/**************** CALENDAR ****************/
.calendar-big,
.calendar-small {
  background: none;
}
.calendar-big a:hover,
.calendar-small a:hover {
  text-decoration: none;
}
.calendar-big .heading,
.calendar-small .heading {
  position: relative;
  padding: 3px 0;
}
.calendar-big .month,
.calendar-small .month {
  text-align: center;
  text-transform: uppercase;
}
.calendar-big table,
.calendar-small table {
  width: 100%;
}
.calendar-big table th,
.calendar-small table th {
  text-transform: uppercase;
  width: 12.28%;
  font-weight: normal;
  text-align: center;
}
.calendar-big table th.week,
.calendar-small table th.week {
  width: 7%;
}
.calendar-big table td,
.calendar-small table td {
  text-align: center;
}
.calendar-big .linkday a,
.calendar-small .linkday a {
  display: block;
}
.heading .nextmonth,
.heading .pastmonth {
  text-align: center;
  position: absolute;
  top: 3px;
}
.heading .nextmonth a,
.heading .pastmonth a {
  display: block;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 0 20px;
}
.heading .nextmonth a:before,
.heading .pastmonth a:before,
.heading .nextmonth a:after,
.heading .pastmonth a:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  padding: 0;
}
.heading .pastmonth {
  left: 3px;
}
.heading .nextmonth {
  right: 3px;
}
.heading .pastmonth a:before {
  content: '\f104';
  margin-right: 15px;
}
.heading .nextmonth a:after {
  content: '\f105';
  margin-left: 15px;
}
.calendar-big .month {
  font-size: 21px;
}
.calendar-big .heading a:before,
.calendar-big .heading a:after {
  font-size: 15px;
}
.calendar-big .month,
.calendar-big .pastmonth a,
.calendar-big .nextmonth a {
  height: 36px;
  line-height: 34px;
}
.calendar-big table th {
  line-height: 32px;
  font-size: 13px;
}
.calendar-big table td {
  line-height: 38px;
}
.calendar-small table {
  border-spacing: 1px;
  border-collapse: separate;
}
.calendar-small table tr th,
.calendar-small table tr td {
  padding: 6px 2px;
}
.calendar-small table th {
  font-size: 12px;
  line-height: 26px;
}
.calendar-small table td {
  font-size: 13px;
}
.calendar-small table td.emptyday {
  background: none;
}
.calendar-small .month a {
  font-size: 15px;
}
.calendar-small .heading a:before,
.calendar-small .heading a:after {
  font-size: 17px;
}
.calendar-small .month,
.calendar-small .pastmonth a,
.calendar-small .nextmonth a {
  font-size: 12px;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
}
.calendar-small .heading span {
  display: none;
}
table.calweek {
  width: 100%;
  margin-bottom: 20px;
}
table.calweek th {
  font-weight: normal;
  padding: 6px;
}
table.calweek td {
  border-spacing: 0;
  padding: 10px 0;
}
table.calweek ul {
  width: 100%;
}
table.calweek td li {
  float: left;
}
table.calweek .wc1 {
  width: 18.75%;
}
table.calweek .wc2 {
  width: 50%;
}
table.calweek .wc3 {
  width: 31.25%;
}
@media (max-width: 1199px) {
  .calendar-small .heading span {
    display: none;
  }
  .calendar-small .heading .pastmonth a:before {
    margin-right: 5px;
  }
  .calendar-small .heading .nextmonth a:after {
    margin-left: 5px;
  }
}
@media (max-width: 991px) {
  .calendar-big .heading span {
    display: none;
  }
  .calendar-big .month {
    font-size: 17px;
  }
  .heading .pastmonth a:before {
    margin-right: 5px;
  }
  .heading .nextmonth a:after {
    margin-left: 5px;
  }
}
.post {
  margin-bottom: 20px;
}
.post div {
  padding: 5px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.post div span {
  font-weight: 700;
}
.post p {
  padding: 5px;
}
  .activity-buttons{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  margin: 0 0 30px 0;
  padding: 0;
}
.activity-buttons > div{
  flex: 0 0 200px;
  max-width: 200px;
}

.activity-buttons div a {
  display: block;
  text-align: center;margin: 0;
}
/***************** EVENTS LIST ***********************/
.event-list-item {
  padding: 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
}
.event-list-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.event-list-item .event,
.event-list-item a {
  display: block;
  padding: 5px 0;
}
.event-date {
  display: block;
  float: left;
  margin-right: 15px;
  padding: 5px;
  color: #fff;
  width: 42px;
  text-align: center;
}
.event-time {
  margin-top: 5px;
}
.event-date .date {
  font-size: 15px;
  line-height: 15px;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.event-date .day {
  font-size: 13px;
  line-height: 14px;
  display: block;
  position: relative;
}
.event-date .month,
.event-date .year {
  text-transform: uppercase;
  display: block;
  line-height: 15px;
}
.event-date .month {
  font-size: 13px;
}
.events-list.float {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0 5px 0;
  margin-top: 30px;
}
.events-list.float .event-list-item {
  float: left;
  width: 25%;
  height: 47px;
  border: none;
  margin-bottom: 10px;
}
.events-list.float .event-list-item a:hover {
  color: #000;
}
.events-list.float .event-list-item a {
  line-height: 20px;
  padding: 3px 0 3px 10px;
}
.events-list.float .event-date {
  margin: 0;
  width: 52px;
}
.events-list.float .event-list-cont {
  float: left;
  width: 82%;
  height: 47px;
}
footer .event-list-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/************* MEMBERSHIP **************************/
.membercat {
  position: relative;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px;
}
.membercat .cat,
.membercat .price {
  font-size: 19px;
  font-weight: 600;
  border-radius: 0;
}
.membercat .cat {
  width: 100%;
  padding: 0 240px 0 0;
}
.membercat .cat a {
  display: block;
  color: #111;
  padding: 10px 30px 10px 35px;
}
.membercat .cat a:before {
  position: absolute;
  top: 15px;
  left: 15px;
  font-family: 'Font Awesome 5 Free';
  font-size: 30px;
}
.membercat .cat a.closed:before {
  content: "\f107";
}
.membercat .cat a.open:before {
  content: "\f106";
}
.membercat .price {
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: right;
  white-space: nowrap;
  padding: 10px 10px 10px 40px;
}
.membercat i {
  font-style: normal;
  font-size: 15px;
}
.membercat p {
  display: none;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  margin: 10px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .membercat .cat {
    padding: 0;
    margin: 0;
  }
  .membercat .price {
    position: relative;
    top: 0;
    width: 100%;
    padding-left: 35px;
    text-align: left;
    margin: 0 0 0 10px;
  }
}
/************* PROFILE BOX **************************/

.profile-gallery__grid{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  align-items:stretch;
}
.profile-gallery__item{
  flex:0 0 calc((100% - 48px) / 3);
}
/* 2 per rad på medium */
@media (max-width: 991px){
  .profile-gallery__item{
    flex-basis: calc((100% - 24px) / 2);
  }
}

/* 1 per rad på mobil */
@media (max-width: 580px){
  .profile-gallery__item{
    flex-basis: 100%;
  }
}

.box.profile {
  position: relative;
  width: 100%;
  max-width: 360px;
  border-radius: 10px;
}
.box.profile .prof-box-img {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-bottom: 133%;
}
.box.profile .img-helper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box.profile .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.box.profile .content {
  height: auto;
  padding-top: 20px;
}
.box.profile .icons {
  height: 21px;
}
.box.profile .icons a {
  width: 14.2857%;
  float: left;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
  color: #999;
}
.box.profile .icons a:hover {
  color: #000;
}
.box.profile .icons a:before {
  font-family: Font Awesome 5 Brand;
  font-size: 23px;
}
.box.profile .icons a.mail:before {
  content: "\f0e0";
}
.box.profile .icons a.fb:before {
  content: "\f23e";
}
.box.profile .icons a.in:before {
  content: "\f16d";
}
.box.profile .icons a.sg:before {
  font-family: clubsite;
  content: "\e900";
}
.box.profile .icons a.li:before {
  content: "\f08c";
}
.box.profile .icons a.tw:before {
  content: "\f099";
}
.box.profile .icons a.yt:before {
  content: "\f16a";
}
.box.profile .icons a.sp:before {
  content: "\f1bc";
}
.box.profile h4 {
  margin-bottom: 10px;
}
.box.profile p {
  margin: 10px 0 0 0;
}
.box.profile p.title {
  height: 40px;
}
.box.profile p.descr {
  height: 125px;
  line-height: 21px;
  text-align: left;
}
.box.profile p.descr.overflow-y {
  padding-right: 12px;
  padding-bottom: 15px;
}
/************* PHOTOALBUM **************************/
.photoalbum-wrapper .image {
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: calc(192px * 0.5625);
}
.photoalbum-wrapper .description {
  height: 70px;
  line-height: 21px;
  text-align: center;
}
.photoalbum-wrapper .description p {
  margin: 0.5em 0;
}
.photoalbum-wrapper .description span {
  font-weight: 600;
}
.photoalbum-wrapper .album {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.photoalbum-images .brick {
  float: left;
  width: calc(20% - 2px);
  background-position: 50% 25%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 1px;
}
.photoalbum-images .ph-helper {
  height: 0;
  padding-bottom: 75%;
}
@media (max-width: 767px) {
  .photoalbum-images .brick {
    width: calc(33.33333% - 2px);
  }
}
@media (max-width: 520px) {
  .photoalbum-images .brick {
    width: calc(50% - 2px);
  }
  .photoalbum-images .ph-helper {
    padding-bottom: 60%;
  }
}
/************** SPONSORS *****************/
.widget-full.sponsors {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f0f0f0;
  padding: 45px 0;
  text-align: center;
}
.sponsors .group {
  margin-top: 30px;
  text-align: center;
}
.sponsors .group:first-child {
  margin-top: 0;
}
.sponsors .group h4 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 30px;
}
.sponsors .group h4 span {
  background-color: #f0f0f0;
  padding: 0 20px;
}
.sponsors .group h4 div {
  height: 1px;
  border-bottom: 1px solid #e0e0e0;
  margin-top: -10px;
}
.page .sponsors .group h4 span {
  background-color: #fff;
}
.sponsors .sponsor {
  display: inline-block;
  /* Bytter fra float til inline-block */
  vertical-align: middle;
  width: calc(16.666% - 10px);
  /* 6 per rad */
  height: 74px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0.5%;
  margin: 5px;
}
.sponsor .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.sponsor img {
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
  /* Hindrer overflow horisontalt */
}
.sponsor.p1 {
  width: calc(15%);
  height: 154px;
  padding: 20px;
}
.sponsor.p2 {
  width: calc(40%);
  height: 154px;
  padding: 20px;
}
.inpage .sponsor {
  float: left;
  width: 23%;
  height: 74px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 1%;
  margin: 1%;
}
/* DESCRIPTIONS */
.sponsors-descr .group .wrap {
  display: flex;
  align-items: flex-start;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  background: #f9f9f9;
}
.sponsors-descr .group .wrap:last-child {
  margin-bottom: 30px;
}
.sponsors-descr .sponsor {
  flex-shrink: 0;
  width: 180px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 10px;
  margin: 0;
}
.sponsors-descr .sponsor img {
  display: block;
  max-width: 100%;
  height: auto;
}
.sponsors-descr .sponsor-text {
  padding-left: 20px;
}
.sponsors-descr .group h4 {
  margin-bottom: 30px;
}
.sponsors-descr .group h5 {
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.sponsors-descr .group p {
  margin: 0;
}
.sponsors-descr .group a {
  display: block;
  margin-top: 10px;
}
.sponsors-descr .group a i {
  padding-right: 5px;
}
@media only screen and (max-width: 991px) {
  .sponsors .sponsor {
    width: calc(20% - 10px);
    height: 63px;
  }
  .sponsors .sponsor.p1 {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 767px) {
  .sponsors .sponsor {
    width: calc(33% - 10px);
    padding: 2%;
    height: 61px;
  }
  .sponsors .sponsor.p1,
  .sponsors .sponsor.p2 {
    height: 134px;
  }
  .inpage .sponsor {
    width: 31.33333%;
    height: 61px;
  }
  .sponsors-descr .group .wrap {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .sponsors-descr .group .wrap .sponsor {
    margin-bottom: 20px;
    align-self: left;
  }
  .sponsors-descr .sponsor-text {
    padding-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .sponsors .sponsor.p2 {
    width: calc(100% - 10px);
    height: 134px;
  }
}
/**************** SOCIAL ****************/
.social a.fb {
  background-color: #3B5998;
}
.social a.in {
  background-color: #A53692;
}
.social a.tw {
  background-color: #1DA1F2;
}
.social a.li {
  background-color: #0A66C2;
}
.social a.yt {
  background-color: #CC181E;
}
.social a.sc {
  background-color: #FFFC00;
}
.social a.sp {
  background-color: #1DB954;
}
.social a.fb:before {
  content: "\f082";
}
.social a.in:before {
  content: "\f16d";
}
.social a.li:before {
  content: "\f08c";
}
.social a.tw:before {
  content: "\f099";
}
.social a.yt:before {
  content: "\f167";
}
.social a.sc:before {
  content: "\f2ac";
}
.social a.sp:before {
  content: "\f1bc";
}
.social a.sg:before {
  font-family: clubsite;
  content: "\e900";
}
.social a {
  display: inline-block;
  line-height: 24px;
  width: 24px;
  text-align: center;
  border-radius: 12px;
}
.social a + a {
  margin-left: 10px;
}
.social a:before {
  font-size: 15px;
  color: #fff;
  font-family: 'Font Awesome 5 Brands';
}
.social a:hover {
  background-color: #000;
}
.social a.defibr {
  vertical-align: bottom;
  position: relative;
  height: 40px;
  width: 40px;
  line-height: auto;
  background: none;
  border-radius: 0;
  margin: 0 0 0 50px;
}
.social a.defibr img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.footer .social {
  margin-top: 15px;
}
.footer .social a {
  width: 30px;
  border-radius: 3px;
}
.footer .social a:before {
  font-size: 21px;
  line-height: 30px;
}
.sharebuttons {
  width: 100%;
  text-align: right;
  height: 28px;
  overflow: hidden;
  margin-bottom: 20px;
}
.sharebuttons div {
  float: right;
}
.sharebuttons .fb-like {
  width: auto;
  margin: 0;
}
.sharebuttons .fb-like a {
  margin: 0;
}
.sharebuttons .twitter {
  width: auto;
  margin-left: 4px;
}
#cs_share_fb {
  position: relative;
  display: inline-block;
  height: 21px;
  line-height: 21px;
  background-color: #1877f2;
  color: white;
  font-weight: 700;
  padding: 0 8px 0 30px;
  border-radius: 3px;
  font-size: 12px;
}
#cs_share_fb i {
  position: absolute;
  left: 8px;
  top: 3px;
  font-size: 15px;
  padding-right: 10px;
}
#cs_share_fb:hover {
  background-color: #165ecc;
}
@media (max-width: 480px) {
  .sharebuttons {
    height: 50px;
    padding-bottom: 15px;
    overflow: visible;
  }
}
#fb-feed iframe {
  width: 100%;
  max-width: 100%;
  height: 385px;
  border: 0;
  overflow: hidden;
}
/***************************************
			WEATHER
***************************************/
.topline .weather a {
  display: inline-block;
  line-height: 24px;
  width: 24px;
  text-align: center;
}

.statusblock {margin-bottom:30px;}
/*.statusblock > span {display:block; line-height:32px;}*/

.sb-course-list {text-align:center; margin:0 auto 30px auto;}
.sb-course-list a {display:inline-block; text-transform: uppercase; min-width:160px; padding:12px 24px; background-color:rgba(255,255,255,0.3); border:1px solid transparent; border-radius:4px; color:#fafafa;}
.sb-course-list a:hover {color:inherit; background-color:rgba(255,255,255,0.5);}
.sb-course-list a + a {margin-left:10px;}
.sb-course-list a.selected {border:1px solid rgba(255,255,255,0.7);background-color:rgba(255,255,255,0.5);}

.status_coursename {
  text-align:center;
  font-size:18px;
  text-transform: uppercase;
  color:#fafafa;
  background-color:rgba(255,255,255,0.1);
  border-top:1px solid rgba(255,255,255,0.3);
  border-bottom:1px solid rgba(255,255,255,0.3);
  padding:15px 0;
  margin-bottom:30px;
}

/***************************************
			FAQ
***************************************/
.faq-wrapper .quest-wrapper {
  margin-bottom: 10px;
}
.faq-wrapper a.quest {
  display: block;
  line-height: 21px;
  font-size: 17px;
  color: #333;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  padding: 6px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.faq-wrapper a.quest:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
  padding-right: 15px;
}
.faq-wrapper a.closed:before {
  content: "\f067";
}
.faq-wrapper a.open:before {
  content: "\f068";
}
.quest-content {
  display: none;
  background-color: #fafafa;
  padding: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 0;
  zoom: 1;
}
.quest-content a.signup {
  display: inline-block;
  color: #fff;
  line-height: 36px;
  padding: 0 20px;
}
.quest-content a.signup:hover {
  background-color: #555;
}
@media (max-width: 767px) {
  .faq-wrapper > div > a {
    line-height: 19px;
    font-size: 15px;
  }
}
/**************** CONTACTBOX ****************/
.contact-details h4 {
  margin: 0 0 0.3em 0;
}
.contact-details .media-left {
  margin: 0;
  width: 25px;
}
.contact-details .media-body {
  margin: 0;
}
.contact-details .wrap {
  margin: 0;
}
.contact-details {
  margin: 0;
}
.contact-details,
.contact-details.mini p {
  margin: 0 0 1em 0;
}
.contact-details .c-left {
  float: left;
  width: 25px;
  background-color: #ff0000;
}
.contact-details .c-body {
  float: left;
  background-color: #ccc;
}
/*********************************************
         KURSISTE - AKTIVITETER
*********************************************/
.activitieslist.list .act-wrapper {
  position:relative;
  background: rgba(0, 0, 0, 0.03);
  box-shadow: 1px 2px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 20px;
}
.activitieslist.list .top {
  display: flex;
  justify-content: space-between;
}
.activitieslist.list .vtg-date {
  font-size: 23px;
  color: #111;
}
.activitieslist.list .vtg-date span {
  font-size: 15px;
  color: #777;
}
.activitieslist.list .vtg-date {
  font-size: 23px;
  color: #111;
}
.activitieslist.list .act-name {
  font-size: 19px;
  color: #111;
  margin-bottom:10px;
}
.activitieslist.list .vtg-date span,
.activitieslist.list .act-name span {
  font-size: 15px;
  color: #777;
}
.activitieslist.list .act-name i {
  font-size: 19px;
  font-style: normal;
}
.activitieslist.list p {
  margin: 10px 0 0 0;
}

.pill {
  display: inline-block;
  text-align: center;
  line-height: 32px;
  height: 32px;
  border-radius: 16px;
  padding: 0 15px;
}
.pill.free-seats {
  color: #fff;
  background: #79bd28;
}
.pill.few-seats {
  color: #fff;
  background: #f1aa00;
}
.pill.no-seats {
  color: #fff;
  background: #cc0000;
  font-size: 13px;
}
.activitieslist.list .buttons {
  position:absolute;
  bottom:20px; right:20px;
}
/*space-between*/
.activitieslist.list .buttons a,
.activitieslist.list .buttons a:visited,
.activitieslist.list .buttons a:active {
  color: #fff;
  background: #555;
  display: inline-block;
  min-width: 140px;
  text-align: center;
  line-height: 42px;
  border-radius: 4px;
  padding: 0 20px;
  margin-top: 10px;
}
.activitieslist.list .buttons a:hover {
  background: #333;
}
.activitieslist.list .buttons a.blue {
  background: #2864bd;
}
@media only screen and (max-width: 991px) {
  .activitieslist.list .act-name span {
    display: block;
  }
}
@media only screen and (max-width: 580px) {
  .activitieslist.list .vtg-date span {
    display: block;
  }
  .activitieslist.list .buttons {
    position:relative;
    bottom:0; right:0;
    width:100%;
  }
  .activitieslist.list .buttons a {
    width: 100%;
  }
  .activitieslist.list .buttons > span {
    display:block;
    text-align: center;
    width:100%;
    line-height:42px;
    background:rgba(0,0,0,0.1);
  }
}

.row-btn {display:inline-block; text-align:center; width:26px; line-height:26px; color:#fff; border-radius:3px; padding:0 5px; margin-left:10px;}
.row-btn:hover {color:#fff;}
.row-btn.add {background-color:#85b11a;}
.row-btn.remove {color:#fff; background-color:#bb0000;}

.sue-row {border-top:1px solid #e5e5e5; padding-top: 10px; margin-top:10px;}

/**************** CART ****************/
#cart-col {
  padding: 5px 10px;
}
#cart-col img {
  float: left;
  margin-right: 10px;
}
#cart-col p {
  padding: 0;
  margin: 0;
}
#cart-col h3 {
  background: none;
  margin-bottom: 10px;
}
#cart-col div {
  padding: 3px 0;
}
#cart-col .links {
  padding-top: 7px;
}
#cart-top {
  display: none;
  position: fixed;
  width: 100%;
  height: 200px;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 40px;
  margin-bottom: -160px;
  z-index: 5000;
}
#cart-top a {
  font-weight: bold;
  text-decoration: none;
}
#cart-top p {
  position: relative;
  width: 100%;
  height: 40px;
  margin: 0;
}
#cart-top #cart-up {
  position: absolute;
  line-height: 40px;
  right: 0;
  bottom: 0;
  padding: 0 20px;
}
#cart-top .btns a {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 200px;
  line-height: 35px;
  bottom: 10px;
  margin: 10px auto;
}
.pay-choose {
  background-color: #f0f0f0;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ddd;
}
.pay-choose h4 {
  font-size: 18px;
}
/***************************************
             CAFE/MENU
***************************************/
.rest-menu .col-sm-6:nth-child(3) {
  margin-top: 30px;
}
.rest-menu h3 {
  position: relative;
  background-color: #777;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
}
.rest-menu h3 i {
  position: absolute;
  left: 15px;
  bottom: -9px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #777;
}
.rest-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.rest-menu ul li {
  border-bottom: 2px dotted #e0e0e0;
  padding: 15px 0;
  margin: 0;
}
.rest-menu ul li .tight {
  padding: 5px 0;
  margin: 0;
}
.rest-menu ul li div {
  position: relative;
  width: 100%;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 75px;
}
.rest-menu ul li div > i {
  position: absolute;
  right: 0;
  top: 0;
  font-style: normal;
  text-transform: none;
}
.rest-menu ul li p {
  font-size: 14px;
  font-style: italic;
  margin: 10px 0 0 0;
}
/**************** ON/OFF BUTTONS ****************/
label.clean {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.switch {
  margin-left: 20px;
}
.switch label {
  cursor: pointer;
}
.switch label.cb-enable,
.switch label.cb-disable,
.switch label.cb-enable span,
.switch label.cb-disable span {
  padding: 0;
  display: block;
  float: left;
  background-color: #ccc;
  line-height: 19px;
  width: 45px;
  font-size: 13px;
  text-align: center;
  font-weight: normal;
}
.switch label.cb-enable.selected span {
  color: #fff;
  background: #00aa00;
}
.switch label.cb-disable.selected span {
  color: #fff;
  background: #aa0000;
}
.switch label.cb-enable.selected {
  background-position: 0 -38px;
}
.switch label.cb-enable.selected span {
  background-position: left -95px;
}
.switch [class*="icheckbox"] {
  display: none;
}
/**************** INFO - COOKIES ****************/
.info-cookies {
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 13px;
  text-align: center;
  padding: 20px 15px;
  z-index: 5000;
}
.info-cookies a,
.info-cookies a:visited {
  display: block;
  color: #fff;
  font-weight: 600;
}
.info-cookies a:hover {
  color: #eee;
}
.info-cookies span {
  line-height: 23px;
  display: block;
}
.info-cookies button {
  display: block;
  color: #fff;
  background-color: transparent;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  margin: 10px auto;
}
.info-cookies button:hover {
  background-color: #327500;
}
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100vh;
  color: #fff;
  background: rgba(0, 0, 0, 0.9);
  overflow-y: auto;
  z-index: 9999;
  padding: 60px 0;
  box-sizing: border-box;
}
.cookie-banner .cookie-inner {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}
.cookie-banner a,
.cookie-banner a:visited {
  display: block;
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
}
.cookie-banner a:hover {
  color: #eee;
}
.cookie-banner form ul li {
  position: relative;
  padding: 10px 0;
}
.cookie-banner label {
  display: inline-block;
  width: 200px;
}
.cookie-banner label span {
  display: inline-block;
  text-transform: uppercase;
  padding: 0 0 0 10px;
}
.cookie-banner .cons_buttons {
  margin-top: 20px;
  buttondisplay: inline-block;
}
.cookie-banner .cons_buttons button {
  display: inline-block;
  color: #fff;
  background-color: #327500;
  border: 0;
  height: 42px;
  line-height: 42px;
  font-size: 15px;
  margin: 10px auto;
  padding: 0 20px;
}
.cookie-banner .cons_buttons :hover {
  background-color: #48a800;
}
.cookie-banner .cons_buttons button + button {
  margin-left: 20px;
}
.cookie-banner .toggle-desc {
  position: absolute;
  left: 200px;
  top: 10px;
  font-size: 32px;
  line-height: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: 15px;
  margin-top: 0;
}
.cookie-banner .cookie-desc {
  display: none;
  padding: 10px 0 0 37px;
}
.btn-cookies-update {
  position: fixed;
  bottom: 0;
  left: 5px;
  display: inline-block;
  font-size: 24px;
  color: #fff;
  color: #999;
  z-index: 9999;
}
.btn-cookies-update:hover {
  color: #327500;
}
/**************** AI-CHAT ****************/
:root {
  --chat-card: #fff;
  --chat-text: #111;
  --chat-muted: #666;
  --chat-accent: #6fc54d;
  --chat-danger: #ff7675;
}
a.chat-launcher {
  display: block;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  line-height: 48px;
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 0;
  background: var(--chat-accent);
  color: #03140a;
  font-weight: 700;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  cursor: pointer;
}
.chat-widget {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9998;
  width: 360px;
  max-width: calc(100vw - 48px);
  height: calc(100vh - 32px);
  max-height: calc(100vh - 38px);
  background: var(--chat-card);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  display: none;
  flex-direction: column;
  overflow: hidden;
}
.chat-widget .title {
  font-weight: 700;
  letter-spacing: .2px;
  padding: 12px 14px;
}
.chat-widget .header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), transparent);
}
.chat-widget .header .badge {
  font-size: 12px;
  color: var(--chat-muted);
  color: #fff;
}
.chat-widget .header .actions {
  margin-left: auto;
  display: flex;
  gap: 6px;
}
.chat-widget .icon-btn {
  background: transparent;
  border: 0;
  color: var(--chat-muted);
  cursor: pointer;
  font-size: 18px;
}
.chat-widget .messages {
  flex: 1;
  overflow: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.chat-widget .msg {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: start;
}
.chat-widget .msg .avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.08);
  color: var(--chat-text);
}
.chat-widget .msg .bubble {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 10px 12px;
  border-radius: 12px;
}
.chat-widget .msg.user .bubble {
  background: rgba(61, 220, 151, 0.12);
  border-color: rgba(61, 220, 151, 0.25);
}
.chat-widget .composer {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}
.chat-widget .input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(0, 0, 0, 0.04);
  color: var(--chat-text);
  padding: 10px 12px;
  border-radius: 10px;
  outline: none;
}
.chat-widget .send {
  border: 0;
  background: var(--chat-accent);
  color: #03140a;
  padding: 10px 12px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
}
.chat-widget .hint {
  color: var(--chat-muted);
  font-size: 12px;
  text-align: center;
  padding: 6px 10px;
}
.chat-widget .error {
  color: var(--chat-danger);
  font-size: 12px;
  padding: 6px 10px;
  text-align: center;
}
/* optional: iframe mode */
.chat-iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: none;
}
@media only screen and (max-width: 479px) {
  .chat-widget {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: 94%;
    max-width: 94%;
  }
}
/**************** GOLFBOX ****************/
.golfbox-login {
  position: relative;
  border-radius: 10px;
  color: #fff;
}
.golfbox-login form {
  background: transparent url(/files/images/gb_ball.png) no-repeat right 50%;
  padding: 54px 20px 20px 20px;
  background-size: contain;
}
.golfbox-login img {
  display: block;
  margin-bottom: 10px;
}
.golfbox-login .login-input {
  position: relative;
}
.golfbox-login .login-input i {
  position: absolute;
  left: 10px;
  top: 12px;
  color: #999;
  font-size: 13px;
}
.golfbox-login a {
  font-size: 13px;
  line-height: auto;
}
.golfbox-login a,
.golfbox-login a:active,
.golfbox-login a:visited {
  color: #555;
}
.golfbox-login a:hover {
  color: #000;
}
.golfbox-login input[type=text],
.golfbox-login input[type=password] {
  width: 100%;
  font-size: 15px;
  color: #333;
  height: 37px;
  line-height: 37px;
  padding-left: 30px;
  margin-bottom: 10px;
}
.golfbox-login input[type=submit] {
  font-size: 13px;
  line-height: 35px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border: 0;
  padding: 0 15px;
  margin: 0;
}
.golfbox-login input[type=submit]:focus,
.golfbox-login input[type=submit]:hover {
  background-color: #000;
}
.gb-login-logo::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 20px;
  width: 120px;
  height: 24px;
  background: #333;
  pointer-events: none;
  mask-image: url('/cs-common/images/golfbox_logo.svg');
  mask-size: contain;
  mask-position: left;
  mask-repeat: no-repeat;
}
.footer .gb-login-logo::before {
  background: #fefefe;
}
.footer .golfbox-login a,
.footer .golfbox-login a:activ,
.footer .golfbox-login a:visited,
.footer .golfbox-login a:hover {
  color: #fefefe;
}
/**************** YR.NO ****************/
#yr-varsel .yr-lenker a + a {
  padding-left: 20px;
}
#yr-varsel table#yr-no {
  width: 100%;
}
#yr-varsel table#yr-no tbody tr td {
  font-size: 12px;
}
#yr-tiny p {
  margin: 0;
  padding: 5px;
  color: #fff;
}
#yr-tiny p a {
  color: rgba(255, 255, 255, 0.7);
}
#yr-tiny p a:hover {
  color: #ffffff;
}
#yr-tiny .yr-wrap {
  padding: 10px;
}
#yr-tiny .icon {
  width: 50px;
  float: left;
}
#yr-tiny .icon img {
  height: 38px;
  width: auto;
}
#yr-tiny .temp {
  width: 19%;
  float: left;
  line-height: 38px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
#yr-tiny .wind {
  text-align: right;
  line-height: 19px;
  float: right;
}
#yr-tiny span.sun {
  display: block;
}
.yr-tiny p {
  margin: 0;
  padding: 5px;
  color: #fff;
}
.yr-tiny p a {
  color: rgba(255, 255, 255, 0.7);
}
.yr-tiny p a:hover {
  color: #ffffff;
}
.yr-tiny .yr-wrap {
  padding: 10px;
}
.yr-tiny .icon {
  width: 50px;
  float: left;
}
.yr-tiny .icon img {
  height: 38px;
  width: auto;
}
.yr-tiny .temp {
  width: 19%;
  float: left;
  line-height: 38px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
.yr-tiny .wind {
  text-align: right;
  line-height: 19px;
  float: right;
}
.yr-tiny span.sun {
  display: block;
}
.yr-widget {
  text-align: center;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
}
.yr-widget p {
  margin-bottom: 1em;
}
.yr-widget .temp {
  width: 50%;
  float: left;
  font-size: 72px;
  line-height: 100px;
}
.yr-widget .icon {
  width: 50%;
  float: left;
}
.yr-widget .icon img {
  width: 100px;
  height: 100px;
}
.yr-widget img {
  width: 100px;
  height: 100px;
}
.hot {
  color: #ef7575;
  font-size: 37px;
  font-weight: 600;
}
.cold {
  color: #98eaff;
  font-size: 37px;
  font-weight: 600;
}
.pluss,
.minus {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}
.skilje {
  border-top: 1px solid;
}
#yr-varsel table tr th:first-child {
  padding-right: 10px;
}
#yr-varsel table tr td {
  padding: 4px;
}
.yr-foresight {
  display: block;
}
.yr-foresight .wrap {
  width: 25%;
  float: left;
  text-align: center;
  margin: 0;
}
.yr-foresight .wrap span {
  display: block;
  white-space: nowrap;
  padding: 3px;
}
.yr-foresight .wrap span img {
  display: block;
  white-space: nowrap;
  padding: 3px;
}
.yr-foresight .wrap span.temp {
  font-size: 32px;
}
.yr-foresight .wrap img {
  width: 100%;
  height: auto;
}
.yr-foresight .wrap span img {
  width: 21px;
  height: 21px;
  margin-right: 3px;
  padding: 0;
}
.yr-foresight .wrap span i.fa {
  margin-right: 8px;
}
.yr-foresight .wrap p {
  margin: 0;
}
.yr-foresight a {
  float: left;
  width: 100%;
  display: block;
  line-height: 21px;
  text-align: center;
  margin-top: 15px;
}
.yr-foresight i {
  font-size: 19px;
  opacity: 1;
}
.yr-foresight span:not(.temp) {
  line-height: 25px;
}
.tooltip-inner {
  max-width: 400px;
  background-color: #000;
  text-align: left;
}
/**************** HALL OF FAME ****************/
.hall-of-fame .wrap {
  float: left;
  width: 31.3333%;
  margin: 0 1% 2% 1%;
}
.hall-of-fame .box {
  position: relative;
  text-align: center;
  border: 1px solid #ff0000;
  padding: 10px;
}
.hall-of-fame h2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  font-size: 16px;
}
.hall-of-fame p {
  margin-bottom: 0;
}
/***************************************
			SHOP
***************************************/
.shopcat-btns {
  margin-bottom: 25px;
}
.shopcat-btns a,
.shopcat-btns a:visited {
  display: inline-block;
  border: 1px solid #e0e0e0;
  color: #333;
  background: #f0f0f0;
  border-radius: 5px;
  padding: 5px 15px;
  margin: 0 3px 5px 0;
}
.shopcat-btns a:hover {
  background: #d5d5d5;
}
/***************************************
			EXTRAS
***************************************/
.hide-desktop {
  display: none;
}
.show-580 {
  display: none;
}
.hide-580 {
  display: block;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper-p {
  position: relative;
  padding-bottom: 177.78%; /* 9:16 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper-p iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-img {
  position: relative;
  width: 100%;
}
.video-img img.play {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
}
.box-wrapper .wrapper {
  margin-bottom: 30px;
}
.box-wrapper-simple .img {
  margin-bottom: 30px;
}
.el-white {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 20px;
}
.soft {
  color: #999;
}
.positive {
  color: #007700;
}
.negative {
  color: #bb0000;
}
.mark {
  color: #ffba00;
}
pre {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}
.border-bottom {
  border-bottom: 1px solid #d4d4d4;
}
.border-top {
  border-top: 1px solid #d4d4d4;
}
.no-border {
  border: none;
}
.high {
  background-color: #66ffff;
}
.hidelement {
  display: none;
}
.no-display {
  display: none;
}
.padding5 {
  padding: 5px;
}
.padding10 {
  padding: 10px;
}
.pad-t {
  padding-top: 20px;
}
.pad-t10 {
  padding-top: 10px;
}
.pad-t-b {
  padding: 10px 0;
}
.pad-l,
table tr th.pad-l,
table tr td.pad-l {
  padding-left: 20px;
}
.pad-r,
table tr th.pad-r,
table tr td.pad-r {
  padding-right: 20px;
}
.no-padding {
  padding: 0 !important;
}
.margin-bottom {
  margin-bottom: 30px !important;
}
.margin-bottom-half {
  margin-bottom: 15px !important;
}
.margin-bottom-double {
  margin-bottom: 60px !important;
}
.margin-left {
  margin-left: 20px !important;
}
.margin-right {
  margin-right: 20px !important;
}
.no-margin {
  margin: 0 !important;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
img.left {
  float: left;
  margin: 20px 20px 20px 0;
}
img.right {
  float: right;
  margin: 20px 0 20px 20px;
}
.no-border {
  border: none;
}
.separator {
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.block {
  display: block;
}
.strong {
  font-weight: bold;
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.small {
  font-size: 13px;
}
.medium {
  font-size: 24px;
}
.big {
  font-size: 36px;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.nowrap {
  white-space: nowrap;
}
.pointer {
  cursor: pointer;
}
.loader {
  text-align: center;
  padding: 60px;
}
.loader i {
  font-size: 48px;
  margin-bottom: 20px;
}
.narrow {
  width: 1%;
  white-space: nowrap;
}
.spacer {
  clear: both;
  height: 20px;
}
.clear {
  clear: both;
  height: 0px;
}
.fixed {
  position: fixed;
}
.col-sort {
  cursor: pointer;
}
.col-sort .arrow {
  margin-left: 5px;
}
/*****************************************************/
/**************** R E S P O N S I V E ****************/
/*****************************************************/
@media (max-width: 1280px) and (min-width: 991px) {
  .yr-foresight .wrap {
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .yr-foresight .wrap:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  #cart-top {
    display: block;
  }
  .events-list.float .event-list-item {
    width: 50%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .chars li {
    width: 46px;
  }
  .chars li a {
    padding: 7px 0;
  }
}
@media (max-width: 991px) {
  .events-list.float .event-list-item {
    float: none;
    width: 100%;
  }
  .box.profile p.descr {
    height: auto;
  }
  .box.profile p.descr.overflow-y {
    padding-right: 0;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .hall-of-fame p {
    font-size: 11px;
  }
  .edit-content table {
    width: 100%;
  }
  .edit-content img {
    max-width: 100%;
    height: auto;
  }
  .chars li {
    width: 45px;
  }
  .chars li a {
    padding: 7px 0;
  }
  a.ecl_modal {
    display: none;
  }
  a.ecl_win {
    display: inline;
  }
  .newsarch-year {
    width: 100%;
    float: none;
  }
  .newsarch-search {
    width: 100%;
    float: none;
  }
  .activity-buttons > div{
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
  }

}
@media (max-width: 580px) {
  .hide-desktop {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
  .show-580 {
    display: block;
  }
  .hide-580 {
    display: none;
  }
  .hall-of-fame .wrap {
    float: none;
    width: 200px;
    margin: 0 0 20px 0;
  }
  #cart-small {
    font-size: 11px;
  }
  .edit-content table {
    width: 100%;
  }
  .chars li {
    width: 45px;
  }
  .chars li a {
    line-height: 45px;
  }
  a.ecl_modal {
    display: none;
  }
  a.ecl_win {
    display: inline;
  }
  table.tList th span {
    display: none;
  }
  .newsarch-year {
    width: 100%;
    float: none;
  }
  .newsarch-search {
    width: 100%;
    float: none;
  }
  .videoWrapper {
    width: 100%;
    float: none !important;
    margin: 0 0 20px 0;
  }
}