/*
Theme Name: JCI
Theme URI: https://jci.dk/
Text Domain: jci
Version: 1.0
*/

html, body {height: 100%; width: 100%; -webkit-overflow-scrolling: touch;}
body {margin: 0; padding: 0; clear: both; color: #3A67B1; background: #F4F4F4; font-family: 'Helvetica', sans-serif; font-size: 1.1vw; line-height: 1.4em; font-weight: normal; font-style: normal; overflow-x: hidden;}
p {padding: 0; line-height: 1.8em; color: #3A67B1;}
p a, ul li a, ol li a {color: #F37121;}
ul, li {margin: 0; padding: 0; list-style: none;}
a {text-decoration: underline;}
a:link, a:visited {text-decoration: none;}
::-webkit-input-placeholder {color: #3A67B1;}
:-moz-placeholder {color: #3A67B1;}
::-moz-placeholder {color: #3A67B1;}
:-ms-input-placeholder {color: #3A67B1;}
::-ms-input-placeholder {color: #3A67B1;}
.clr {clear: both; margin: 0; padding: 0;}
.spacer-10 {height: 10px; clear: both; margin: 0; padding: 0;}
.spacer-20 {height: 20px; clear: both; margin: 0; padding: 0;}
.spacer-30 {height: 30px; clear: both; margin: 0; padding: 0;}
.main-color {color: #F37121;}
.secondary-color {color: #3A67B1;}
.tertiary-color {color: #0097D7;}
.alignright {float: right; margin: 0 0 21px 21px;}
.btn-default {color: #FFFFFF; font-size: 13px; display: inline-block; position: relative; font-weight: 400; border-radius: 3px; background-color: #F37121; padding: 12px 30px;}
.btn-default:hover {color: #FFFFFF; background-color: #F37121;}
.btn-external {color: #FFFFFF; font-size: 14px; position: relative; font-weight: 400; background-color: #F37121; padding: 9px 18px; display: inline-block;}
.btn-external:hover {color: #FFFFFF; background-color: #7DC242;}

.container-fluid {padding: 0 5vw;}

.header {background-repeat: no-repeat; background-position: top center; background-size: cover; height: 100vh; min-height: 600px; max-height: 100%; position: relative; padding: 1.3vw 0 0;}
.header-page {background-repeat: no-repeat; background-position: top center; background-size: cover; min-height: 400px; position: relative; padding: 21px 0 0;}
.header:before, .header-page:before {content: ''; background-color: rgba(58, 103, 177, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.logo {width: 100px; height: auto;}
.header-menu li {display: inline-block; margin-left: 2vw; font-size: 1vw; letter-spacing: 1px;}
.header-menu li a {color: #FFFFFF;}
.header-menu li a:hover, .header-menu li.current-menu-item a {color: #F37121;}
.header-menu li:last-child a {border: 2px solid #FFFFFF; padding: 9px 15px;}
.header-menu li:last-child a:hover, .header-menu li.current-menu-item:last-child a {color: #FFFFFF; border: 2px solid #F37121; background-color: #F37121;}
.hamburger, .slidemenu {  display: none; }
.banner-block {background-color: #FFFFFF;}
.banner-info {padding: 1.5vw 2vw;}
.banner-info h1 {font-family: 'Helvetica', sans-serif; color: #F37121; font-size: 1.9vw; font-weight: bold; margin-bottom: 0; line-height: 1.4em;}
.banner-info p {margin-bottom: 0; line-height: 1.4em;}
.header-inner {padding: 140px 0; height: calc(100% - 66px);}
.header-inner h1 {color: #FFFFFF; font-size: 3.3vw; font-weight: bold; margin-bottom: 0; line-height: 1.2em; margin-bottom: 60px; font-family: 'Helvetica', sans-serif;}
.blivbtn-hold {position: relative;}
/* .blivbtn-hold:after {content: ''; position: absolute; top: 0; bottom: 0; width: 900px; background-color: #F37121;} */
a.signup {background-color: #F37121; padding: 36px 15px; color: #FFFFFF; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.2vw; z-index: 100; position: relative;}
a.signup:hover {background-color: #0097D7;}
a.signup-inner {background-color: #F37121; padding: 24px 42px; color: #FFFFFF; font-size: 18px; display: inline-block;}

span.punchline {color: #0097D7; font-size: 0.9vw; text-transform: uppercase; letter-spacing: 2px;}
span.instalink {color: #F37121; font-size: 0.9vw; letter-spacing: 2px;}
h2.headline {font-family: 'Helvetica', sans-serif; font-weight: bold; color: #3A67B1; font-size: 3.3vw;}
.services-block {background: url('img/world-map.svg') no-repeat top 45px center; background-size: 100%; padding: 90px 0;}
.services-block .hold {padding: 0 45px 45px 0;}
.services-block h3 {color: #F37121; font-size: 1.25vw; font-weight: 500; font-family: 'Helvetica', sans-serif; margin-bottom: 1rem;}
.text-block {padding: 90px 0;}


.highlight-block {background-color: #F37121; padding: 75px 0;}
.highlight-block h2.headline {color: #FFFFFF;}
.highlight-block .highlight-content {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; padding-bottom: 30px;}
.highlight-block .highlight-content {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding-bottom: 0;}
.highlight-block p {color: #FFFFFF;}

.text-content {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px;}

.info-block {padding: 120px 0 90px;}
.info-block p {font-size: 17px;}
.projektledelse {padding-bottom: 330px;}
.info-slider {padding: 2vw 1.6vw 7.3vw !important;}
.info-hold {background-color: #FFFFFF; padding: 2vw 1.8vw;}
.info-hold p {font-size: 1.1vw;}
.info-hold ul {margin-bottom: 1rem;}
.info-hold ul li {color: #F48F52; font-weight: 600; font-size: 1.1vw; margin-bottom: 3px;}

.info-girl-hold {position: absolute; right: 15px; left: calc(-5vw - 15px); width: calc(100% + 5vw); z-index: 100;}
.info-man-hold {position: absolute; left: 15px; right: calc(-5vw - 15px); bottom: -150px; width: calc(100% + 5vw); z-index: 100;}
.info-chef-hold {position: absolute; right: 15px; left: calc(-5vw - 15px); top: -90px; width: calc(100% + 5vw); z-index: 100;}
.info-beardman-hold {position: absolute; right: 15px; left: calc(-5vw - 15px); bottom: -150px; width: calc(100% + 5vw); z-index: 100;}
.inner-beard {padding-bottom: 240px;}
.info-team-hold {position: absolute; right: 15px; left: calc(-5vw - 15px); width: calc(100% + 5vw); z-index: 100;}
.info-slider .item {padding: 0 6px}
.info-slider p {margin-bottom: 3.5rem;}
span.name {color: #F37121; font-weight: bold; display: block; margin-bottom: 15px; font-family: 'Helvetica', sans-serif;}
span.address-info {font-size: 0.9vw; display: block;}
.info-slider .owl-dots {position: absolute; left: 40%; right: 40%; text-align: center; bottom: 3vw;}
.info-slider .owl-dot {width: 0.5vw; height: 0.5vw; background-color: #C0C8D5 !important; margin: 0 6px; outline: none; border-radius: 50em;}
.info-slider .owl-dot:hover, .info-slider .owl-dot.active {background-color: #7DC242 !important;}
.info-slider .owl-nav {position: absolute; left: 36%; right: 36%; bottom: calc(3vw - 9px); display: flex; justify-content: space-between;}
.info-slider .owl-nav button {outline: none !important;;}
.info-slider .owl-nav button .slider-left {background-image: url('img/slider-left.svg'); background-repeat: no-repeat; background-size: 20px; display: block; width: 20px; height: 36px;}
.info-slider .owl-nav button .slider-right {background-image: url('img/slider-right.svg'); background-repeat: no-repeat; background-size: 20px; display: block; width: 20px; height: 36px;}

.events-block {padding: 90px 0 60px;}
a.view-more {color: #7DC242; font-size: 1.1vw; text-decoration: underline;}
span.eventslink {padding-right: 130px;}
a.more-events {font-size: 1vw; letter-spacing: 2px; color: #3A67B1; position: relative; padding-right: 9px; display: inline-block; line-height: 1vw;}
a.more-events:after {content: ''; height: 1px; width: 120px; background-color: #F37121; position: absolute; left: 100%; top: 7px;}
a.more-events:hover {color: #F37121;}
a.white-more-events {font-size: 1vw; letter-spacing: 2px; color: #FFFFFF; position: relative; padding-right: 9px; display: inline-block; line-height: 1vw;}
a.white-more-events:after {content: ''; height: 1px; width: 120px; background-color: #FFFFFF; position: absolute; left: 100%; top: 7px;}
a.white-more-events:hover {color: #3A67B1;}
.members-hold .row>[class*=col-] {margin-bottom: 60px;}
.members-box h3 {font-size: 1.7vw; color: #F37121;}

.events-filter .efilter {float: right;}
.events-filter .event-label {margin: 0 18px 0 0; font-size: 0.9vw; padding: 0; line-height: 1.8em; color: #3A67B1; font-weight: 300;}
.events-filter .event-select {-webkit-appearance: none; border-radius: 0; padding: 3px 0; background: transparent url('img/droparrow.svg') no-repeat right 0 center; border: none; font-size: 0.9vw; border-bottom: 1px solid #3A67B1 !important; min-width: 100px !important; color: #F37121; outline: none;}
.events-hold {padding-top: 90px;}
.events-hold.row>[class*=col-] {margin-bottom: 30px;}

.events-box {background-color: #FFFFFF; height: 100%;}
.events-box a.event-img {text-align: center; position: relative; height: 210px; min-height: 210px; max-height: 210px;}
.events-box a.event-img img {max-height: 100%;}
.events-box a.event-img:before {content: ''; background-color: rgba(0,0,0,0.1); position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.event-info {padding: 1.6vw;}
.event-info h4 {font-family: 'Helvetica', sans-serif; font-size: 1.3vw; font-weight: 500;}
.event-info h4 a {color: #3A67B1;}
.event-info h4 a:hover {color: #F37121;}
.event-info p {margin-bottom: 0;}
.event-info p span {color: #F37121; min-width: 72px; display: inline-block;}
.meta {position: relative;}
.meta:before {content: ''; position: absolute; width: 1px; height: 100%; background-color: #3A67B1; left: 50%;}
.meta span {color: #F37121; font-size: 0.9vw; width: 50%; display: block; text-align: center;}
a.read-more {background-color: #F37121; text-transform: uppercase; font-size: 0.9vw; text-align: center; padding: 15px 12px; display: block; color: #FFFFFF;}
a.read-more:hover {background-color: #0097D7;}

.contact-block {padding: 90px 0 180px;}
.contact-info {background-color: #FFFFFF; padding: 2.2vw; margin-bottom: -90px;}
.contact-hold {padding-right: 0;}
.contact-box {position: relative;}
.contact-form {padding-top: 45px;}
.contact-form a {color: #3A67B1; text-decoration: underline !important;}
.contact-form .form-row>[class*=col-] {margin-bottom: 10px;}
.kontakt-input {border: 1px solid #3A67B1; padding: 15px; width: 100%;}
.kontakt-submit {background: #F37121; border: none; width: 100%; padding: 17px 0; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; font-size: 1vw;}
.kontakt-checkbox input[type=checkbox] {margin-right: 9px;}
span.wpcf7-list-item {margin: 0; line-height: 1.8em;}
span.wpcf7-list-item label {margin-bottom: 0.25rem;}
.contact-formhold {right: 5vw; bottom: 0; position: absolute; width: 50%;}
.contact-formhold>.row {width: calc(100% + 40px);}
.img-holder {margin-left: calc(-100% - 15px);}
.insta-block {padding: 90px 0;}
.wide-block {margin-top: 90px; margin-bottom: 90px; padding: 610px 0 0; background-repeat: no-repeat; background-size: 100%;}
.single-block {padding: 90px 0;}
.single-block .textinfo {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.single-block h3 {font-family: 'Helvetica', sans-serif; color: #fff; font-size: 51px; font-weight: bold;}
.wpcf7 {width: 100%;}
.bliv-input {padding: 5px 0 7px; background: transparent; border: none; border-bottom: 1px solid #3A67B1 !important; width: 100%; margin-bottom: 21px; color: #3A67B1; outline: none;}
.bliv-select {-webkit-appearance: none; border-radius: 0; padding: 5px 0; background: transparent url('img/droparrow.svg') no-repeat right 12px center; border: none; border-bottom: 1px solid #3A67B1 !important; width: 100%; margin-bottom: 15px; color: #3A67B1; outline: none;}
.bliv-textarea {padding: 5px 0 7px; background: transparent; border: none; border-bottom: 1px solid #3A67B1 !important; width: 100%; height: 90px; margin-bottom: 21px; color: #3A67B1; outline: none;}
.bliv-submit {font-size: 0.9vw; letter-spacing: 2px; text-transform: uppercase; color: #3A67B1; position: relative; padding-right: 9px; display: inline-block; border: none; background-color: transparent; padding: 0; margin-top: 30px; float: right; outline: none;}
.bliv-submit:hover {color: #F37121;}
/* Afdeling Page */
.map-block {padding-top: 90px;}
.sf-input-select {-webkit-appearance: none; border-radius: 0; padding: 3px 0; background: transparent url('img/droparrow.svg') no-repeat right 0 center; border: none; border-bottom: 1px solid #3A67B1 !important; min-width: 100px !important; color: #F37121; outline: none;}
.searchandfilter ul {display: flex; justify-content: flex-end;}
.searchandfilter ul li {margin-left: 45px; display: flex; align-items: center; padding: 0;}
.searchandfilter ul li h4 {margin: 0 18px 0 0; font-size: 0.9vw; padding: 0; line-height: 1.8em; color: #3A67B1; font-weight: 300;}
.default-content {padding: 90px 0 75px;}
.l-50 {left: 50%;}

.footer {background-color: #3A67B1; padding: 60px 0;}
.footer h4 {font-size: 1.2vw; color: #FFFFFF; margin-bottom: 24px; letter-spacing: 0.25px; font-family: 'Helvetica', sans-serif; font-weight: bold;}
.footer ul.footer-menu li {margin-bottom: 15px;}
.footer ul.footer-menu li a {color: #FFFFFF;}
.footer ul.footer-menu li a:hover {color: #F37121;}
.footer ::-webkit-input-placeholder {color: #DDDDDD;}
.footer :-moz-placeholder {color: #DDDDDD;}
.footer ::-moz-placeholder {color: #DDDDDD;}
.footer :-ms-input-placeholder {color: #DDDDDD;}
.footer ::-ms-input-placeholder {color: #DDDDDD;}
.footer .sub-form {width: 60%;}
.footer .tilmeid-input {border: none; padding: 9px 12px; font-size: 1vw; background: rgba(0, 0, 0, 0.15); color: #CCCCCC; width: 100%; margin-bottom: 10px;}
.footer .tilmeid-submit {font-size: 0.8vw; letter-spacing: 2px; text-transform: uppercase; color: #FFFFFF; position: relative; display: block; border: none; background-color: transparent; padding: 0; margin-top: 6px; outline: none; float: right;}
.footer .tilmeid-submit:hover {color: #F37121;}
.footer .submit-hold {width: 100%;}
ul.social-media {display: inline-block;}
ul.social-media li {margin-right: 9px; display: inline-block;}
ul.social-media li a {background-color: #FFFFFF; border-radius: 50%; width: 42px; height: 42px; color: #3A67B1; font-size: 24px; display: flex; justify-content: center; align-items: center;}
ul.social-media li a:hover {background-color: #F37121; color: #FFFFFF;}
ul.social-media li.instagram a:before {content: '\f16d'; font-family: FontAwesome;}
ul.social-media li.facebook a:before {content: '\f09a'; font-family: FontAwesome;}
ul.social-media li.linkedin a:before {content: '\f0e1'; font-family: FontAwesome;}

.fliter-hold {position: relative;}
#loader {position: absolute; background-color: rgba(244, 244, 244, 0.9); top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; justify-content: center;}
#loader p {color: #3A67B1; font-size: 1.5vw; font-weight: bold; text-transform: uppercase; padding-top: 90px; letter-spacing: 1px;}

@media (max-width: 1199px) {
body {font-size: 14px;}
.container-fluid {padding: 0 15px;}
.header {padding: 21px 0 0;}
.header-menu li {margin-left: 2vw; font-size: 15px;}
.banner-info {padding: 26px 36px;}
.banner-info h1 {font-size: 27px;}
.header-inner h1 {font-size: 45px;}
a.signup {font-size: 18px;}
span.punchline {font-size: 14px;}
span.instalink {font-size: 14px;}
h2.headline {font-size: 45px;}
.services-accordion > .row {min-height: 330px;}
.services-block .hold {padding-right: 0;}
.services-block h3 {font-size: 21px;}
.info-block p {font-size: 17px;}
.info-slider {padding: 42px 30px 120px !important;}
.info-hold {padding: 42px 30px;}
.info-hold p {font-size: 17px;}
.info-hold ul li {font-size: 17px;}
.info-girl-hold {left: -120px; width: calc(100% + 105px);}
.info-man-hold {right: -120px; width: calc(100% + 105px);}
.info-chef-hold {left: -120px; width: calc(100% + 105px);}
.info-beardman-hold {left: -120px; width: calc(100% + 105px);}
.info-team-hold {left: -120px; width: calc(100% + 105px);}
span.address-info {font-size: 13px;}
.info-slider .owl-dots {bottom: 60px;}
.info-slider .owl-dot {width: 7px; height: 7px;}
.info-slider .owl-nav {bottom: 50px;}
.info-slider .owl-nav button i {font-size: 16px;}
a.white-more-events, a.more-events {font-size: 14px;}
.events-filter .event-label {font-size: 13px;}
.events-filter .event-select {font-size: 13px;}
.event-info {padding: 21px;}
.event-info h4 {font-size: 20px;}
.meta span {font-size: 14px;}
a.read-more {font-size: 14px;}
a.view-more {font-size: 14px}
.contact-info {padding: 51px 45px;}
.kontakt-submit {font-size: 15px;}
.contact-formhold {right: 30px;}
.bliv-submit {font-size: 14px;}
.searchandfilter ul li h4 {font-size: 14px;}
.footer h4 {font-size: 16px;}
}
@media (max-width: 991px) {
.hamburger {cursor: pointer; display: block; right: 15px; margin-top: 3px; position: absolute; z-index: 100;}
.line {width: 32px; height: 2px; background: #fff; margin-bottom: 6px;}
.hamburger-close {text-shadow: none; box-shadow: none; position: absolute; top: 9px; right: 15px; margin: 0; padding: 0; cursor: pointer;}
.slidemenu {display: flex; flex-direction: column; justify-content: center; width: 100vw; height: 100vh; background: #3A67B1; position: fixed; top: 0; right: -100vw; transition: right .1s; overflow-y: auto; padding: 52px 0; z-index: 1000;}
.slidemenu--open {right: 0;}
.slidemenu ul.mobile-menu {padding: 0 24px;}
.slidemenu ul.mobile-menu li {position: relative; font-size: 18px; font-weight: 500; text-transform: uppercase; padding: 3px 0 15px; text-align: right;}
.slidemenu ul.mobile-menu li a {color: #fff;}
.slidemenu ul.mobile-menu li a:hover {text-decoration: underline;}
.slidemenu ul.mobile-menu li ul.sub-menu {padding-bottom: 9px;}
.slidemenu ul.mobile-menu li ul.sub-menu li {font-size: 14px;}
.slidemenu ul.mobile-menu li ul.sub-menu li a:before {content: '\f105'; font-family: FontAwesome; font-weight: 900; color: #fff; margin-right: 9px; font-size: 15px; vertical-align: bottom;}
.plus {position: absolute; right: 0;}
.plus::before,.innerplus:before {font-family: FontAwesome; font-weight: 900; content: '\f067'; font-size: 15px; color: #fff;}
.plus.active::before {font-family: FontAwesome; font-weight: 900; content: '\f068'; font-size: 15px; color: #fff;}
.slidemenu-item {color: #fff; width: 100%; padding: 1rem 3rem; box-sizing: border-box;}
.slidemenu-item:hover {background: #fff; color: #fff; cursor: pointer;}
.banner-info {padding: 24px;}
.banner-info h1 {font-size: 19px; margin-bottom: 12px; line-height: 1.4em;}
h2.headline, .header-inner h1 {font-size: 27px; font-weight: 600; line-height: 1.4em; margin-bottom: 36px;}
.offer-block {padding-bottom: 60px !important;}
.services-block h3 {font-size: 18px; margin-bottom: 0.5rem;}
.contact-block {background: url('img/group-thumb.jpg') no-repeat top center; background-size: 100%; padding: 180px 0 90px;}
.contact-formhold {position: unset; left: unset; right: unset; bottom: unset; top: unset; width: 100%;}
.contact-info {margin: 0;}
.services-accordion > .row {min-height: auto; margin-left: -15px; margin-right: -15px;}
.info-man-hold, .info-team-hold {position: unset; left: unset; right: unset; bottom: unset; top: unset; width: 100%;}
.info-chef-hold {left: 15px; right: 15px; top: unset; width: auto;}
.info-beardman-hold {bottom: 0px;}
.inner-beard {padding-bottom: 90px;}
.wide-block {padding-top: 420px;}
.text-content {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
a.white-more-events, a.more-events {font-size: 13px;}
a.white-more-events:after, a.more-events:after {width: 60px; top: 4px;}
span.eventslink {padding-right: 90px;}
.header-text-block {position: unset; left: unset; bottom: unset;}
.header-hold {margin-left: auto;}
}
@media (max-width: 767px) {
.contact-info {padding: 24px;}
.info-block, .services-block {padding-bottom: 0;}
.info-girl-hold, .info-chef-hold, .info-beardman-hold {position: unset; left: unset; right: unset; bottom: unset; top: unset; width: 100%;}
.insta-block {padding-top: 0;}
.searchandfilter ul li {display: block;}
.blivmedlem-block {padding-bottom: 90px !important;}
.wide-block {padding-top: 210px;}
}
@media (max-width: 576px) {
}