@font-face{font-family:'NotoSans';src:url(/UP/HPv3_staging/Assets/JobexchangeFonts/27181af6-01a6-4b42-bd98-005326c18b24/06d9a5c4-e618-4852-b37b-24f62df2d8f6.ttf) format('truetype');font-weight:normal;font-style:normal;}/* ===== 1. Variables ===== */ /* ===== 2. Typography ===== */  @font-face {   font-family: ClearfaceGothic; } body {   font-family: Calibri, Verdana, Arial;   color: #555555;   font-size: 16px; } .text-bold {   font-weight: bold; } h1 {   color: #0b3a61; } h2 {   color: #0b3a61; } h3 {   color: #0b3a61; } a {   color: #0b3a61; } a:hover {   color: #0b3a61;   text-decoration: underline; } /* ===== 3. General page layout ===== */  body {   background-color: #e9e9e9; } #logo-image {   width: 130px;   height: 130px;   background-image: url(/UP/HPv3_staging/Assets/JobexchangeImages/59aa0297-02a6-475e-8b18-51c887cd25a6/cec084cf-e301-41ae-be62-b4131983b2b6.jpg);   background-size: 100% 100%;   border-radius: 10px; } .ctrl {   border: 1px solid #0b3a61;   padding-left: 18px; } .ctrl:active, .ctrl:focus {   border: 1px solid #0b3a61;   box-shadow: 0 0 0 0 #0b3a61; } #app {   margin-top: -40px; } /* ===== 4. Forms & Form controls ===== */  .button, .button.apply {   border: none;   font-size: 16px;   margin-top: 1em;   background-color: #0b3a61;   color: white;   border-radius: 4px;   height: 34px;   line-height: 16px;   padding: 9px 24px; } .button.blue {   background-color: #0b3a61;   color: white; } .button:hover, .button.blue:hover, .button.apply:hover, .button.secondary:hover {   background-color: #4576a6;   color: white; } .button.secondary {   border: 1px solid #0b3a61;   background-color: white;   color: #555555; } .alert {   padding: 5px 15px;   z-index: 99999;   margin-top: 20px; } .field-validation-error {   padding: 5px;   display: block; } .alert.alert-danger, .field-validation-error {   background-color: #8b1820;   color: white; } /* ===== 5. Header ===== */  .head-wrap {   padding-bottom: 0;   background-color: white; } ul.nav.nav-horizontal li a {   color: #555555;   font-size: 18px;   font-weight: bold;   line-height: 20px; } .nav-container {   width: 1170px;   position: relative; } .nav-container .brand-name {   padding-top: 0; } .nav-container .brand-name img {   width: 130px;   border-bottom-left-radius: 10px;   border-bottom-right-radius: 10px; } .nav-container .brand-name, .nav-container .brand-name a {   color: white;   font-size: 1.2em;   font-weight: bold; } @media (max-width: 1025px) {   .nav-container {     width: 100%;   }   .joboffers-filter-list {     padding: 0 !important;   } } .breadcrumbs-wrapper {   padding: 1em; } .breadcrumbs-wrapper .nav.breadcrumbs li, .breadcrumbs-wrapper .nav.breadcrumbs a {   font-style: italic;   color: #888888; } .breadcrumbs-wrapper .nav.breadcrumbs li.active, .breadcrumbs-wrapper .nav.breadcrumbs li.active a {   font-style: normal; } .breadcrumbs-wrapper .nav.breadcrumbs li.separator {   color: #333333; } /* ===== 6. Content area ===== */  .content {   padding: 15px;   background-color: white; } /* ===== 7. Footer area ===== */  footer {   padding: 2em;   color: #ededed;   position: relative;   bottom: 0;   width: 100%; } footer a {   color: white; } footer .footer-container {   width: 1170px;   margin: 0px auto; } footer .legal_notes {   text-align: right;   margin-bottom: 0;   padding-bottom: 0 !important; } footer .legal_notes a {   color: #0b3a61;   text-decoration: underline;   font-size: 12px; } footer .legal_notes a:hover {   color: #4576a6; } footer ul.menu-language {   margin: 4px 0 0 0;   padding: 0;   list-style-position: outside; } footer ul.menu-language li::before {   content: ""/"";   padding-right: 5px;   font-size: 12px; } footer ul.menu-language li:first-of-type::before {   content: """"; } footer ul.menu-language li {   display: inline-block;   list-style: outside none none; } @media (max-width: 1025px) {   footer .footer-container {     width: 100%;   } } /* ===== 8. Navigation ===== */  .nav.nav-horizontal {   position: absolute;   bottom: 60px;   left: 170px; } .nav.nav-horizontal a {   color: #0b3a61; } .nav.nav-horizontal li.active a, .nav.nav-horizontal a:hover {   color: #0b3a61; } @media (max-width: 768px) {   ul.nav.nav-horizontal {     margin-left: 1.5rem;     bottom: 50px;   }   ul.nav.nav-horizontal li a {     padding: .25rem 0;     line-height: auto;   } } /* ===== 9. Joboffers overview page ===== */  .joboffers-filter-box {   background-color: #0b3a61;   border-bottom: 4px solid #e0ea6f;   padding: 1em;   color: white; } .joboffers-filter-box > .container {   padding-bottom: 0 !important; } .joboffers-filter-box .col:nth-of-type(4n) {   clear: left; } .joboffers-filter-box .label-row {   padding-bottom: 0; } .joboffer-filters-body {   padding: 0 20px; } .joboffers-filter-list {   padding: 10px 20px 0 20px; } .joboffers-filter-list ul {   margin: 0;   padding: 0;   list-style-type: none;   display: inline-block;   margin-left: 1rem; } .joboffers-filter-list ul li {   display: inline-block;   margin-right: .5rem;   padding: .5rem 1rem;   border: 1px solid white;   border-radius: 4px; } .joboffers-filter-list ul li a {   color: #f8f8f8;   margin-left: .5rem; } .joboffers-filter-list ul li a i.fa {   min-width: auto;   font-size: .75rem; } .joboffers-filter-list ul li a:hover {   text-decoration: none;   cursor: pointer; } @media (max-width: 720px) {   .joboffers-filter-list ul {     margin: 0;   }   .joboffers-filter-list ul li {     margin: 5px 5px 0 0;   } } .joboffer-filters ul.joboffer-filters-bar li i.fa, .joboffers-filter-list i.fa {   min-width: 30px;   text-align: center; } .mobile-filter #radius-filter > .row .col {   padding: 0; } .select2-dropdown {   z-index: 9999; } a.favorite i.fa {   color: #555555; } a.favorite i.fa.fa-heart {   color: #0b3a61; } a.favorite:hover i.fa {   color: #0b3a61; } a.favorite:hover i.fa.fa-heart-o:before {   content: ""\f004""; } a.favorite:hover i.fa.fa-heart:before {   content: ""\f08a"";   color: #555555; } #joboffer-tiles .container {   padding: 1rem; } #joboffer-tiles .fa.fa-refresh.fa-spin {   margin-right: 5px; } @media (min-width: 1600px) {   .container {     width: 1400px;     margin: 0px auto;   } } .tiles-wrapper {  display: flex;  flex-wrap: wrap; } .joboffer-tile {   border: none;   position: relative;   margin-bottom: 20px;   text-overflow: ellipsis;   background-color: white;   flex-direction: column; } .joboffer-tile .tile-heading {   position: relative;   max-height: 250px;   overflow: hidden; } .joboffer-tile .tile-heading img {   width: 100%;   max-width: 100%;   -moz-transition: all 0.3s;   -webkit-transition: all 0.3s;   transition: all 0.3s; } .joboffer-tile .tile-heading a.favorite-button {   background-color: white;   position: absolute;   top: 0;   right: 0;   padding: 5px;   text-align: center; } .joboffer-tile .tile-heading a.favorite-button:hover {   cursor: pointer;   background-color: #0b3a61; } .joboffer-tile .tile-heading a.favorite-button:hover i.fa {   color: white; } .joboffer-tile .tile-heading:hover img {   -moz-transform: scale(1.05);   -webkit-transform: scale(1.05);   transform: scale(1.05); } .joboffer-tile .tile-body {   padding: 10px;   position: relative;   color: #555555;   background-color: white;   height: 100%;   width: 100%;   flex-direction: column } .joboffer-tile .tile-body h3.tile-headline {   margin-bottom: 10px;   padding: 0;   font-size: 22px; } .joboffer-tile .tile-body h3.tile-headline a, .joboffer-tile .tile-body h3.tile-headline a:hover {   color: #0b3a61;   text-decoration: none; } .joboffer-tile .tile-body h3.tile-headline.tile-headline-small {   font-size: 18px; } .joboffer-tile i.fa {   display: inline-block;   width: 20px;   text-align: center; } .joboffer-tile i.fa.fav:before {   content: ""\f08a""; } .joboffer-tile.favorite i.fa.fav:before {   content: ""\f004""; } .joboffer-tile.favorite a.favorite-button:hover {   background-color: #10558f; } .joboffer-tile.favorite a.favorite-button:hover i.fa {   color: #0b3a61; } @media (max-width: 1600px) {   .joboffer-tile .tile-heading {     min-height: 230px;     max-height: 230px;   } } @media (max-width: 992px) {   .joboffer-tile .tile-heading {     min-height: 220px;     max-height: 220px;   } } @media (max-width: 720px) {   .joboffer-tile .tile-heading {     width: 100%;     height: 100%;     min-height: 0;     max-height: 100%;   }   .joboffer-tile .tile-body {     margin-top: -10px;   } } .joboffer-tile:hover {   cursor: pointer; } .joboffer-filters {   text-align: center;   position: relative;   z-index: 9999; } .joboffer-filters ul.joboffer-filters-bar li a {   color: white; } input.ctrl, select.ctrl {   height: 52px; } span.select2.select2-container {   width: 100% !important; } .joboffer-map {   width: 100%;   border-bottom: 4px solid #0b3a61;   padding: 0; } .joboffer-map > div {   height: 450px;   padding: 0; } .pac-container {   z-index: 10000 !important; } a.favorite i.fa {   color: #555555; } a.favorite i.fa.fa-heart {   color: #0b3a61; } a.favorite:hover i.fa {   color: #0b3a61; } a.favorite:hover i.fa.fa-heart-o:before {   content: ""\f004""; } a.favorite:hover i.fa.fa-heart:before {   content: ""\f08a"";   color: #555555; } #joboffers-list .row.table-row .col {   padding: 10px 0.75rem; } .container.initializing {   color: #cacaca;   text-align: center;   font-size: 2rem;   margin-top: 2rem;   margin-bottom: 2rem; } /* ===== 10. Joboffer advert page ===== */  .annonce-description ul {   margin-left: 1em; } .annonce-description ul li div {   display: inline; } .contact-person-photo {   max-width: 200px; } .social-media-icons a {   color: #bbbbbb;   font-size: 2em;   letter-spacing: 0.7em; } .social-media-icons a:hover {   color: #10558f; } /* ===== 11. Jobalert signup form ===== */  .form .ctrl {   border-color: #4576a6; } /* ===== 12. Style select2 controls ===== */  .select2-container--default.select2-container--focus .select2-selection, .select2-container--default .select2-selection {   border-color: #0b3a61;   border-right: 1px solid #0b3a61;   border-radius: 0; } .select2-container .select2-selection {   padding: 0.68em; } .select2-container .select2-selection ul {   padding: 0;   margin: 0; } .select2-container .select2-selection ul li {   list-style-type: none; } .select2-container--default .select2-selection .select2-selection__choice {   background-color: #eeeeee;   border: 1px solid #cccccc;   color: #888888;   font-size: 0.7em;   border-radius: 0;   margin-top: 0; } .select2-search--dropdown .select2-search__field {   color: #666666;   padding: 10px;   border: 1px solid #0b3a61; } .select2-search--dropdown .select2-search__field:focus {   box-shadow: none;   outline: none; } .select2-container .select2-selection--single {   height: auto; } .select2-container--default .select2-results__option--highlighted[aria-selected] {   background-color: #0b3a61; } .jobalert-form-modal .select2-search__field {   width: 100% !important; } /* ===== 13. Google maps ===== */  #map {   height: 100%; } /* ===== 14. Pagination ===== */  ul.pagination {   display: none;   margin-top: 20px; } ul.pagination li.active a {   background-color: #0b3a61; } ul.pagination li a:hover {   background-color: #10558f;   border-color: #cccccc; } .select2-container .select2-search--inline .select2-search__field {   padding-top: 5px;   font-size: 13px !important;   font-family: Arial; }