.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7-back{float:left;margin-top:5px;position:relative;width:70px}.cf7msm-ro{white-space:pre-wrap}* {
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
}
@media screen and (max-width: 767px) {
.hide-mobile {
display: none;
}
}
@media screen and (max-width: 1023px) {
.hide-tablet {
display: none;
}
}
@media screen and (min-width: 1024px) {
.hide-desktop {
display: none;
}
}
.webko-button-wrap {
display: inline-block;
}
.inline, .inline > div {
display: inline-block;
width: auto !important;
}
.webko-button-wrap.align-desktop-center, .webko-button-wrap.center {
display: block;
text-align: center;
}
.webko-button-wrap.align-desktop-left, .webko-button-wrap.left {
display: block;
text-align: left;
}
.webko-button-wrap.align-desktop-right, .webko-button-wrap.right {
display: block;
text-align: right;
}
.webko-button-wrap.align-desktop-justify, .webko-button-wrap.align-desktop-justify a, .webko-button-wrap.justify, .webko-button-wrap.justify a {
display: block;
width: auto;
text-align: center;
}
.white .webko-button-wrap a.button {
color: #fff;
border-color: #fff;
}
@media screen and (max-width: 1023px) {
.webko-button-wrap.align-tablet-center {
display: block;
text-align: center;
}
.webko-button-wrap.align-tablet-left {
display: block;
text-align: left;
}
.webko-button-wrap.align-tablet-right {
display: block;
text-align: right;
}
.webko-button-wrap.align-tablet-justify, .webko-button-wrap.align-tablet-justify a{
display: block;
width: auto;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.webko-button-wrap.align-mobile-center {
display: block;
text-align: center;
}
.webko-button-wrap.align-mobile-left {
display: block;
text-align: left;
}
.webko-button-wrap.align-mobile-right {
display: block;
text-align: right;
}
.webko-button-wrap.align-mobile-justify, .webko-button-wrap.align-mobile-justify a{
display: block;
width: auto;
text-align: center;
}
}
@media (max-width: 767px) {
.elementor .force-mobile-view .elementor-background-video-container.elementor-hidden-phone {
display: block;
}
}
@media screen and (max-width: 979px) {
html.locked, html.locked body {
overflow: hidden;
position: fixed;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
html.locked .zopim {
display: none;
}
}
.content-wrap {
overflow: hidden;
min-height: 100vh;
}
figure {
margin: 0;
padding: 0;
}
.webko-wrapper {
position: relative;
margin: 0 auto;
width: 95%;
}
.webko-wrapper:after {
content: '';
display: table;
clear: both;
}
.content-wrap > .webko-wrapper {
overflow: visible;
}
.screen-reader-text {
overflow: hidden;
text-indent: -9999px;
position: absolute;
}
.flex-row {
display: flex;
justify-content: space-between;
align-content: center;
}
.flex-row > * {
margin-right: 15px; 
flex-grow: 1;
flex-basis: 0;
}
.flex-row > *:last-child {
margin-right: 0;
}
@media screen and (max-width: 979px) {
.flex-row {
display: block;
text-align: right;
}
.webko-header-container {
display: inline-block;
}
.webko-header-container:first-child {
float: left;
}
.webko-header-container > * {
text-align: initial;
vertical-align: middle;
line-height: 55px;
-webkit-tap-highlight-color: transparent;
}
.header-item {
display: inline-block;
line-height: 1.3;
}
} h1, h2, h3, h4, h5, h6 {
margin-bottom: .4em;
}
h1 {
font-weight: bold;
font-size: 2.250rem;
}
h2 {
font-weight: bold;
font-size: 1.875rem;
}
h4 {
font-weight: bold;
font-size: 1.5rem;
padding: 0;
}
h5 {
font-weight: inherit;
font-size: 1.250rem;
}
h6 {
font-weight: inherit;
font-size: 1.125rem;
}
@media screen and (max-width: 768px) { 
h1 {
font-weight: bold;
font-size: 1.875rem;
}
h2 {
font-weight: bold;
font-size: 1.575rem;
}
h4 {
font-weight: bold;
font-size: 1.3rem;
padding: 0;
}
}  .button, input[type="submit"], button, body .elementor-inner .elementor-button-link, body .elementor-button, body .elementor-button.elementor-size-sm {
transition: all .3s ease;
border-radius: 0;
padding: 9px 20px;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
outline: none;
display: inline-block;
width: fit-content;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
line-height: 1.5;
}  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
border: 1px solid #F3F6F6;
padding: 13px 10px;
outline: none;
font-size: 14px;
-webkit-appearance: none;
border-radius: 0;
}
@-webkit-keyframes autofill {
to {
background: transparent;
}
}
input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
select {
font-size: 14px;
padding: 13px 24px 13px 10px;
border: none;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
background: #F3F6F6 url(//gripsign.dk/wp-content/themes/webko-base/assets/images/up-down-arrow.svg) no-repeat right 10px center;
}
textarea {
border: 1px solid #F3F6F6;
padding: 10px;
outline: none;
font-size: 1rem;
-webkit-appearance: none;
border-radius: 0;
font-size: 14px;
}
select:focus {
outline: none;
}
@media screen and (max-width: 979px) {
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
font-size: 16px !important;
}
}
::-webkit-input-placeholder {
font-weight: lighter;
}
::-moz-placeholder {
font-weight: lighter;
}
::-ms-input-placeholder {
font-weight: lighter;
}  .elementor-image img[src$=".svg"] {
width: 100%;
}
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
padding-left: 0;
padding-right: 0;
}
.elementor-widget-heading .elementor-heading-title {
padding: inherit;
margin: inherit;
line-height: inherit;
}
.page-template-default .elementor .elementor-section-stretched {
width: 100vw !important;
position: relative !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
max-width: 100vw !important;
}  .topbar {
overflow: hidden;
background: #F3F6F6;
height: 30px;
line-height: 30px;
}
@media screen and (max-width: 979px) {
.topbar {
display: none;
}
}
.topbar p {
margin: 0;
padding: 0;
}
.topbar .topbar-container, .topbar .topbar-container .menu {
list-style: none;
margin: 0;
padding: 0;
}
.topbar .topbar-container.topbar-left {
float: left;
}
.topbar .topbar-container.topbar-right {
float: right;
}
.topbar .topbar-container .menu .sub-menu {
display: none;
}
.topbar .topbar-container .menu li {
display: inline-block;
margin-right: 10px;
}
.topbar .topbar-container .menu li:last-child {
margin-right: 0;
}
.topbar .topbar-container .menu li a {
text-decoration: none;
font-size: 12px;
}  .header {
clear: both;
}
.header:after {
content: '';
display: block;
clear: both;
float: none;
}
.primary-header {
min-height: 80px;
line-height: 80px;
}
.webko-header-2 {
flex-grow: 2;
}
.webko-header-3 {
text-align: right;
flex-grow: 2;
}
.webko-header-3 > li {
text-align: left;
display: inline-block;
}
.webko-header-3 li:first-child > div {
border-right: 1px solid #F3F6F6;
}
@media screen and (max-width: 979px) {
.webko-header-3 > li:first-child > div {
border-right: 0;
}
.webko-header-3 > li {
width: 50px;
}
.webko-header-3 > li:last-child {
width: auto;
}
.primary-header {
min-height: 55px;
line-height: 55px;
}	
}
.primary-header { 
border-bottom: 1px solid #F3F6F6;
}
.primary-header img, .primary-header p {
vertical-align: middle;
padding: 0;
margin: 0;
}
.webko-header-container {
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (max-width: 979px) {
.primary-header {
line-height: 50px;
}
}  .secondary-header {
border-bottom: 1px solid #F3F6F6;
}
.webko-header-container .header-item:not(.mobile-only) .menu {
font-size: 0;
position: relative;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children .sub-menu {
list-style: none;
margin: 0;
padding: 0;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children > .sub-menu {
display: inline-block;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity .3s ease, visibility .3s ease;
position: absolute;
left: -60px;
top: 60px;
background: #fff;
z-index: 999;
padding: 15px 25px 25px 25px;
width: auto;
min-width: 200px;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
pointer-events: auto;
} .webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns {
position: static;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu {
width: calc(100% + 25px);
left: -25px;
display: grid;
grid-template-columns: repeat(5, 20%);
grid-gap: 0; 
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu:after {
content: '';
position: absolute;
right: 0;
transform: translateX(100%);
top: 0;
width: 100vw;
height: 100%;
background: #fff;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu:before {
content: '';
position: absolute;
left: 0;
transform: translateX(-100%);
top: 0;
width: 100vw;
height: 100%;
background: #fff;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu > li {
width: 100%;
padding-right: 20%;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu > li.full-column {
text-align: center;
grid-row: 1 / 10;
grid-column: 5 / 5;
padding-right: 0;
border-left: 1px solid #F3F6F6;
}
@media screen and (max-width: 1100px) {
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu > li.full-column {
display: none;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu > li {
padding-right: 10%;
}
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu > li.full-column .navigation-widget {
font-size: 14px;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu > li.full-column .navigation-widget p {
padding: 0;
margin: 0;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu > li.full-column .navigation-widget h3 {
margin: 0;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children.columns > .sub-menu > li.full-column .navigation-widget h4.nav-item-title {
border-bottom: 1px solid #F3F6F6;
margin: 0;
padding: 0;
margin-bottom: 5px;
padding-bottom: 3px;
font-weight: 500;
font-size: 14px;
text-align: left;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.menu-item-has-children > .sub-menu .menu-item a {
text-decoration: none;
font-size: 14px;
line-height: 36px;
display: block;
}
.webko-header-container .header-item:not(.mobile-only) .menu {
list-style: none;
margin: 0;
padding: 0;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li {
padding-right: 40px;
display: inline-block;
position: relative;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li > a {
display: inline-block;
text-decoration: none;
padding: 21px 0;
position: relative;
font-weight: 500;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li > a:hover {
color: inherit;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li > a:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
bottom: -1px;
left: 0;
opacity: 0;
transition: all .3s ease;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li:hover > a:after, .webko-header-container .menu > li.current-menu-parent > a:after, .webko-header-container .header-item:not(.mobile-only) .menu > li.current-menu-item > a:after, .webko-header-container .header-item:not(.mobile-only) .menu > li.current-product_cat-ancestor > a:after {
opacity: 1;
}
.webko-header-container .header-item:not(.mobile-only) .menu > li.cat-submenu:not(.flat) > .sub-menu > .menu-item > a {
border-bottom: 1px solid #F3F6F6;
margin-bottom: 5px;
padding-bottom: 3px;
font-weight: 500;
} .header-item:not(.mobile-only) .menu .cat-submenu .sub-menu {
list-style: none;
margin: 0;
padding: 0;
}
.header-item:not(.mobile-only) .menu .cat-submenu:not(.flat) > .sub-menu > li {
margin-bottom: 30px;
}
.header-item:not(.mobile-only) .menu .cat-submenu > .sub-menu > li:last-child {
margin-bottom: 0;
}   @media screen and (min-width: 980px) {
.mobile-only .menu {
display: none !important;
}
}
.toggle-menu {
display: none;
}
@media screen and (max-width: 979px) {
.secondary-header {
display: none;
}
.mobile-only .menu {
display: none;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: -5%;
top: 55px;
background: #fff;
width: 107.5%;
height: calc(100vh - 55px);
overflow: scroll;
z-index: 9999;
-webkit-tap-highlight-color: transparent;
padding-bottom: 70px;
}
.toggle-menu {
display: inline-block;
margin-right: -7px;
}
.mobile-only .menu li {
background-color: #fff;
}
.mobile-only .menu .sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-only .menu li {
cursor: pointer;
}
.mobile-only .menu > li > a {
background-color: #fff;
}
.mobile-only .menu > li .sub-menu {
display: none;
}
.mobile-only .menu > li > a, .mobile-only .menu > li > .sub-menu > li > a, .mobile-only .menu > li > .sub-menu > li > .sub-menu > li > a {
font-size: 18px;
text-decoration: none;
font-weight: 500;
width: calc(100% - 45px);
display: block;
height: 45px;
padding: 0 0 0 5%;
line-height: 45px;
}
.mobile-only .menu > li > .sub-menu > li > .sub-menu > li > a {
font-weight: 300;
width: 95%;
}
.mobile-only .menu a:hover {
color: inherit;
}
.mobile-only .menu .menu-item-has-children .sub-menu li {
background: #F3F6F6;
}
.mobile-only .menu .menu-item-has-children, .mobile-only .menu > li > .sub-menu > li.menu-item-has-children {
background: #F3F6F6 url(//gripsign.dk/wp-content/themes/webko-base/assets/images/expand.svg) no-repeat right 14px top 16px;
background-size: 18px;
}
.mobile-only .menu .menu-item-has-children.expanded, .mobile-only .menu > li > .sub-menu > li.menu-item-has-children.expanded {
background: #F3F6F6 url(//gripsign.dk/wp-content/themes/webko-base/assets/images/collapse.svg) no-repeat right 14px top 21px;
background-size: 18px;
}
.mobile-only .menu .menu-item-has-children {
background-color: #fff;
}
.toggle-menu {
display: inline-block;
text-align: center;
font-size: 10px;
text-decoration: none;
width: 40px;
display: block;
}
.toggle-menu:hover {
color: inherit;
}
.toggle-menu:before {
content: '';
display: inline-block;
width: 40px;
height: 20px;
background: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/menu.svg) no-repeat center bottom;
}
.toggle-menu.open:before {
background: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/menu-close.svg) no-repeat center bottom;
}
}  .sidebar {
float: left;
font-size: 1em;
}
.sidebar.right {
float: right;
}
.sidebar .item-title {
font-size: 1em;
line-height: 1em;
margin: 0;
}
.sidebar .sidebar-widgets{
list-style: none;
padding: 0;
margin: 0;
}
.sidebar .sidebar-widgets > li {
background: #F3F6F6;
padding: 20px;
margin-bottom: 10px;
}
.sidebar .sidebar-widgets > li a {
text-decoration: none;
}
.sidebar .sidebar-widgets ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar .sidebar-widgets .social-item {
display: inline-block;
width: calc(25% - 13px);
margin: 0 5px;
}
.sidebar h5 {
margin: 0 0 10px 0;
font-weight: normal;
}
@media screen and (max-width: 979px) {
.sidebar {
width: 100% !important;
float: none !important;
margin-bottom: 30px;
}
.content {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
}  .content {
} .webko-breadcrumbs {
font-size: 12px;
color: #BBBBBB;
padding: 12px 0;
}
.webko-breadcrumbs a {
text-decoration: none;
}   .searchform {
display: inline-block;
vertical-align: middle;
max-width: 100%;
width: 350px;
}
.searchform > .form-div {
overflow: hidden;
display: flex;
align-items: center;
margin: 0 auto;
}
.searchform input {
height: 44px;
width: 44px;
-webkit-appearance: none;
border-radius: 0;
}
.searchform #s {
width: 100%;
}
.searchform #searchsubmit {
padding: 10px;
border: 0;
}
.toggle-search {
display: none;
}
@media screen and (max-width: 979px) {
.searchform {
display: none;
position: absolute;
top: 55px;
left: -2.5%;
background: #fff;
width: calc(100% + 5%);
z-index: 99999;
text-align: center;
padding: 15px 0;
}
.searchform .form-div {
display: flex;
padding: 0 2.5%;
max-width: 100%;
}
.searchform input {
width: 44px;
}
.searchform #s {
width: 100%;
float: none;
}
.searchform > .form-div {
background: #fff;
}
.toggle-search:hover {
color: inherit;
}
.toggle-search {
display: inline-block;
text-align: center;
font-size: 10px;
text-decoration: none;
width: 40px;
display: block;
}
.toggle-search:before {
content: '';
display: inline-block;
width: 40px;
height: 20px;
background: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/search.svg) no-repeat center bottom;
}
.toggle-search.open:before {
background: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/menu-close.svg) no-repeat center bottom;
}
}  .footer {
border-top: 1px solid #F3F6F6;
}
.footer .flex-row {
text-align: left;
}
.footer-columns {
padding: 25px 0;
}
.footer-top, .footer-bottom {
text-align: center;
}
.footer-top .footer-item {
display: inline-block;
margin: 15px;
}
.footer-top .footer-item p {
margin: 0;
}
.footer-item ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-top img:hover {
opacity: 1;
}
.footer-top img {
opacity: 0.8;
vertical-align: middle;
}
.footer-item .item-title {
margin-bottom: 0;
margin-top: 0;
}
.footer-item p {
margin-top: 0;
padding-top: 0;
}
.footer-item a {
text-decoration: none;
}
@media screen and (max-width: 979px) {
.footer-columns .footer-column {
margin-right: 0
}
.footer-columns .footer-item {
max-height: 36px;
overflow: hidden;
transition: max-height .3s cubic-bezier(0, 1, 0, 1) -.1s;
}
.footer-columns .footer-item.open {
max-height: 1000px;
transition-timing-function: cubic-bezier(0.1, 0, 1, 0); 
transition-delay: 0s;
}
.footer-columns .footer-item .item-title:first-child {
cursor: pointer;
background: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/expand.svg) no-repeat right center;
}
.footer-columns .footer-item.open .item-title:first-child {
background: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/collapse.svg) no-repeat right center;
}
}  .webko-post-wrapper {
overflow: hidden;
padding: 0;
list-style: none;
font-size: 0;
}
.webko-post-wrapper .post-container {
position: relative;
font-size: 1rem;
display: inline-block;
vertical-align: top;
border: 1px solid #F3F6F6;
text-align: left;
padding: 20px;
text-decoration: none;
}
.webko-post-wrapper .post-container .post-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9;
}
.webko-post-wrapper .post-container .post-title {
font-size: 20px;
margin: -5px 0 0 0;
padding: 0;
line-height: 1;
height: 46px;
overflow: hidden;
}
.webko-post-wrapper .post-container .post-date {
position: absolute;
left: 0;
top: 0;
color: #fff;
z-index: 9;
font-size: 18px;
text-align: center;
width: 51px;
padding: 7px 0;
line-height: 1;
text-transform: uppercase;
font-weight: 300;
}
.webko-post-wrapper .post-container .post-date span {
display: block;
font-size: 14px;
}
.webko-post-wrapper .post-container .post-content {
font-size: 0.875em;
height: 84px;
overflow: hidden;
}
.webko-post-wrapper .post-container .attachment-post-thumbnail {
width: 100%;
height: auto;
}
.webko-post-wrapper .post-container .blog-image-wrap {
position: relative;
width: calc(100% + 40px);
height: calc(100% + 40px);
left: -20px;
top: -20px;
overflow: hidden;
background-color: #F3F6F6;
}
.webko-post-wrapper .post-container .blog-image-wrap img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.webko-post-wrapper .post-container .blog-image-wrap img {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s;
}
.webko-post-wrapper .post-container .blog-image-wrap img[src] {
visibility: visible;
opacity: 1;
}
.webko-post-wrapper .post-container .blog-image-wrap img.placeholder {
height: 60%;
top: 50%;
transform: translateY(-50%);
opacity: .7 !important;
border: 0 !important;
}
.webko-post-wrapper .post-container.featured {
width: 100%;
padding: 0;
overflow: hidden;
border: 0;
margin-top: 0;
margin-bottom: 30px;
}
.webko-post-wrapper .post-container.featured .button {
margin-top: 15px;
display: block;
}
.webko-post-wrapper .post-container.featured > img {
width: 456px;
overflow: hidden;
}
.webko-post-wrapper .post-container.featured .post-content-wrap {
display: block;
width: 100%;
position: absolute;
top: 53%;
transform: translateY(-50%);
width: calc(100% - 456px);
right: 0;
background-color: #F3F6F6;
padding: 8% 5%;
}
.webko-post-wrapper .post-container.featured .post-title {
font-size: 36px;
height: auto;
line-height: 1.1;
margin-bottom: 8px;
}
.webko-post-wrapper .post-container.featured .post-content {
font-size: 18px;
height: auto;
font-weight: 300;
}
@media screen and (max-width: 1100px) {
.webko-post-wrapper .post-container.featured .post-title {
font-size: 26px;
}
.webko-post-wrapper .post-container.featured .post-content {
font-size: 14px;
}
.webko-post-wrapper .post-container.featured .button {
font-size: 14px;
}
.webko-post-wrapper .post-container .post-title {
font-size: 16px;
line-height: .95;
}
.webko-post-wrapper .post-container.featured > img {
width: 100%;
height: auto;
max-height: 350px;
object-fit: cover;
}
.webko-post-wrapper .post-container.featured .post-content-wrap {
width: 100%;
transform: none;
position: static;
}
}  .single-post .content .size-full {
width: calc(100% + 124px);
height: 100%;
position: relative;
left: -62px;
}
.single-post .content blockquote {
font-size: 1.714em;
font-style: italic;
width: 100%;
padding: 7px 0;
margin: 0;
text-align: center;
line-height: 1.41;
font-weight: normal;
}
.single-post .content .size-full + .wp-caption-text {
width: calc(100% + 124px);
position: relative;
left: -62px;
padding: 0;
font-size: 12px;
margin: 0;
text-align: right;
opacity: .8;
}
.single-post-intro {
position: relative;
background-color: #F3F6F6;
text-align: center;
padding: 0 20px 50px 20px;
font-size: 18px;
font-weight: 300;
max-width: 917px;
margin: 50px auto 0 auto;
}
.single-post-intro .post-navigation {
position: absolute;
top: 150px;
width: 100%;
left: 0;
z-index: 9;
}
.single-post-intro .nav-next a, .single-post-intro .nav-previous a {
text-decoration: none;
position: absolute;
top: 0;
height: 55px;
width: 33px;
overflow: hidden;
color: #fff;
}
.single-post-intro .nav-previous a {
left: -75px;
background: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/prev-arrow.svg) no-repeat left 10px center;
padding: 5px 5px 5px 30px;
}
.single-post-intro .nav-next a {
right: -75px;
background: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/next-arrow.svg) no-repeat right 10px center;
padding: 5px 30px 5px 5px;
}
.single-post-intro .nav-next a:hover {
width: 220px;
background: rgba(128, 169, 170, .87) url(//gripsign.dk/wp-content/themes/webko-base/assets/images/next-arrow-hover.svg) no-repeat right 10px center;
}
.single-post-intro .nav-previous a:hover {
width: 220px;
background: rgba(128, 169, 170, .87) url(//gripsign.dk/wp-content/themes/webko-base/assets/images/prev-arrow-hover.svg) no-repeat left 10px center;
}
.single-post-intro .nav-next a:hover .meta-nav, .single-post-intro .nav-next a:hover .post-title, .single-post-intro .nav-previous a:hover .meta-nav, .single-post-intro .nav-previous a:hover .post-title {
display: block;
}
.single-post-intro .nav-next .meta-nav, .single-post-intro .nav-previous .meta-nav {
font-size: 12px;
font-weight: 500;
margin: 0;
padding: 0;
line-height: 1;
display: none;
width: calc(100% - 53px);
position: absolute;
top: 12px;
}
.single-post-intro .nav-next .meta-nav  {
left: 10px;
text-align: right;
}
.single-post-intro .nav-previous .meta-nav {
right: 10px;
text-align: left;
}
.single-post-intro .nav-next .post-title, .single-post-intro .nav-previous .post-title {
font-size: 14px;
line-height: 1.2;
margin: 0;
padding: 0;
width: calc(100% - 53px);
position: absolute;
bottom: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 300;
display: none;
}
.single-post-intro .nav-next .post-title {
text-align: right;
left: 10px;
}
.single-post-intro .nav-previous .post-title {
text-align: left;
right: 10px;
}
.no-post-thumbnail .blog-post-image-wrap {
display: none;
}
.no-post-thumbnail .single-post-intro {
margin-top: 0;
}
.no-post-thumbnail .single-post-intro .post-title {
margin-top: 0;
padding-top: 50px;
}
.blog-post-image-wrap {
width: 681px;
max-width: 100%;
margin: 0 auto;
}
.single-post-intro .blog-image-wrap {
position: relative;
margin-top: -50px;
display: inline-block;
width: 100%;
background-color: #F3F6F6;
overflow: hidden;
z-index: 1;
}
.single-post-intro .blog-image-wrap img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.single-post-intro .blog-image-wrap img {
opacity: 0;
transition: opacity 0.3s;
}
.single-post-intro .blog-image-wrap img[src] {
opacity: 1;
}
.single-post-intro .post-title {
font-size: 36px;
line-height: 1.1;
margin: 30px 0 8px 0;
}
.single-post-wrapper {
max-width: 607px;
margin: 0 auto;
text-align: left;
}
.same-category {
margin-top: 50px;
}
@media screen and (max-width: 1400px) {
.single-post-intro .nav-previous a {
left: 1.5%;
}
.single-post-intro .nav-next a {
right: 1.5%;
}
}
@media screen and (max-width: 979px) {
.post-navigation {
display: none;
}
.single-post .sidebar {
display: none;
}
}     .bfrom_body {
margin-top: 40px;
}
.gform_body ul {
list-style-type: none;
}
li.gfield {
display: inline-block;
margin-top: 13px;
}
.gfield input, .gfield select, .gfield textarea {
width: 100%;
background-color: #fff;
}
.field-full {
width: 100% !important;
}
.gform_title {
display: none;
}
ul.gform_fields {
margin: 0px;
padding: 0px;
}
input.gform_button {
margin: 0 auto;
display: block;
}
.field-right {
width: 49% !important;
float: right !important;
}
.field-left {
width: 49% !important;
float: left;
}
.woocommerce-page .form-row {
position: relative;
display: flex;
padding: 0;
margin: 0;
width: 100%;
border: 1px solid #F3F6F6;
align-items: center;
margin-top: -1px;
position: relative;
z-index: 0;
background-position: right 15px center;
background-repeat: no-repeat;
background-size: 25px;
}
.woocommerce-page .required {
text-decoration: none;
color: #FA8C8C;       
}
.woocommerce-page fieldset {
margin-top: 15px;
border: 1px solid #F3F6F6;
}
.woocommerce-page .form-row.error {
background-image: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/validation-error.svg);
z-index: 1;
}
.woocommerce-page .form-row.validated {
background-image: url(//gripsign.dk/wp-content/themes/webko-base/assets/images/validation-success.svg);
}
.woocommerce-page .form-row.focus {
border: 1px solid #80a9aa;
z-index: 2;
}
.woocommerce-page .form-row label {
width: 160px;
flex-shrink: 0;
display: block;
padding: 0 25px;
font-weight: bold;
}
.woocommerce-page .form-row .dropdown-wrap {
position: relative;
height: 56px;
width: 100%;
}
.woocommerce-page .form-row .dropdown-wrap > div {
position: relative;
width: calc(100% + 2px);
left: -2px;
}
.woocommerce-page .form-row input {
width: 100%;
height: 56px;
border: 0;
box-shadow: none;
font-weight: lighter;
background: transparent;
}
.woocommerce-page .form-row textarea {
width: 100%;
height: 150px;
border: 0;
resize: none;
box-shadow: none;
font-weight: lighter;
-webkit-appearance: none;
}
.woocommerce-page .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-page .woocommerce-input-wrapper > span {
width: calc(100% - 50px) !important;
}
.woocommerce-page .select2-container--default .select2-selection--single {
border: 0;
height: 56px;
outline: none;
line-height: 56px;
}
.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 56px;
line-height: 56px;
}
.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 0px;
}
.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-top: -4px;
}
.woocommerce-page .select2-container--open .select2-dropdown--below {
border-radius: 0;
border-color: #F3F6F6;
}
.woocommerce-page .select2-container--default .select2-results__option--highlighted[aria-selected],
.woocommerce-page .select2-container--default .select2-results__option--highlighted[data-selected],
.woocommerce-page .select2-container--default .select2-results__option[aria-selected=true],
.woocommerce-page .select2-container--default .select2-results__option[data-selected=true] {
background: transparent;
color: inherit;
outline: none;
}
.woocommerce-page .select2-container--default .select2-results__option:hover {
background-color: #f9f9f9;
color: #61257e;
}
.woocommerce-page .select2-search--dropdown {
display: none;
}  #catapult-cookie-bar {
width: 328px;
}
#catapult-cookie-bar {
left: 10px !important;
bottom: 10px !important;
padding: 15px 20px 15px;
}
#catapult-cookie-bar h3 {
margin: 0px;
}
#catapult-cookie-bar .x_close {
position: absolute;
top: 12px;
right: 8px;
cursor: pointer;
backface-visibility: hidden;
width: 14px;
height: 30px;
}
#catapult-cookie-bar .x_close span {
display: block;
position: absolute;
height: 3px;
width: 14px;
background-color: #fff;
border-radius: 6px;
opacity: 1;
left: 0;
transform: rotate(45deg);
}
#catapult-cookie-bar .x_close span:nth-child(2) {
transform: rotate(-45deg);
}
@media screen and (max-width: 979px) {
#catapult-cookie-bar {
width: 100% !important;
bottom: 0 !important;
left: 0 !important;
z-index: 99999999 !important;
}
)