/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .wd-shortcode-wrapper {
    background: #f5f5f5;
 }
.wd-shortcode-wrapper > .wp-block-kadence-rowlayout:first-child > .kt-row-layout-inner {
      background: -moz-linear-gradient(top,  rgba(63,147,199,1) 0%, rgba(63,147,199,1) 94px, rgba(250,250,250,1) 94px, rgba(250,250,250,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(63,147,199,1) 0%,rgba(63,147,199,1) 94px,rgba(250,250,250,1) 94px,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(63,147,199,1) 0%,rgba(63,147,199,1) 94px,rgba(250,250,250,1) 94px,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f93c7', endColorstr='#FFfafafa',GradientType=0 ); /* IE6-9 */
}
.wd-shortcode-wrapper > .wp-block-kadence-rowlayout:first-child > .kt-row-layout-inner > .kt-row-column-wrap {
   max-width: var(--global-content-width, 1290px );
   margin: 0 auto;
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 18px;
   padding-bottom: 64px;
   padding-left: 24px;
}
.wd-shortcode-wrapper #filter-form input.form-control:focus {
   color: inherit;
   border-color: #fff!important;
   background: #fff!important;
   outline: 0;
   box-shadow: none;
   border-radius: 0;
}
.wd-shortcode-wrapper #filter-form input.form-control {
   border: 1px solid #fff;
   border-radius: 0;
   padding: 1em 0.5em!important;
}
.wd-shortcode-wrapper #filter-form > .row {
   margin-top: 42px;
}
.wd-shortcode-wrapper #filter-form > div.form-group {
			display:flex;
   flex-direction: row-reverse;
   border-radius: 0;
   border: none;
   padding: 0;
}
.wd-shortcode-wrapper #filter-form > div.form-group > button {
   margin-left: 0;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    width: 16px;
    background-color: #fff!important;
    background-image: url(/interflex/wp-content/uploads/sites/12/2022/03/search.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
}





 .wd-shortcode-wrapper .row {
    margin-bottom:0;
 }
 select.form-control {
   display:none;
 }

.card.wdcard {
    padding: 32px;
    gap: 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.1);
    margin:0;
    margin-bottom:48px;
}

 .card.wdcard .card-title {
    font-family: 'Gentona';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.02em;
    color: #212121;
    margin-bottom:16px;
    margin-top:16px;
 }
 .card.wdcard p {
    font-family: 'Gentona';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 148%;
    letter-spacing: 0.03em;
    color: #212121;
    margin:0;
 }
 .card.wdcard a {
    font-family: 'Gentona';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 168%;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #49a6d3;
    margin-top:16px;
    display:inline-block;
 }
#filter-form ul{
   padding:0;
   min-width: 100%;
    border-radius: 0;
    max-height:230px!important;
}

#filter-form .io-wd-field-holder {
   display:Flex;
   flex-direction: column;
}
#filter-form label.checkbox {
   padding: 3px 5px 3px 3px;
   white-space: nowrap;
   text-transform: capitalize;
}


.io-main-content-wrapper {
   position: relative;
 }
 
 #io-loading-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.3); /* semi-transparent white background */
   z-index: 9999;
   display:none;
 }
 #io-loading-spinner {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 60px;
   height: 60px;
   border-radius: 50%;
   border: 4px solid #f3f3f3;
   border-top: 4px solid #49a6d3;
   animation: spin 2s linear infinite;
 }
 @keyframes spin {
   0% {
     transform: translate(-50%, -50%) rotate(0deg);
   }
   100% {
     transform: translate(-50%, -50%) rotate(360deg);
   }
 }

