/* =========================================================
   iPROMAX Careers - Responsive Device Layer
   Phones / Tablets / Laptops / Desktops
   ========================================================= */

:root{
  --ipx-safe-left: env(safe-area-inset-left, 0px);
  --ipx-safe-right: env(safe-area-inset-right, 0px);
  --ipx-safe-bottom: env(safe-area-inset-bottom, 0px);
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
  overflow-x:hidden;
}

body{
  min-width:320px;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

img,svg,video,canvas{
  max-width:100%;
}

img{
  height:auto;
}

input,select,textarea,button{
  max-width:100%;
}

textarea{
  resize:vertical;
}

a,button,label,input,select,textarea{
  touch-action:manipulation;
}

a,button{
  -webkit-tap-highlight-color:transparent;
}

.ipx-safe-x{
  padding-left:max(1rem,var(--ipx-safe-left));
  padding-right:max(1rem,var(--ipx-safe-right));
}

.ipx-safe-bottom{
  padding-bottom:max(1rem,var(--ipx-safe-bottom));
}

.ipx-touch{
  min-height:44px;
}

.ipx-break{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.ipx-scroll-x{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-inline:contain;
}

.ipx-scroll-x::-webkit-scrollbar{
  display:none;
}

.map-tag{
  min-height:36px;
}

.map-tag svg{
  width:14px;
  height:14px;
  flex:0 0 auto;
}

.vacancy-actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.dynamicRow{
  min-width:0;
}

/* Phone */
@media (max-width:767px){
  /* Prevent automatic input zoom on iPhone Safari */
  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea,
  .field{
    font-size:16px !important;
  }

  input[type="file"]{
    width:100%;
    overflow:hidden;
  }

  .panel{
    border-radius:20px !important;
    padding:1rem !important;
  }

  .dynamicRow{
    padding:.9rem !important;
  }

  .dynamicRow label.mt-6{
    margin-top:.5rem !important;
  }

  .ipx-section-heading{
    align-items:flex-start !important;
    flex-wrap:wrap !important;
  }

  .ipx-section-heading > button{
    flex:0 0 auto;
  }

  .ipx-photo-row{
    align-items:flex-start !important;
  }
}

/* Small phone */
@media (max-width:420px){
  .ipx-brand-subtitle{
    display:none;
  }

  .vacancy-actions{
    grid-template-columns:1fr;
  }

  .ipx-mobile-stack{
    flex-direction:column;
    align-items:stretch;
  }

  .ipx-mobile-full{
    width:100%;
  }

  .ipx-photo-row{
    flex-direction:column;
  }
}

/* Touch devices should not depend on hover movement */
@media (hover:none){
  .ipx-hover-lift:hover{
    transform:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}