/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;700;800&display=swap');
@font-face { font-family: 'Avenir Next Black';  src: url('https://content.hirespace.com/hubfs/Fonts/eot/Avenir%20Next%20%28Big%20Top%29/avenir_next_metropolis-black-webfont.eot') format('eot'), url('https://content.hirespace.com/hubfs/Fonts/woff/Avenir%20Next%20%28Big%20Top%29/avenir_next_metropolis-black-webfont.woff') format('woff'), url('https://content.hirespace.com/hubfs/Fonts/ttf/Avenir%20Next%20%28Big%20Top%29/avenir_next_metropolis-black-webfont.ttf') format('truetype');}
@font-face { font-family: 'Avenir Next Bold';  src: url('https://content.hirespace.com/hubfs/Fonts/eot/Avenir%20Next%20%28Big%20Top%29/avenir_next_metropolis-bold-webfont.eot') format('eot'), url('https://content.hirespace.com/hubfs/Fonts/woff/Avenir%20Next%20%28Big%20Top%29/avenir_next_metropolis-bold-webfont.woff') format('woff'), url('https://content.hirespace.com/hubfs/Fonts/ttf/Avenir%20Next%20%28Big%20Top%29/avenir_next_metropolis-bold-webfont.ttf') format('truetype');}
@font-face { font-family: 'Avenir Next Regular';  src: url('https://content.hirespace.com/hubfs/Fonts/eot/Avenir%20Next%20%28Big%20Top%29/avenir_next_metropolis-regular-webfont.eot') format('eot'), url('https://content.hirespace.com/hubfs/Fonts/woff/Avenir%20Next%20%28Big%20Top%29/avenir_next_metropolis-regular-webfont.woff') format('woff'), url('https://content.hirespace.com/hubfs/Fonts/ttf/Avenir%20Next%20%28Big%20Top%29/avenir_next_metropolis-regular-webfont.ttf') format('truetype');}
@font-face { font-family: 'Brandon Grotesque Black';  src: url('https://content.hirespace.com/hubfs/Fonts/eot/Brandon%20Grotesque/brandon_blk-webfont.eot') format('eot'), url('https://content.hirespace.com/hubfs/Fonts/woff/Brandon%20Grotesque/brandon_blk-webfont.woff') format('woff'), url('https://content.hirespace.com/hubfs/Fonts/ttf/Brandon%20Grotesque/brandon_blk-webfont.ttf') format('truetype');}
@font-face { font-family: 'Proxima Nova';  src: url('https://content.hirespace.com/hubfs/Fonts/eot/Proxima%20Nova/proxima-nova-regular.eot') format('eot'), url('https://content.hirespace.com/hubfs/Fonts/woff/Proxima%20Nova/proxima-nova-regular.woff') format('woff'), url('https://content.hirespace.com/hubfs/Fonts/ttf/Proxima%20Nova/proxima-nova-regular.ttf') format('truetype');}
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


h2.position-name, .jb-title {
font-family: 'Brandon Grotesque Black', Helvetica, Sans-Serif;
  font-size: 25px;
}

h2.position-name, .jb-title {
  text-align: center !important;
}

#personio-iframe strong {
  font-weight: 400 !important;
  font-family: proxima nova, helvetica, sans-serif !important;
}

#personio-iframe {
  margin-top:30px;
}

.position-meta {
  margin:auto;
}

#hs_cos_wrapper_widget_1641221684135 .feature-tile span.quote, .jb-description span {
  font-size: 16px !important;
  margin-bottom: 10px !important;
  font-family: proxima nova, helvetica, sans-serif !important;
}

.clearfix_icon {
  margin-left: 0 !important;
  margin-bottom: 10px !important;
}

.space-2r {
  display: none !important;
}

.positions-container {
  height: auto;
}

a {
  font-family: Proxima Nova, Open Sans;
}



.module__hero-header.hero-header--category-page {
  background-color: #1d1f24 !important;
}



.module__hero-header {
  background-size: 100%;
}


a.button.is-success {
  background-color:transparent;
  border-color:#fff;
  box-shadow:none;
  color:#fff;
  font-family: Proxima Nova, Open Sans;
  font-weight: 700;
}

a.button.is-success: hover {
  background-color:#fff;
  color: #282a2f;
  font-family: Proxima Nova, Open Sans;
  font-weight: 700;
}

a.button.is-light.is-outlined {
  background-color: transparent;
  color: #282a2f;
  border-color: #282a2f;
  font-family: Proxima Nova, Open Sans;
  font-weight: 700;
}

a.button.is-light.is-outlined: hover {
  background-color: #282a2f;
  color: #f2f5f8;
  border-color: #f2f5f8;
  font-family: Proxima Nova, Open Sans;
  font-weight: 700;
}

.section pb-0 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.hero-body is-flex is-justify-content-center is-flex-direction-column has-text-centered {
  padding-left: 70px !important;
  padding-right: 70px !important;
}


h1.mb-1 {
  display:none
}