#io-wd-pagination {
   display: flex;
    align-items: center;
    justify-content: center;
}
#io-wd-pagination ul {
   list-style-type: none;
   margin:0;
   padding: 0;
   display:flex;
}
#io-wd-pagination a {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 0;
   border: 1px solid #bdbdbd;
   padding: 0;
   width: 48px;
   height: 48px;
   background-color: #fff;
   color: #616161;
   text-decoration:none;
   margin: 0 8px;
   
}
#io-wd-pagination li:not(.disabled) a {
   cursor: pointer;
}
#io-wd-pagination li.active a {
   border-color: #49a6d3;
   background-color: #49a6d3;
   color: #fff;
   font-weight: 600;
}

.meta-item {
   display:Flex;
   align-items: center;
   justify-content: flex-start;
   margin: 0 0 10px 0;
}

.io-wd-field-holder button {
   padding:16px;
   border:1px solid #bdbdbd;
   background:#fff;
   border-radius:0;
   display: flex;
   align-items: center;
   justify-content: space-between;
}


 .io-above-the-listing {
   max-width: 65%;
   margin: 20px auto 50px;
   padding: 0 15px;
 }
 #io-wd-listing > div.row {
   max-width: 65%;
   margin: 0 auto;
 }

 #filter-form li.disabled {
   display: none;
} 



.wd-shortcode-wrapper #filter-form label {
    font-family: Gentona;
    font-size: 12px;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.24px;
    margin-bottom:8px;
    color: #212121;
}
.wd-shortcode-wrapper #filter-form .btn:hover,
.wd-shortcode-wrapper #filter-form .btn:focus,
.wd-shortcode-wrapper #filter-form .btn:active {
    color: inherit!important;
    background-color: #fff;
    border-color: #bdbdbd;
    box-shadow:none;
}
.wd-shortcode-wrapper #filter-form button span {
    font-family: Gentona;
    font-size: 16px;
    line-height: 148%;
    letter-spacing: 0.48px;
    color: #9e9e9e;
}
.wd-shortcode-wrapper #filter-form .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    width: 10px;
    height: 10px;
    content: "";
    border: 1px solid!important;
    border-width: 0 1px 1px 0!important;
    transform: rotateZ(45deg);
    border-color: #918F8F!important;
}
.wd-shortcode-wrapper #filter-form ul.multiselect-container {
    background: #204A64;
    transform: translate3d(0px, 57px, 0px)!important;
}
.wd-shortcode-wrapper #filter-form ul.multiselect-container::-webkit-scrollbar {
  width: 7px;
}
.wd-shortcode-wrapper #filter-form ul.multiselect-container::-webkit-scrollbar-track {
  background: #204A64; 
}
.wd-shortcode-wrapper #filter-form ul.multiselect-container::-webkit-scrollbar-thumb {
  background: #ccc; 
}
.wd-shortcode-wrapper #filter-form ul.multiselect-container::-webkit-scrollbar-thumb:hover {
  background: #fff; 
}
.wd-shortcode-wrapper #filter-form ul.multiselect-container input[type=checkbox] {
    width: 23px;
    height: 23px;
    outline: 1px solid #bdbdbd;
    margin-bottom: 0;
    margin-right:10px;
    float:left;
}
.wd-shortcode-wrapper #filter-form ul.multiselect-container input[type=checkbox]:checked {
    width: 24px;
    height: 24px;
    outline: none;
}
.wd-shortcode-wrapper #filter-form label.checkbox {
    color: #fff;
    font-family: Gentona;
    font-size: 16px;
    font-weight: 500;
    line-height: 23.68px;
    letter-spacing: 0.48px;
    margin-bottom: 0;
}
.wd-shortcode-wrapper #filter-form ul.multiselect-container li {
    padding: 8px!important;
}
.wd-shortcode-wrapper > .wp-block-kadence-rowlayout:first-child .kt-row-column-wrap {
    z-index:2;
}
.wd-shortcode-wrapper #filter-form > div.form-group {
    position: relative;
}
.wd-shortcode-wrapper #filter-form > div.form-group:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url('https://interflex.com/de-de/wp-content/uploads/sites/12/2022/12/search_24px.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 16px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}
.wd-shortcode-wrapper #filter-form #wdsearch {
   padding-left: 40px;
}
.wd-shortcode-wrapper .io-wd-page-title {
    color: #212121;
    font-family: Gentona;
    font-size: 48px;
    font-weight: 600;
    line-height: normal;
}
.wd-shortcode-wrapper .io-wd-searchresults {
    color: #616161;
    font-family: Gentona;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 132%;
}
.wd-shortcode-wrapper #filter-form .wp-block-search__button {
    background-color: #49A6D3;
    width: fit-content;
    padding: 16px 32px;
    opacity: 1!important;
    cursor: pointer!important;
    margin: 0;
}
.wd-shortcode-wrapper .wdcard a {
    position: relative;
    text-decoration: none;
}
.wd-shortcode-wrapper .wdcard a:after,
.single-wdjobs .io-wd-modal-opener a:after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    margin-bottom: -3px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    background-color: currentColor;
    mask-image: url('https://interflex.com/de-de/wp-content/uploads/sites/12/2022/10/navigation-arrow.png');
    -webkit-mask-image: url('https://interflex.com/de-de/wp-content/uploads/sites/12/2022/10/navigation-arrow.png');
    mask-position: center center;
    -webkit-mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 16px 16px;
    -webkit-mask-size: 16px 16px;
}
.wd-shortcode-wrapper #io-wd-listing .row:last-child .wdcard {
    margin-bottom:0;
}
.wd-shortcode-wrapper #io-wd-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 48px;
    margin-bottom: 40px;
}


