/*===================================================================
  Base Layout Stylesheet

  This stylesheet is used by all sub-sites (Joomla, Admin, Kayako)
  as basis. Any Joomla-specific styles apart from Header and Footer 
  sections should be defined in template.less file.

  Notice: Do not edit layout.css file directly. Changes will be 
  lost when LESS files are compiled. Please locate source LESS file 
  for modifications, or add CSS on custom.css file for site-specific
  changes.
/===================================================================*/
/*===================================================================
  Base Styles
/-------------------------------------------------------------------*/
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/asap/v33/KFOOCniXp96a4Tc2DaTeuDAoKsE617JFc49knOIYdjTYkqUsLg.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
body {
  font-family: 'Asap', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
}
a {
  color: #fc4f00;
  text-decoration: none;
}
a:hover {
  color: #962f00;
}
/*-------------------------------------------------------------------
  Bootstrap
/-------------------------------------------------------------------*/
.btn:active:focus {
  box-shadow: none;
}
.btn-lg {
  font-size: 1rem;
}
.btn-primary {
  background-color: #fc4f00;
  border-color: #fc4f00;
}
.btn-primary:hover,
.btn-primary:active {
  background-color: #c93f00;
  border-color: #c93f00;
}
/*===================================================================
  Website Layout
  source: layout.less
/-------------------------------------------------------------------*/
html {
  height: 100%;
}
body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
/*-------------------------------------------------------------------
  Body
/-------------------------------------------------------------------*/
.sp-body {
  flex-grow: 1;
}
.sp-body > .container {
  padding: 2rem 0;
}