/*
  ELob

    iFølge Dennis : #538172; (CMYK: 74,29,58,13);

	Main color (Green): #527e6d (82,126,109);
	Darker green: #2f4e42 (47,78,66);

*/

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

::selection {background-color: #527e6d; color: #fff;}
::-moz-selection {background-color: #527e6d; color: #fff;}

body {font-family: Jost, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px;min-height: 100%;}
/*body {font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}*/

p {font-weight: 300; font-size: 1.2rem; line-height: 1.6rem; color: #333;}
h1 {font-size: 3.5rem;}

@media (max-width: 769px) {
    h1 {font-size: 3rem;}
}
@media (max-width: 375px) {
    p {font-size: 1rem; color: #000; line-height: 1.3rem;}
    h1 {font-size: 2rem;}
}

p a {color: #527e6d; font-weight: 300;}
p a:not(.button):hover {border-bottom: 2px solid #527e6d;}
b, strong {font-weight: 500;}

#primary-menu li.new_window a:after {font-family: "FontAwesome"; content: "\f08e"; color: #fff; font-size: 14px; margin-left: 4px;}

/*.navigation-branding img.header-image, .site-logo.mobile-header-logo img.header-image {height: 64px;}*/

div.site-footer {background-image: url('../images/elob_hjorte.png'); background-position: center bottom; background-repeat: no-repeat; background-size: contain; }
div.site-footer .footer-widgets-container .inside-footer-widgets {margin-left: 0;}
div.site-footer .footer-widgets {padding: 60px 40px;}

.home a.button {padding: 15px 40px; font-size: 1.2rem; letter-spacing: 0.5px; background: #fff; border: 5px solid #538172; color: #538172; font-weight: 500;}
.home a.button:hover {background: #538172; color: #fff;}

.home a.button.orange {background: #ec7f44; border: 5px solid #ec7f44; color: #fff;}
.home a.button.orange:hover {background: #fb6340; border-color: #fb6340; color: #fff;}

/* Frontpage - background video */

.home .background-video { position: absolute; right: 0; bottom: 0; left: 0; top: 0; width: 100%;/*min-height: 80%; min-width: 100%; width: auto; height: 80%;*/ }
.home .page-hero { position: relative; overflow: hidden; min-height: 100%; margin-bottom: -15%;padding-top: 30%; padding-bottom: 13%;}
.home .background-video-content { position: relative; z-index: 1; }
/*.home video[poster] { object-fit: cover; width: 100%; height: 80%; }*/
/*
@media (min-aspect-ratio: 16/9) {
    .home .background-video {width: 100%; height: 80%; max-height: 80%; top: 0; left: 0; }
}
@media (max-aspect-ratio: 16/9) {
    .home .background-video { width:100%;height: 80%; max-height: 80%;top: 0; left: 0;}
}
*/
@media (max-width: 767px) {
 .home .background-video { display: none;} 
 .home a.button {padding: 10px 20px; font-size: 1rem;}
 .home .page-hero {padding-bottom: 50%;}
 .home #page {margin-top: -80px;}
 /*.home video[poster] { object-fit: cover; width: 100%; height: 80%;} */


/* .home .page-hero #vid-fallback {
        background-image: url('https://elob.dk/wp-content/uploads/video/elob_loebere.png');
        height: 400px;
        width: 600px;
        background-size: cover;
        display: block;
        margin-bottom: -300px;
        margin-top: -80px;
  }*/
}
@media (min-width: 769px) {
    .home .page-hero {
        background-image: none !important;
    }
}


/* // Frontpage - background video */


/* Frontpage - background video */
/*
.home a.button.orange {background: #ec7f44; border: 5px solid #ec7f44; color: #fff;}
.home a.button.orange:hover {background: #fb6340; border-color: #fb6340; color: #fff;}

.home #vid-fallback {display: none;}
.home .background-video { position: absolute; right: 0; bottom: 0; min-height: 80%; min-width: 100%; width: auto; height: 80%; }
.home .page-hero { position: relative; overflow: hidden; min-height: 100%; margin-bottom: -15%; }
.home .background-video-content { position: relative; z-index: 1; }
.page-test video[poster] { object-fit: cover; width: 100%; height: 80%; }

@media (min-aspect-ratio: 16/9) {
    .home .background-video {width: 100%; height: 80%; max-height: 80%; top: 0; left: 0; }
}
@media (max-aspect-ratio: 16/9) {
    .home .background-video { width:100%;height: 80%; max-height: 80%;top: 0; left: 0;}
}
@media (max-width: 767px) {
 .home .background-video { display: none;} 
 .home a.button {padding: 10px 20px; font-size: 1rem;}
 .home .page-hero {padding-bottom: 50%;}
 .home #page {margin-top: -150px;}
 .home .page-hero #vid-fallback {
        background-image: url('https://elob.dk/wp-content/uploads/video/elob_loebere.png');
        height: 400px;
        width: 600px;
        background-size: cover;
        display: block;
        margin-bottom: -300px;
        margin-top: -80px;
  }
}
*/
/* // Frontpage - background video */






.wp-block-kioken-kinetic-posts .post-image {margin: 0;}
.wp-block-kioken-kinetic-posts .grid-content-excerpt {font-size: 14px;}

.page-resultatarkiv .inside-article {padding-top: 0;}

.teaser-blocks p {font-size: 1rem;}

.teaser-blocks {margin-top: 50px;}

@media (max-width: 1200px) {
    .teaser-blocks {margin-top: 30px;}
}

@media (max-width: 576px) {
    .teaser-blocks .kt-row-column-wrap .wp-block-kioken-column {margin-top: 25px;}
    /*.teaser-blocks .kt-row-column-wrap .wp-block-kioken-column:first-of-type {margin-top: 0px;}*/
}
@media (max-width: 768px) {
    .teaser-blocks .kt-row-column-wrap .wp-block-kioken-column {margin-top: 25px;}
    /*.teaser-blocks .kt-row-column-wrap .wp-block-kioken-column:first-of-type {margin-top: 0px;}*/
}

a.scroll-link {position: absolute; bottom: 25px; color: #fff;}

.smaller-font .wp-block-column p {font-size: 1rem;}

.header-shadow {text-shadow: 2px 2px #000;}

.single-post #page {margin-top: 40px;}
.single-post #page .inside-article .entry-header{text-align: center;}

.copyright-bar, .footer-bar, #primary-menu li a {letter-spacing: 0.5px; }

.blok-h-300 {height: 300px; min-height: 300px;}
.blok-h-300 .wp-block-column {padding: 40px;}
.blok-h-300 .wp-block-column:first-of-type {background: #172b4d;}
.blok-h-300 .wp-block-column:nth-of-type(2) {background: #70be74;}
.blok-h-300 .wp-block-column:first-of-type p {color: #fff;}
.blok-h-300 .wp-block-column:nth-of-type(2) p {color: #fff;}
.blok-h-300 p {}

.sidebar .widget 
{
    border: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

.sidebar .widget:first-child {
    background-color: #538172;
    color: #fff;
}

.sidebar .widget:first-child .widget-title,
.sidebar .widget:first-child a:not(.button) {
    color: #fff;
}

/* Cookie concent */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #172b4d;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
    z-index: 999;
}
#gdpr-cookie-message h4 {
    color: #00b0ff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: #00b0ff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: none;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 12px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:first-of-type {
  margin-bottom: 30px;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message li label {
  color: #fff;
}
#gdpr-cookie-message a {
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    margin-left: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: #FFF;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: #b71c1c;
    color: white;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #b71c1c;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: #b71c1c;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
    position: inherit;
    opacity: 1;
    pointer-events: initial;
}
#gdpr-cookie-types {
  margin-bottom: 25px;
}


/*.elob-sponsorer {margin-top: 50px;}
.elob-sponsorer .wp-block-kioken-column:first-of-type p {position: absolute; top: -10px; left: 29px; margin-bottom: 0; line-height: 0; font-size: 12px;}
.elob-sponsorer .wp-block-kioken-column:nth-child(2) {margin-right: 0}
*/

/* Hvis vi skal have forskellige farver navigation */
/*.page-privatlivspolitik .main-navigation {background-color: #172b4d;}*/

.sf-menu > li.slideout-toggle a::before {color: #666;}
#primary-menu .slideout-toggle a {padding-left: 0; line-height: 25px;}

.admin-black {background-color: #000000 !important; }
.admin-dark-blue {background-color: #172b4d !important;}
.admin-dark-blue-50 {background-color: rgba(23,43,77,0.9);}
.admin-blue {background-color: #00b0ff !important;}
.admin-purple {background-color: #5e72e4 !important;}
.admin-green {background-color: #70be74 !important;}
.admin-grey {background-color: #f4f5f7 !important;}
.admin-danger {background-color: #b71c1c !important;}
.admin-yellow {background-color: #ffc400 !important;}
.admin-warning {background-color: #fb6340 !important;}

.text-admin-black {color: #000000 !important;}
.text-admin-danger {color: #b71c1c !important;}
.text-admin-warning {color: #fb6340 !important;}
.text-admin-purple {color: #5e72e4 !important;}
.text-admin-blue {color: #00b0ff !important;}
.text-admin-yellow {color: #ffc400 !important;}
.text-admin-green {color: #70be74 !important;}
.text-admin-dark-blue {color: #172b4d !important;}
.text-admin-grey {color: #e0e0e0 !important;}
.text-black {color: #000000 !important;}

.border-dark-blue {border: 3px solid #172b4d;}
.border-purple {border: 3px solid #5e72e4;}
.border-green {border: 3px solid #70be74;}
.border-blue {border: 3px solid #00b0ff;}
.border-yellow {border: 3px solid #ffc400;}
.border-danger {border: 3px solid #b71c1c;}
.border-warning {border: 3px solid #fb6340;}

/* Result tables */
table.elob-results, table.elob-results td, table.elob-results tr {border: none;}
table.elob-results {border: 4px solid #527e6d;}
table.elob-results td {text-align: center; font-size: 1.3rem;padding: 10px 20px;}
table.elob-results tr:first-of-type {background: #527e6d;}
table.elob-results tr:first-of-type td {color: #fff; font-size: 2rem;}
table.elob-results tr:not(:first-of-type):hover {background: #527e6d; color: #fff;cursor: pointer;}

/* Naaletider tables */
table.elob-needles, table.elob-results td, table.elob-results tr {border: none;}
table.elob-needles {border: 4px solid #527e6d;}
table.elob-needles td {text-align: center; font-size: 1.3rem;padding: 10px 20px;}
table.elob-needles tr:first-of-type {background: #527e6d;}
table.elob-needles tr:first-of-type td {color: #fff; font-size: 2rem;}
table.elob-needles tr:not(:first-of-type):hover {background: #527e6d; color: #fff;cursor: pointer;}



/* Accordion */
.elob-accord { margin: 0;}
.elob-accord * { box-sizing: border-box; }
.elob-tab { position: relative; width: 100%; max-width: 1000px; margin: 0 auto 10px; border-radius: 4px; background-color: #fff; box-shadow: 0 0 0 1px #ececec; opacity: 1; transition: box-shadow .2s, opacity .4s; }
.elob-tab:hover { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11); }
.elob-input { display: none; }
.elob-input:checked ~ .elob-content + .elob-tab-content { max-height: 3000px; }
.elob-input:checked ~ .elob-content:after { transform: rotate(0); }
.elob-label { position: absolute; top: 0; left: 0; height: 100%; max-height: 80px; width: 100%; margin: 0; padding: 0; font-size: 0; z-index: 1; cursor: pointer; }
.elob-label:hover ~ .elob-content:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
}
.elob-input:checked ~ .elob-label {border: 5px solid #538172;}
.elob-content { position: relative; display: block; height: 80px; margin: 0; padding: 0 87px 0 30px; font-size: 0; white-space: nowrap; cursor: pointer; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; }
.elob-content:before, .elob-content:after { content: ''; display: inline-block; vertical-align: middle; }
.elob-content:before { height: 100%; }
.elob-content:after {
  position: absolute;
  width: 24px;
  height: 100%;
  right: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
}
.elob-name { display: inline-block;margin-left: 5px; font-weight: 500; font-size: 1.2rem; line-height: 1.2rem; white-space: normal; text-align: left; vertical-align: middle; color: #538172; }
.elob-content + .elob-tab-content { max-height: 0; overflow: hidden; transition: max-height .3s; }
.elob-content > div { display: inline-block; vertical-align: middle; }
.elob-info { white-space: nowrap; font-size: 0; }
.elob-info:before { content: ''; display: inline-block; height: 44px; vertical-align: middle; }
.elob-tab-content { background-color: #e8f5e9; font-size: 0; text-align: justify; }
.sentiment-wrapper { padding: 24px 30px 30px; font-size: 1rem; }
.sentiment-wrapper p {font-size: 1rem; line-height: 1.3rem;font-weight: 400; margin-bottom: 10px;}
.sentiment-wrapper p:last-of-type {margin-bottom: 0;}
.sentiment-wrapper p a {font-weight: 400;}

@media screen and (max-width: 800px) {
    .elob-label { max-height: 70px; }
    .elob-content { height: auto; padding: 10px 87px 10px 30px; }
    .elob-content:before { display: none; }
    .elob-content:after { top: 0; }
    .elob-content > div { display: block; width: 100%; }
}
@media screen and (max-width: 750px) {

}
@media screen and (max-width: 500px) {
  .elob-label {max-height: 70px;}
}