.single-wdjobs .site-container {
    max-width: var(--global-content-width);
}
.io-wd-single-wrapper h1 {
    color: var(--text-default, #212121);
    text-align: left;
    font-family: Gentona;
    font-size: 2em;
    font-weight: 600;
    margin: 64px 0 48px;
}
.io-wd-single-wrapper .io-wd-metas-holder {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   padding-left: 2em;
}
.io-wd-single-wrapper .io-wd-metas-holder .meta-item span {
    color: var(--text-default, #212121);
    font-family: Gentona;
    font-size: 24px;
    font-weight: 400;
    line-height: 132%;
}
.io-wd-single-wrapper .io-wd-metas-holder .meta-item img {
    display: inline-block;
    margin-right: 16px;
}
.io-wd-single-wrapper .wp-block-buttons {
    margin-top: 30px!important;
    margin-bottom: 37px!important;
    justify-content: flex-start;
}
.io-wd-single-wrapper h2 {
    color: var(--text-default, #212121);
    text-align: left;
    font-family: Gentona;
    font-size: 32px;
    font-weight: 600;
}
.io-wd-single-wrapper .io-wdjob-content {
    margin-top: 120px;
}
.single-wdjobs .single-content .io-wd-single-wrapper {
    max-width: var(--global-content-narrow-width);
    margin: 0 auto;
}
.single-wdjobs .single-content .io-wd-single-wrapper.wider {
    max-width: var(--global-calc-content-width);
    margin: 0 auto;
}

.modal-window {
   position: fixed;
   background-color: rgba(255, 255, 255, 0.25);
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 999;
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s;
 }
 .modal-window:target {
   visibility: visible;
   opacity: 1;
   pointer-events: auto;
 }
 .modal-window > div {
   width: 400px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 2em;
   background: white;
 }
 .modal-window header {
   font-weight: bold;
 }
 .modal-window h1 {
   font-size: 150%;
   margin: 0 0 15px;
 }
 
 .modal-close {
   color: #aaa;
   line-height: 50px;
   font-size: 80%;
   position: absolute;
   right: 0;
   text-align: center;
   top: 0;
   width: 70px;
   text-decoration: none;
 }
 .modal-close:hover {
   color: black;
 }
 
#wdjobs-action-modal {
   background: rgba(0,0,0,.4);
}
#wdjobs-action-modal .modal-content {
   background: #fff;
}
#wdjobs-action-modal .modal-header {
   justify-content: flex-end;
   padding-bottom:0;
}
#wdjobs-action-modal .modal-body {
   padding-top:0;
   padding-bottom: 50px;
}
#wdjobs-action-modal .modal-title {
	text-align: center;
}
#wdjobs-action-modal .modal-body h6 {
   font-weight:400;
   margin-bottom: 40px;
	text-align:center;
}
#wdjobs-action-modal .close {
   background: none;
   color: #212121;
   padding:0;
}
#wdjobs-action-modal .close span {
   font-size: 1.5em;
}
#wdjobs-action-modal .modal-body a.btn {
   width: 100%;
   margin:10px auto;
   background: var(--global-palette-btn-bg);
   color: var(--global-palette-btn);
   font-weight: 400;
   padding: 16px 0;
}