th.pricing {
  padding:5px;
  margin:0px;
}

td.pricing {
  padding:5px;
  margin:0px;
}

p {
  font-family: Proxima Nova, Open Sans;
  font-weight: 400;
}

p.title.is-spaced.has-heading-font.has-text-bold {
  font-family: Brandon Grotesque !important;
  font-weight: 900;
  text-align: center;
}

p.title {
  font-family: brandon grotesque !important;
}

p.subtitle.mb-0 {
  font-family: Proxima Nova;
  font-weight: 400;
  text-align: center;
}

h1 {
  font-family: Brandon Grotesque, Proxima Nova, Open Sans;
  font-size: 50px !important;
  font-weight: 900 !important;
}

.module__hero.hero--category-page {
  min-height: 400px !important;
  background-color: #f2f5f8 !important;
}

.footer .hero.is-dark {
  background-color: #282a30 !important;
}


h1.title {
  font-family: Brandon Grotesque Black, Proxima Nova, Open Sans;
  font-size: 55px !important;
  font-weight: 400 !important;
  margin-bottom: 12px !important;
}

h2 {
  font-family: Brandon Grotesque, Proxima Nova, Open Sans;
  font-weight: 900;
  font-size: 40px !important
}

h3 {
  font-family: Brandon Grotesque, Proxima Nova, Open Sans;
  font-weight: 900
}

h4 {
  font-family: Brandon Grotesque, Proxima Nova, Open Sans;
  font-weight: 900
}

span.title {
  font-family: Brandon Grotesque, Proxima Nova, Open Sans;
  font-weight: 500
}



a.button is-success {
  background-color: #007BA8
}

section.module__hero.hero--category-page.hero.is-dark {
  background-image: none !important;
  background-color: #f2f5f8 !important;
}


a.button: hover {
  border-color: #007BA8;
  background: #007BA8;
  color: #fff
}

a.cta_button.Outline-BUTTONS: hover {
  border-color: #007BA8;
  background: #007BA8;
  color: #fff
}


.module__hero-header.hero-header--category-page .hero-body .columns .column {
  padding: 0px 8px;
}

.module__hero-header.hero-header--category-page .hero-body img {
  padding: 20px 0px 0px 0px;
}



.grid-container-element { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-gap: 20px; 
    border: 1px solid black; 
    width: 50%; 
} 
.grid-child-element { 
    margin: 10px; 
    border: 1px solid red; 
}




/* CSS styling for the jobs section*/

li.bzOpening {
    padding-top: 20px;
    padding-bottom: 20px;
    display: block !important;
    flex: 0 1 auto; /* Default */
    list-style-type: none;
    margin: auto
}

ul.bzOpeningsList {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 80%;
    overflow: visible;
    margin: auto;
}

#bzOpeningsContainer {
  padding-top: 50px;
  padding-bottom: 40px;
}

.bzButtonApply {
  display: none;
}

.bzOpeningsList.h2 {
font-family: 'Brandon Grotesque Black', Proxima Nova, Open sans, 'sans-serif' !important;
color: #282a2f !important;
text-align: center;
}

div.position-meta {
text-align: center
}


h1.main-header {
display: none;
}

.bzMeta {
    color: #282a2f;
    font-family: proxima nova;
  display: flex;
    flex-wrap: wrap;
  justify-content: center;
  margin:auto;
}

.bzLocation, .bzType, .bzRemote, .bzDepartment {
  padding-left: 5px;
  padding-right: 5px;
  font-family: 'proxima nova';
  color: #282a2f;
  font-size: 13px;
  font-weight: 200;
}

li h2 {
  font-family: 'Brandon Grotesque Black', Proxima Nova, Open sans, 'sans-serif' !important;
  color: #282a2f;
  font-size: 24px !important;
  font-weight: 500;
  margin-bottom: 0px;
  line-height: 1.2;
}

.hero-body .column.has-text-centered {
  align-items: center;
  display: flex;
  justify-content: center;
}

.hero-body .buttons {
    margin-bottom: 30px;
}

@media only screen and (max-width:1000px){
#item1 {
  display: none;
}
}

@media screen and (max-width: 975px) {
li h2 {
  line-height: 1.2;
}
  
.feature-img {
  width: 100% !important;
}

}

@media only screen and (max-width: 500px) {
  #ourstory {
    padding: 0px !important;
  }

}

.polgot {
    display: none;
}

i.fa.fa-map-marker {
display: none;
}

i.fa.fa-wifi {
display:none
}


#personio-iframe .container.header-container.container-inside-iframe, .image-title-header, #personio-iframe .job-summary-desc, .subtitle-class, .jobs-empty, .multi-offices-mobile, .jb-link {
  display:none !important;
}

#personio-iframe > div.tab-content-wrapper:first-of-type {
  display:none
}


.job-category-wrapper {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  color:#282a2f
}

.job-category-wrapper > * {
max-width: 500px;
  margin: 20px 40px;
}