:root {
   --yellow: #f5cb5c;
   --black: #141c1c;
   --dark-grey: #938e88;
   --light-grey: #bfc7c7;
   --brown: #b75334;
   --link-green: #5f7775;
   --usp-grey: rgba(20, 28, 28, 0.4);
}

.uk-navbar-right {
	align-items: center !important;
}

.yellow-call-cta a {
   color: var(--yellow);
}
.yellow-call-cta a:hover {
   color: var(--yellow);
   opacity: 0.7;
}

a {
   text-underline-offset: 5px;
}

span[uk-icon="receiver"] svg path {
   fill: currentcolor;
}

.uk-button span[uk-icon="arrow-right"] svg {
   width: 25px;
   height: 25px;
}

.uk-button span[uk-icon="mail"] {
   content: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.25 0H2.25C1.15 0 0.26 0.9 0.26 2L0.25 14C0.25 15.1 1.15 16 2.25 16H18.25C19.35 16 20.25 15.1 20.25 14V2C20.25 0.9 19.35 0 18.25 0ZM17.85 4.25L10.78 8.67C10.46 8.87 10.04 8.87 9.72 8.67L2.65 4.25C2.54973 4.19371 2.46192 4.11766 2.39189 4.02645C2.32186 3.93525 2.27106 3.83078 2.24258 3.71937C2.21409 3.60796 2.2085 3.49194 2.22616 3.37831C2.24381 3.26468 2.28434 3.15581 2.34528 3.0583C2.40623 2.96079 2.48632 2.87666 2.58073 2.811C2.67513 2.74533 2.78187 2.69951 2.8945 2.6763C3.00712 2.65309 3.12328 2.65297 3.23595 2.67595C3.34863 2.69893 3.45546 2.74453 3.55 2.81L10.25 7L16.95 2.81C17.0445 2.74453 17.1514 2.69893 17.264 2.67595C17.3767 2.65297 17.4929 2.65309 17.6055 2.6763C17.7181 2.69951 17.8249 2.74533 17.9193 2.811C18.0137 2.87666 18.0938 2.96079 18.1547 3.0583C18.2157 3.15581 18.2562 3.26468 18.2738 3.37831C18.2915 3.49194 18.2859 3.60796 18.2574 3.71937C18.2289 3.83078 18.1781 3.93525 18.1081 4.02645C18.0381 4.11766 17.9503 4.19371 17.85 4.25Z' fill='%23141C1C'/%3E%3C/svg%3E%0A");
}

.grey-divider {
   border-top: 1px solid #938e88 !important;
}

.uk-navbar-toggle .uk-navbar-toggle-icon svg rect.line-2 {
   width: 13px;
}
.uk-navbar-toggle[aria-expanded="true"] .uk-navbar-toggle-icon svg rect.line-2 {
   width: 20px;
}

.mobile-phone-btn {
   padding: 8px 18px;
}

.hero-panel .el-content p {
   font-weight: 500;
}

.ditty-item a img {
   opacity: 0.7;
}

.uk-slider-items .el-item {
	width: 100%;
}

.customer-slider .uk-dotnav {
   margin-top: 0px !important;
   position: relative;
   top: -60px;
}