.wd-shortcode-wrapper #filter-form > .row .input-field:last-child button {
   justify-content: center!important;
}
.wd-shortcode-wrapper #filter-form #io-wd-filter-reset img.rotate {
   /* Define the styles for the button when the "rotate" class is added */
   animation: rotateAnimation 0.1s infinite;
   transform-origin: center center;
 }
 
 @keyframes rotateAnimation {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }



.single-wdjobs .content-area {
   /*background: #fafafa;
   background: -moz-linear-gradient(top, #fafafa 0%, #fafafa 580px, #ffffff 581px, #ffffff 100%) !important;
   background: -webkit-linear-gradient(top, #fafafa 0%,#fafafa 580px,#ffffff 581px,#ffffff 100%) !important;
   background: linear-gradient(to bottom, #fafafa 0%,#fafafa 580px,#ffffff 581px,#ffffff 100%) !important;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 );*/
   margin-top:0;
   padding-top:10px;
}

.single-wdjobs #inner-wrap {
   background: #fff;
}

/* #filter-form li.disabled {
   display: inherit!important;
}

#filter-form li.disabled label {
   opacity: 0.5;
} */


.fab-container .sub-button a:after {
   display:none!important;
}
.fab-container {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
   user-select: none;
   position: relative;   
   margin:0!important;
}
.fab-container.activated {
   height: fit-content;
}
.fab-container.activated .sub-button:nth-child(2) {
   transform: translateX(80px);
}
.fab-container.activated .sub-button:nth-child(3) {
   transform: translateX(140px);
}
.fab-container.activated .sub-button:nth-child(4) {
   transform: translateX(200px);
}
.fab-container.activated .sub-button:nth-child(5) {
   transform: translateX(260px);
}
.fab-container.activated .sub-button:nth-child(6) {
   transform: translateX(320px);
}
.fab-container .fab {
   position: relative;
   background-color: #204A64;
   z-index: 2;
   border-radius:3px;
}

.fab-container .fab .fab-content {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
   color: white;
}
.fab-container .fab .fab-content .material-icons {
   color: white;
   font-size: 48px;
}
.fab-container .sub-button {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   bottom: 4px;
   right: 10px;
   height: 50px;
   width: 50px;
   background-color: #4ba2ff;
   border-radius: 50%;
   transition: all 0.3s ease;
}
.fab-container .sub-button:hover {
   cursor: pointer;
}
.fab-container .sub-button .material-icons {
   color: white;
   padding-top: 6px;
}

#io-no-results-text {
   max-width: 65%;
   margin: 0 auto;
   padding: 0 15px;
}
.io-hidden-element {
   display:none;
}
.io-wd-single-wrapper .io-wd-metas-holder .meta-item:last-child img {
   filter: invert(63%) sepia(60%) saturate(616%) hue-rotate(169deg) brightness(87%) contrast(90%);
}
#io-wd-filtermagic {
   max-height:0;
   height:fit-content;
   overflow:hidden;
}
#io-wd-filtermagic.wdactivated {
   max-height:200px;
   overflow: unset!important;
}