.customer-slider .el-link {
   background-image: url("data:image/svg+xml,%3Csvg width='25' height='40' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23000' points='10 5 15 9.5 10 14'%3E%3C/polyline%3E%3Cline fill='none' stroke='%23000' x1='4' y1='9.5' x2='15' y2='9.5'%3E%3C/line%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: 87% 45%;
   padding-right: 69px;
   padding-left: 40px;
}

.customer-slider .el-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.service-overlay .el-link {
   background-image: url("data:image/svg+xml,%3Csvg width='25' height='40' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23fff' points='10 5 15 9.5 10 14'%3E%3C/polyline%3E%3Cline fill='none' stroke='%23fff' x1='4' y1='9.5' x2='15' y2='9.5'%3E%3C/line%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: 87% 45%;
   padding-right: 60px;
   padding-left: 40px;
}

.rounded-corners-single-column > div {
   border-radius: 20px;
}

.uk-text-large {
   font-weight: 500;
}

.uk-accordion-content .el-content p {
   color: #808080;
}

.uk-accordion-content .el-content p a {
   font-size: 16px;
   font-weight: 500;
}

#supportForms {
   color: #f5cb5c;
}

.white-form fieldset .frm_form_field,
.white-form fieldset .privacy-form-text p,
.white-form fieldset .privacy-form-text p a,
.white-form .frm_style_formidable-style.with_frm_style .frm_error {
   color: #fff !important;
}
.white-form fieldset .frm_form_field label {
   color: rgba(255, 255, 255, 0.6);
}
.white-form fieldset .frm_form_field input {
   border-color: #fff !important;
}
.white-form fieldset .frm_form_field textarea {
   border-color: #fff !important;
   border-width: 1px;
}

.package-container {
   max-width: 1215px;
   margin-left: auto;
   margin-right: auto;
}

.small-package-container {
   max-width: 1215px;
   margin-left: auto;
   margin-right: auto;
}

.package-card {
   border-radius: 20px;
   display: flex;
   flex-direction: column;
}
.package-card .uk-card-media-top img {
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   object-fit: cover;
   width: 100%;
}
.package-card > .uk-card-body {
   display: flex;
   flex-direction: column;
   height: calc(100% - 188px);
   padding: 30px 20px 35px;
}
.package-card .el-meta p {
   margin: 0;
}
.package-usp-list {
   list-style: none;
   padding-left: 4px;
   padding-bottom: 18px;
}
.package-usp-list > :nth-child(n + 2) {
   margin-top: 5px;
}
.package-usp-list li p {
   margin: 0;
   font-weight: 500;
   padding-left: 8px;
   font-size: 16px;
}

.package-usp-list li img {
	object-fit: contain;
}

.right-column-form fieldset .privacy-form-text p {
   text-align: left;
   font-size: 12px !important;
   font-weight: 500;
   margin-bottom: 0;
}
.right-column-form fieldset .frm_submit {
   text-align: left;
}

.color-part {
   padding: 0 20px 0 16px;
   line-height: 1.2;
   font-size: 14px;
}
.color-part p {
   margin: 16px 0;
}

.color-part a {
   /*     color: #f5cb5c; */
   color: #fff;
   padding-left: 17px;
   font-weight: 500;
}
.color-part img {
   padding-right: 13px;
   width: 40px;
	object-fit: contain;
}

/* Kundcase arkiv START*/

/* [data-archive-page].hidden-page {
    visibility: hidden;
    position: absolute;
} */

.filter-wrapper {
   display: flex;
   flex-direction: column;
}

.filter-dropdown div.uk-dropdown {
   min-width: fit-content;
   max-width: fit-content;
   width: 250px;
   padding: 20px;
   /* margin-top: 5px; */
}

.filter-dropdown-btn {
   position: relative;
   padding: 0px 10px 7px 10px;
   font-size: 16px;
   width: 230px;
   border-bottom: 1px solid #1c1c1c;
   border-radius: unset;
   text-align: left;
   color: var(--dark-grey);
}
.filter-dropdown-btn:hover {
   cursor: pointer;
}
.filter-dropdown-btn:after {
   content: url("/wp-content/themes/videotech-child/assets/img/parent-icon.svg");
   position: absolute;
   /* width: 10px;
    height: 12px; */
   right: 3px;
   top: 0px;
   transform: rotate(0deg);
}

.filter-dropdown-btn[aria-expanded="true"]:after {
   content: url("/wp-content/themes/videotech-child/assets/img/parent-icon.svg");
   position: absolute;
   /* width: 10px;
    height: 12px; */
   right: 3px;
   top: -5px;
   transform: rotate(180deg);
}

.filter-dropdown .uk-list {
   margin-bottom: 0;
   font-size: 16px;
}
.filter-dropdown .uk-list li:first-child {
   margin-top: 0px;
}
.filter-dropdown .uk-list li:not(first-child) {
   margin-top: 20px;
}
.filter-dropdown .uk-list li a {
   font-weight: 400;
   font-size: 16px;
   color: var(--black);
}
.filter-dropdown .uk-list li a:hover {
   text-decoration: underline;
   text-underline-offset: 5px;
   color: var(--black);
}

.clear-filter {
   line-height: 1.1;
   padding: 10px 9px 8px 8px;
   font-size: 14px;
   margin-right: 15px;
}
.clear-filter span {
   opacity: 0.8;
   padding-right: 3px;
   text-transform: lowercase;
}

.search-wrapper input::placeholder {
   color: var(--dark-grey);
}

.swiper-wrapper {
   /* justify-content: space-evenly; */
}

.swiper-slide {
   width: fit-content !important;
   margin-right: 50px;
}

.case-archive-item-image {
   height: 100%;
   object-fit: cover;
   width: 100%;
}
.case-archive-link {
   font-size: 20px;
   margin-top: 20px;
}

.case-archive-item-image-container:not(.uk-flex-first) .case-archive-item-image {
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}
.case-archive-item-image-container.uk-flex-first .case-archive-item-image {
   border-bottom-right-radius: 0px;
   border-top-right-radius: 20px;
   border-bottom-left-radius: 0px;
   border-top-left-radius: 20px;
}

.slidernav-wrapper > a.uk-invisible {
   visibility: unset !important;
}
.slidernav-wrapper > a.uk-invisible svg path {
   fill: #808080;
}

/* kundcase END */

.customercase-quote p {
   margin-bottom: 0 !important;
   margin-top: 0;
}

.customercase-quote p span {
   font-size: 50px;
   font-style: normal;
}

.customercase-quote .el-footer {
   display: flex;
   flex-direction: column;
}
.customercase-quote .el-author {
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
}

@media (max-width: 368px) {
   .color-part > p.uk-text-uppercase {
      width: min-content;
   }
   .color-part > p:last-child {
      margin-top: 23px;
      margin-left: 20px;
   }
}

@media (max-width: 640px) {
   .single-column-form fieldset .frm_form_field.frm4 {
      grid-column: span 12 / span 12;
   }
   .single-column-form fieldset .privacy-form-text p {
      font-size: 12px !important;
      text-align: left;
      font-weight: 500;
   }
   .three-columns-form fieldset .privacy-form-text p {
      text-align: left;
      font-size: 12px !important;
      font-weight: 500;
   }
   .three-columns-form fieldset .frm_submit {
      text-align: left;
   }
   .customercase-quote {
      padding-top: 15px;
   }

   .ditty-item {
      padding: 0 15px;
   }
   .ditty-item__content a img {
      max-width: 160px;
   }
   .sm-mobile-btn .el-content,
   .sm-mobile-btn-second .el-item:last-child .el-content {
      padding: 0 20px;
   }
   .frm_button_submit {
      padding: 20px 25px !important;
   }
}

@media (min-width: 640px) {
   .single-column-form fieldset .frm_form_field {
      grid-column: span 11 / span 11;
   }
   .single-column-form fieldset .privacy-form-text p {
      text-align: left;
      font-weight: 500;
      font-size: 18px !important;
      padding-top: 30px;
   }
   .single-column-form fieldset .privacy-form-text p a {
      font-size: 16px !important;
   }
   .single-column-form fieldset .frm_submit {
      text-align: left !important;
   }
   .three-columns-form fieldset .privacy-form-text p {
      font-size: 14px !important;
      font-weight: 400;
   }
   .three-columns-form fieldset .privacy-form-text p a {
      font-weight: 500 !important;
   }
   .case-row .uk-card {
      padding: 50px 30px;
   }
   .case-archive-item-image {
      height: 230px;
   }
}

@media (max-width: 960px) {
   .uk-text-meta,
   .el-meta {
      font-size: 12px;
   }
   h3,
   .uk-h3 {
      font-size: 28px;
   }
   .uk-text-large {
      font-size: 16px;
   }

   .rounded-right-column > div,
   .rounded-right-column > div > div {
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
   }
   .rounded-left-column > div,
   .rounded-left-column > div > div {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
   }

   .rounded-left-column.keep-mobile > div {
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
   }

   .bottom-section-left-column > div,
   .bottom-section-left-column > div > div {
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
   }
   .bottom-section-right-column > div,
   .bottom-section-right-column > div > div {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
   }

   /*     li.menu-item:not(:nth-child(3)) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    ul.uk-nav-sub li {
        padding: 20px 0 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background-color: #f8f8f8;
    }
    ul.uk-nav-sub li a {
        border: none;
        padding-left: 40px;
    }

    div.widget_search {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
    .uk-search .uk-search-icon {
        right: 10px;
        left: unset;
    }
    .uk-search-default
        .uk-search-icon:not(.uk-search-icon-flip)
        ~ .uk-search-input {
        padding-left: 20px;
    } */

   .customer-slider .el-link {
      background-image: url("data:image/svg+xml,%3Csvg width='25' height='40' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23000' points='10 5 15 9.5 10 14'%3E%3C/polyline%3E%3Cline fill='none' stroke='%23000' x1='4' y1='9.5' x2='15' y2='9.5'%3E%3C/line%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: 90% 45%;
      padding-right: 46px;
      padding-left: 20px;
      line-height: 45px;
   }

   span#job-area {
      display: block;
      color: #676767;
      font-size: 16px;
   }
   li.mobile-parent-icon > a {
      position: relative;
   }
   li.mobile-parent-icon > a:after {
      content: url("/wp-content/themes/videotech-child/assets/img/parent-icon.svg");
      transform: rotate(180deg);
      padding-left: 7px;
      position: absolute;
      right: 20px;
   }
   .mobile-archive-description {
      background-color: #f3f3f3;
      padding: 15px 12px;
   }
   .mobile-archive-description p {
      padding-left: 12px;
      color: #676767;
   }
   .mobile-archive-description svg {
      height: 24px;
      width: 34px;
   }
   #comp-dropdown {
      margin-bottom: 20px;
   }
   .filter-dropdown-btn {
      width: 94%;
   }
   .filter-dropdown div.uk-dropdown {
      width: 99%;
   }
   .case-title {
      font-size: 28px;
      margin-top: 0px;
   }
}

@media (min-width: 960px) {
   .uk-navbar-container .uk-container-expand {
      padding-left: 30px;
      padding-right: 30px;
   }

   .hero-panel .el-content p {
      font-size: 22px;
   }
   .rounded-right-column:not(.uk-flex-first) > div,
   .rounded-right-column:not(.uk-flex-first) > div > div,
   .bottom-section-right-column > div,
   .bottom-section-right-column > div > div {
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
   }
   .rounded-left-column > div,
   .rounded-left-column > div > div,
   .bottom-section-left-column > div,
   .bottom-section-left-column > div > div {
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
   }
   .lower-bar {
      background-color: lightgrey;
   }
   .color-part {
      max-width: fit-content;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
      padding: 0 60px 0 25px;
   }
   .color-part img,
   .text-part p {
      padding-right: 17px;
      font-size: 16px;
   }
   .text-part {
      background-color: lightgrey !important;
   }
   .text-part a {
      color: #141c1c;
      font-weight: 500;
   }
   .close-bar-container {
      padding: 14px;
   }
   .color-part > p {
      padding-right: 20px;
      max-width: 95px;
      line-height: 1.2;
      margin: 16px 0;
   }

   span#job-title {
      display: inline-block;
      width: 45%;
   }
   span#job-area {
      display: inline-block;
      width: 30%;
      margin-left: auto;
   }

   #label-job-title {
      display: inline-block;
      width: 45%;
   }
   #label-job-area {
      display: inline-block;
      width: 30%;
      margin-left: auto;
   }
   .job-accordion {
      border-bottom: 1px solid rgba(0, 0, 0, 0.4);
      border-top: 1px solid rgba(0, 0, 0, 0.4);
   }
   #job_3324 .popmake-1763 {
      display: none;
   }

   .filter-wrapper {
      flex-direction: row;
      justify-content: space-evenly;
      max-width: 910px;
   }
   .active-filter-wrapper {
      max-width: 750px;
   }
   .search-wrapper {
      margin-top: -10px;
   }
   .swiper-slide {
      margin-right: 90px;
   }

   .uk-navbar-dropdown-nav > li > a {
      padding: 6px 0;
   }

   .case-max-height {
      height: 450px;
   }
   .case-panel .el-content {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
   }
   .case-archive-item-image {
      height: 100%;
   }
   .case-archive-link {
      font-size: 18px;
      margin-top: auto;
   }
   .case-first-column {
      order: -1;
   }
   .case-title {
      margin-top: 30px;
   }
   .case-columns:has(div.uk-flex-first\@m) .rounded-left-column > div,
   .case-columns:has(div.case-first-column) .rounded-left-column > div,
   .case-columns:has(div.uk-flex-first) .rounded-left-column > div {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
   }
   .rounded-right-column.uk-flex-first\@m > div,
   .rounded-right-column.case-first-column > div {
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
   }
   .case-archive-item-image-container:not(.case-first-column) .case-archive-item-image {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
   }
   .case-archive-item-image-container.case-first-column .case-archive-item-image,
   .case-archive-item-image-container.case-first-column .case-archive-item-image {
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
   }
}

@media (max-width: 1200px) {
   li.menu-item:not(.uk-parent) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   }
   ul.uk-nav-sub li {
      padding: 20px 0 15px;
      background-color: #f8f8f8;
   }
   ul.uk-nav-sub li:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
   }
   ul.uk-nav-sub li:not(:last-child) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   }
   ul.uk-nav-sub li a {
      border: none;
      padding-left: 40px;
   }

   div.widget_search {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
   }
   .uk-search .uk-search-icon {
      right: 10px;
      left: unset;
   }
   .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
      padding-left: 20px;
   }
}

@media (min-width: 1200px) {
   .home-link {
      display: none;
   }
   .uk-modal-close-full {
      top: 65px;
      right: 20px;
   }
   .right-column-form fieldset .frm_submit button {
      font-size: 16px !important;
      padding: 20px 16px !important;
   }
   .right-column-form fieldset .privacy-form-text,
   .right-column-form fieldset .frm_submit {
      grid-column: span 6 / span 6;
   }
   .right-column-form fieldset .privacy-form-text {
      padding-top: 30px;
   }
   .right-column-form fieldset .frm_submit {
      padding-top: 20px;
   }
   .case-row .uk-card {
      padding: 64px 130px;
   }
   .case-panel .el-content {
      font-size: 18px;
   }
}

@media (min-width: 1475px) {
   .right-column-form fieldset .frm_submit button {
      font-size: 18px !important;
      padding: 20px 30px !important;
   }
}