/*
Theme Name: PRH 2020 - PassReno'Habitat
Author: Emmanuel Mutel
Author URI: http://www.sanpan.com
*/
/* 11.01.2022 */
/*--------------------------------------------------------------*/
/* Roboto */
@font-face
{
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;

    src: local('Roboto Regular'), url('fonts/roboto/Roboto-Regular.woff') format('woff');
}

@font-face
{
    font-family: 'Roboto Bold';
    font-weight: normal;
    font-style: normal;

    src: local('Roboto Bold'), url('fonts/roboto/Roboto-Bold.woff') format('woff');
}

/* Comfortaa */
@font-face
{
    font-family: 'Comfortaa';
    font-weight: normal;
    font-style: normal;

    src: local('Comfortaa'), url('fonts/comfortaa/Comfortaa-Regular.woff') format('woff');
}

@font-face
{
    font-family: 'Comfortaa Bold';
    font-weight: normal;
    font-style: normal;

    src: local('Comfortaa Bold'), url('fonts/comfortaa/Comfortaa-Bold.woff') format('woff');
}

/*--------------------------------------------------------------
// PassReno'Habitat
//--------------------------------------------------------------*/
.portail {
  --theme-color: #617e00;
}

.particuliers {
  --theme-color: #617e00;
}

.professionnels {
  --theme-color: #008124;
}

/*--------------------------------------------------------------
// BASE 
//--------------------------------------------------------------*/
body {
  font-family: 'Roboto', arial, sans-serif;
  line-height: 1.35;
  background: white;
}

a:not(.btn):hover,
a:not(.btn):focus {
  color: var(--theme-color, #617e00);
}

a:not(.btn):hover [class*='fa-']::before,
a:not(.btn):focus [class*='fa-']::before {
  color: var(--theme-color, #617e00);
}

/*--------------------------------------------------------------
// TYPOS
//--------------------------------------------------------------*/
@media (min-width: 576px) {
  h1,
    h2 {
    font-family: 'Comfortaa Bold', arial, sans-serif;
  }
}

h3,
h4,
h5,
h6 {
  font-family: 'Roboto', arial, sans-serif;
}

@media (min-width: 576px) {
  .home h3,
    .home h4 {
    font-family: 'Comfortaa Bold', arial, sans-serif;
  }
}

@media (min-width: 576px) {
  .h1,
    .h2,
    .h3 {
    font-family: 'Comfortaa Bold', arial, sans-serif;
  }
}

.h4,
.h5,
.h6 {
  font-family: 'Roboto', arial, sans-serif;
}

.home .h4,
.home .h5,
.home .h6 {
  font-family: 'Roboto', arial, sans-serif;
}

body:not(.home) :not(.Card) h3,
body:not(.home) :not(.Card) .h3 {
  color: var(--theme-color, #617e00);
}

body:not(.home) :not(.Card) h5,
body:not(.home) :not(.Card) .h5,
body:not(.home) :not(.Card) h6,
body:not(.home) :not(.Card) .h6 {
  color: #464644;
}

.home .heading-subtitle,
.heading-subtitle {
  font-family: 'Roboto', arial, sans-serif;
}

.text-primary {
  color: var(--theme-color, #617e00) !important;
}

.text-secondary {
  color: #da3914 !important;
}

/*--------------------------------------------------------------
// COLORS
//--------------------------------------------------------------*/
::-moz-selection {
  color: white;
  background: var(--theme-color, #617e00);
}

::selection {
  color: white;
  background: var(--theme-color, #617e00);
}

.bg-light {
  background-color: #f4f0ec !important;
}

.bg-dark {
  background-color: #635b4f !important;
}

.bg-brown-100 {
  background-color: #f8f6f4;
}

.bg-brown-200 {
  background-color: #f4f0ec;
}

.bg-brown-300 {
  background-color: #ddd4ca;
}

.bg-brown-400 {
  background-color: #c4b6a5;
}

.bg-brown-500 {
  background-color: #ab977f;
}

.bg-brown-600 {
  background-color: #8b7155;
}

.bg-brown-700 {
  background-color: #635b4f;
}

/*--------------------------------------------------------------
// BOUTONS
//--------------------------------------------------------------*/
.btn {
  border-radius: 2px;
}

.btn-primary {
  border-color: #617e00;
  border-color: var(--theme-color, #617e00);
  background-color: #617e00;
  background-color: var(--theme-color, #617e00);
}

.btn-primary:hover,
.btn-primary:focus {
  color: #617e00;
  color: var(--theme-color, #617e00);
  border-color: #617e00;
  border-color: var(--theme-color, #617e00);
  background-color: white;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: white;
  border-color: #a4a4a1;
  background-color: #a4a4a1;
}

.btn-secondary {
  color: #617e00;
  color: var(--theme-color, #617e00);
  border-color: #617e00;
  border-color: var(--theme-color, #617e00);
  background-color: white;
}

.btn-secondary:hover,
.btn-secondary:focus {
  color: white;
  border-color: #617e00;
  border-color: var(--theme-color, #617e00);
  background-color: #617e00;
  background-color: var(--theme-color, #617e00);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #a4a4a1;
  border-color: #a4a4a1;
  background-color: #f3f3f2;
}

.btn-outline {
  border-width: 2px;
}

.btn-outline-primary {
  color: #161615;
  border-color: #8ab400;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  border-color: #617e00;
  background-color: #617e00;
}

.btn-outline-secondary {
  color: #161615;
  border-color: var(--theme-color, #617e00);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  border-color: var(--theme-color, #617e00);
  background-color: var(--theme-color, #617e00);
}

/*--------------------------------------------------------------
// LAYOUT
//--------------------------------------------------------------*/
.navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon::before {
  color: #617e00;
}

@media (max-width: 991px) {
  .navbar-identity .navbar-nav .btn:hover span,
    .navbar-identity .navbar-nav .btn:focus span {
    color: #4f6800;
  }
}

.navbar-main {
  border-top-color: #8ab400;
  border-bottom-color: #8ab400;
}

.navbar-main .main-menu .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  color: #617e00;
}

.navbar-main .main-menu .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded='true']:after {
  border-bottom-color: #da3914;
}

.navbar-main .main-menu .navbar-nav .nav-item .dropdown-item {
  -webkit-transition: all .15s ease-in-out 0s;
  -o-transition: all .15s ease-in-out 0s;
  transition: all .15s ease-in-out 0s;
}

.navbar-main .main-menu .navbar-nav .nav-item .dropdown-item:hover,
.navbar-main .main-menu .navbar-nav .nav-item .dropdown-item:focus {
  color: white;
  background-color: var(--theme-color, #617e00);
}

.navbar-main .main-menu .navbar-nav .nav-item .dropdown-item.active {
  background-color: var(--theme-color, #617e00);
}

.navbar-main .main-menu .navbar-nav .nav-item .dropdown-item.active:hover,
.navbar-main .main-menu .navbar-nav .nav-item .dropdown-item.active:focus {
  color: white;
}

footer .footer-wrapper {
  background-color: #ddd4ca;
}

footer .footer-wrapper a {
  color: #161615;
}

.breadcrumb .breadcrumb-item.active {
  color: var(--theme-color, #617e00);
}

/*--------------------------------------------------------------
// CONTENU STANDARD
//--------------------------------------------------------------*/
table tfoot tr:last-child td {
  color: #a92c10;
}

.custom-control.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--theme-color, #617e00);
  background-color: var(--theme-color, #617e00);
}

.checkbox-cards input[type='radio'].checkbox-card + label::after,
.checkbox-cards input[type='checkbox'].checkbox-card + label::after {
  font-family: 'Font Awesome 5 Free';
  content: '\f0c8';
}

.checkbox-cards input[type='radio'].checkbox-card + label:hover::after,
.checkbox-cards input[type='checkbox'].checkbox-card + label:hover::after {
  content: '\f14a';
}

.checkbox-cards input[type='radio'].checkbox-card:checked + label::after,
.checkbox-cards input[type='checkbox'].checkbox-card:checked + label::after {
  content: '\f14a';
}

/*--------------------------------------------------------------
// MODULES et COMPOSANTS
//--------------------------------------------------------------*/
.external-link {
  position: relative;
  padding-right: .25rem;
}

.external-link::after {
  font-family: 'Font Awesome 5 Free';
}

.link-list .link-list-title {
  font-family: 'Comfortaa Bold', arial, sans-serif;
}

.link-list .list-group-item a::before {
  font-family: 'Font Awesome 5 Free';
}

.jumbotron {
  padding: 2rem;
  background-color: #f4f0ec;
}

@media (max-width: 991px) {
  .jumbotron {
    padding: 2rem 1rem;
  }
}

.spinner-loader {
  color: var(--theme-color, #617e00);
}

body .card .card-body {
  -webkit-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

body .card .card-body .card-title {
  -webkit-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  color: var(--theme-color, #617e00);
}

@media (min-width: 576px) {
  body .card .card-body .card-title {
    font-family: 'Comfortaa Bold', arial, sans-serif;
  }
}

body .card .card-body.bg-light .card-title {
  color: #2d2d2b;
}

body .card .card-body.bg-light:after {
  background-color: #8ab400;
}

body .card .card-body.bg-dark {
  background-color: #635b4f !important;
}

body .card.card-img .card-body .card-title {
  color: var(--theme-color, #617e00);
  color: #2d2d2b;
  border-bottom: 6px solid #8ab400;
}

@media (min-width: 576px) {
  body .card.card-img .card-body .card-title {
    font-family: 'Roboto', arial, sans-serif;
  }
}

body .card.card-sticker .card-title {
  font-family: 'Roboto', arial, sans-serif;
}

body .card.card-sticker img + .card-title {
  font-family: 'Comfortaa Bold', arial, sans-serif;
}

body .card .card-link:hover .card-body,
body .card .card-link:hover .card-body.bg-light,
body .card .card-link:focus .card-body,
body .card .card-link:focus .card-body.bg-light,
body .card > a:hover .card-body,
body .card > a:hover .card-body.bg-light,
body .card > a:focus .card-body,
body .card > a:focus .card-body.bg-light {
  border-color: var(--theme-color, #617e00);
  border-top-color: transparent;
  background-color: var(--theme-color, #617e00) !important;
}

body .card .card-link:hover .card-body *,
body .card .card-link:hover .card-body.bg-light *,
body .card .card-link:focus .card-body *,
body .card .card-link:focus .card-body.bg-light *,
body .card > a:hover .card-body *,
body .card > a:hover .card-body.bg-light *,
body .card > a:focus .card-body *,
body .card > a:focus .card-body.bg-light * {
  color: white;
}

body .card .card-link:hover .card-title,
body .card .card-link:focus .card-title,
body .card > a:hover .card-title,
body .card > a:focus .card-title {
  color: var(--theme-color, #617e00);
  color: white;
  border-bottom-color: white;
}

.professionnels main .card .card-body.bg-light:after {
  background-color: var(--theme-color, #8ab400);
}

.professionnels main .card.card-img .card-body .card-title {
  border-bottom: 6px solid var(--theme-color, #8ab400);
}

.professionnels main .card .card-link:hover .card-title,
.professionnels main .card .card-link:focus .card-title,
.professionnels main .card > a:hover .card-title,
.professionnels main .card > a:focus .card-title {
  border-bottom-color: white;
}

.nav-tabs .nav-item .nav-link:hover:after,
.nav-tabs .nav-item .nav-link:focus:after {
  background-color: #c4b6a5;
}

.nav-tabs .nav-item .nav-link.current,
.nav-tabs .nav-item .nav-link.active {
  color: var(--theme-color, #617e00);
}

.nav-tabs .nav-item .nav-link.current:after,
.nav-tabs .nav-item .nav-link.active:after {
  background-color: var(--theme-color, #617e00);
}

body .highlight .card .card-header .card-title {
  font-family: 'Comfortaa Bold', arial, sans-serif;
  color: #2d2d2b;
}

body .highlight .card .card-body.bg-light {
  background-color: #f8f6f4 !important;
}

body .highlight-success .card::after {
  background-color: #8ab400;
}

body main .cta-title {
  font-family: 'Comfortaa Bold', arial, sans-serif;
  color: #2d2d2b;
}

body main .cta .cta-title {
  font-family: 'Comfortaa Bold', arial, sans-serif;
  color: #2d2d2b;
}

body main .cta.bg-light {
  background-color: #f4f0ec;
}

body main .aside-wrapper.bg-light {
  background-color: #f4f0ec;
}

main .alert.layout1,
main .alert.layout2 {
  background-color: #f4f0ec;
}

main .bg-light .alert.layout1,
main .bg-light .alert.layout2 {
  background-color: white;
}

main .alert.alert-success [class*='fa-'] {
  color: #617e00;
}

main .alert.alert-warning [class*='fa-'] {
  color: #ee771a;
}

main .alert.alert-danger,
.privateuserlist-export .alert.alert-danger {
  background-color: #f9e9e8;
}

main .alert.alert-danger [class*='fa-'],
.privateuserlist-export .alert.alert-danger [class*='fa-'] {
  color: #d02024;
}

main .alert.alert-info [class*='fa-'] {
  color: #008edb;
}

main .hero-faire {
  background: white;
}

main .hero-header .hero--heading {
  font-family: 'Comfortaa Bold', arial, sans-serif;
}

main .hero-header .heading-subtitle {
  font-size: calc(var(--type-title-base) - 65%);
  line-height: normal;
}

main .hero-header .heading-subtitle span {
  color: inherit;
}

@media (min-width: 992px) and (max-height: 760px) {
  main .hero-header .hero--content .card .card-img {
    max-width: 180px;
  }
}

@media (min-width: 992px) and (max-height: 650px) {
  main .hero-header .hero--content .card .card-img {
    max-width: 150px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  main .hero-header .hero--content .card .card-img {
    max-width: 250px;
  }
}

@media (min-width: 768px) and (max-width: 991px) and (max-height: 760px) {
  main .hero-header .hero--content .card .card-img {
    max-width: 180px;
  }
}

@media (min-width: 768px) and (max-width: 991px) and (max-height: 650px) {
  main .hero-header .hero--content .card .card-img {
    max-width: 150px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  main .hero-header .hero--content .card .card-img {
    max-width: 200px;
  }
}

@media (min-width: 576px) and (max-width: 767px) and (max-height: 760px) {
  main .hero-header .hero--content .card .card-img {
    max-width: 150px;
  }
}

@media (max-width: 575px) {
  main .hero-header .hero--content .card .card-img {
    max-width: 200px;
  }
}

@media (max-width: 575px) and (max-height: 760px) {
  main .hero-header .hero--content .card .card-img {
    max-width: 180px;
  }
}

main .hero-header .hero--content .card .card-title {
  color: #2d2d2b;
  border-bottom: none;
}

@media (min-width: 576px) {
  main .hero-header .hero--content .card .card-title {
    font-family: 'Comfortaa Bold', arial, sans-serif;
  }
}

@media (min-width: 576px) {
  main .hero-header .hero--content .card .btn {
    font-family: 'Comfortaa Bold', arial, sans-serif;
  }
}

main .hero-header .hero--content .card.particuliers .btn:after {
  background-color: #8ab400;
}

main .hero-header .hero--content .card.professionnels .btn:after {
  background-color: #008124;
}

main .hero-header.particuliers .heading-subtitle span {
  color: inherit;
}

main .hero-header.professionnels .heading-subtitle span {
  color: inherit;
}

.menu-pages:before {
  background-color: #8ab400;
}

.menu-pages .section-heading {
  margin-top: 0;
  color: #464644;
}

.menu-pages ul .list-group-item.active {
  color: var(--theme-color, #617e00);
}

.professionnels .menu-pages:before {
  background-color: var(--theme-color, #8ab400);
}

.menu-subpages nav .list-group-item.active {
  color: var(--theme-color, #617e00);
  background: transparent;
}

.menu-subpages nav .list-group-item.active:before,
.menu-subpages nav .list-group-item.active:after {
  background-color: #8ab400;
}

.professionnels .menu-pages:before {
  background-color: var(--theme-color, #8ab400);
}

.professionnels .menu-subpages nav .list-group-item.active:before,
.professionnels .menu-subpages nav .list-group-item.active:after {
  background-color: var(--theme-color, #8ab400);
}

.dialogue-page-question .dialogue-question {
  font-family: 'Roboto', arial, sans-serif;
}

.dialogue-page-question .checkbox-cards input[type='radio'].checkbox-card + label::after,
.dialogue-page-question .checkbox-cards input[type='checkbox'].checkbox-card + label::after {
  font-weight: 900;
  content: '';
}

.dialogue-page-question .checkbox-cards input[type='radio'].checkbox-card + label:hover::after,
.dialogue-page-question .checkbox-cards input[type='checkbox'].checkbox-card + label:hover::after {
  font-weight: 400;
}

.dialogue-page-question .checkbox-cards input[type='radio'].checkbox-card:checked + label,
.dialogue-page-question .checkbox-cards input[type='checkbox'].checkbox-card:checked + label {
  background-color: var(--theme-color, #617e00);
}

.dialogue-page-question .checkbox-cards input[type='radio'].checkbox-card:checked + label::after,
.dialogue-page-question .checkbox-cards input[type='checkbox'].checkbox-card:checked + label::after {
  font-weight: 900;
}

.news-default .badge-category {
  background-color: #008edb;
}

.news-event .badge-category {
  background-color: #da3914;
}

.news-rex .badge-category {
  color: #2d2d2b !important;
  background-color: #ffe406;
}

.news-focusPro .badge-category {
  background-color: #008124;
}

/*--------------------------------------------------------------
// Composants Accessibles https://van11y.net/
//--------------------------------------------------------------*/
/* tooltip styles */
.simpletooltip {
  background: #0074b2;
}

.simpletooltip a,
.simpletooltip a:not(.btn) {
  color: white;
}

.simpletooltip a:hover,
.simpletooltip a:focus,
.simpletooltip a:not(.btn):hover,
.simpletooltip a:not(.btn):focus {
  text-decoration: none;
  color: white;
}

.simpletooltip::before {
  border-right-color: #0074b2;
}

@media (max-width: 767px) {
  .simpletooltip::before {
    border-color: transparent;
    border-bottom-color: #0074b2;
  }
}

.van11y-ttip-tooltip {
  color: white;
  border-color: #0074b2;
  background: #0074b2;
}

.van11y-ttip-tooltip a {
  color: white;
}

.van11y-ttip-tooltip a:hover,
.van11y-ttip-tooltip a:focus {
  text-decoration: none;
  color: white;
}

.van11y-ttip-tooltip::before {
  border-right-color: #0074b2;
}

/*--------------------------------------------------------------
// HOME TMP  (site en construction)
//--------------------------------------------------------------*/
.home-tmp .header-tmp {
  max-width: 600px;
}

@media (max-width: 767px) {
  .home-tmp .header-tmp {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .home-tmp .header-tmp-col-logo {
    margin-left: -15px;
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-height: 760px) {
  .home-tmp .header-tmp-col-logo {
    max-width: 25%;
  }
}

@media (min-width: 768px) {
  .home-tmp .header-tmp-col-title {
    padding-right: 0;
  }
}

@media (min-width: 768px) and (max-height: 760px) {
  .home-tmp .header-tmp-col-title {
    max-width: 74%;
  }
}

.home-tmp .header-tmp-brand {
  margin-bottom: .5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #2d2d2b;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (min-width: 768px) {
  .home-tmp .header-tmp-brand {
    padding-top: 4rem;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media (max-width: 767px) {
  .home-tmp .header-tmp-brand {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

.home-tmp .header-tmp-title {
  font-family: 'Roboto', arial, sans-serif;
  font-size: 17px;
  font-size: 1.0625em;
  font-weight: normal;
  display: block;
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 768px) {
  .home-tmp .header-tmp-title {
    margin-bottom: 0;
    margin-left: .5rem;
    padding-right: 0;
    padding-left: 3.5rem;
    border-left: 1px solid #2d2d2b;
  }
}

@media (max-width: 767px) {
  .home-tmp .header-tmp-title {
    width: 100%;
    text-align: center;
  }
}

.home-tmp .header-tmp-logo {
  width: 250px;
  height: inherit;
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  .home-tmp .header-tmp-logo {
    width: 100%;
    max-width: 200px;
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) and (max-height: 760px) {
  .home-tmp .header-tmp-logo {
    max-width: 150px;
  }
}

.home-tmp .header-tmp-partners {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 768px) {
  .home-tmp .header-tmp-partners {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}

.home-tmp .header-tmp-partners .list-img img {
  width: inherit;
  height: 40px;
  margin-left: 1rem;
}

.home-tmp .main-tmp {
  text-align: center;
}

@media (min-width: 768px) {
  .home-tmp .main-tmp {
    margin: 6rem auto 2rem;
  }
}

.home-tmp .main-tmp-content {
  max-width: 920px;
  margin: auto;
}

.home-tmp .main-tmp-title {
  font-weight: 400;
  color: #727272;
}

@media (min-width: 768px) {
  .home-tmp .main-tmp-title {
    font-size: 46px;
    font-size: 2.875em;
    letter-spacing: 2px;
  }
}

@media (min-width: 768px) {
  .home-tmp .main-tmp-title span {
    display: block;
  }
}

.home-tmp .main-tmp-contacts {
  font-family: 'Comfortaa Bold', arial, sans-serif;
}

@media (min-width: 768px) {
  .home-tmp .main-tmp-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 767px) {
  .home-tmp .main-tmp-contacts {
    text-align: left;
  }
}

.home-tmp .main-tmp-contacts-title {
  font-size: 20px;
  font-size: 1.25em;
  color: #727272;
}

@media (min-width: 768px) {
  .home-tmp .main-tmp-contacts-title {
    height: 100%;
    margin-right: -2rem;
    margin-bottom: 0;
    padding-right: 2rem;
    text-align: right;
    border-right: 1px solid #2d2d2b;
  }
}

.home-tmp .main-tmp-contacts ul {
  font-size: 20px;
  font-size: 1.25em;
  margin-bottom: 0;
  color: #727272;
}

@media (max-width: 767px) {
  .home-tmp .main-tmp-contacts ul {
    padding-left: 1.25rem;
  }
}

.home-tmp .main-tmp-contacts ul a {
  color: #727272;
}

.home-tmp .main-tmp-contacts ul a:hover,
.home-tmp .main-tmp-contacts ul a:focus {
  color: #161615;
}

.home-tmp .main-tmp-contacts ul li {
  text-align: left;
}

.home-tmp .main-tmp-contacts ul li:last-child {
  margin-bottom: 0;
}

.home-tmp footer .footer-wrapper {
  background-color: transparent;
}

/*--------------------------------------------------------------
// Kit UI
//--------------------------------------------------------------*/
.font-base {
  font-family: 'Roboto', arial, sans-serif;
}

.font-heading {
  font-family: 'Comfortaa Bold', arial, sans-serif;
}

.kit-UI-header {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 992px) {
  .kit-UI-header {
    position: sticky;
    z-index: 10;
    top: 0;
    background-color: white;
  }
}

.kit-UI-header .heading-title {
  font-family: 'Roboto', arial, sans-serif;
  font-size: calc(var(--type-title-base) - 65%);
}

.kit-UI-wrapper {
  margin-top: 1rem;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 992px) {
  .kit-UI-content {
    padding-right: 0;
  }
}

.kit-UI-content .kit-UI-subheader {
  margin: 0 20px;
  padding: .325rem .5rem;
}

.kit-UI-content .kit-UI-subheader .heading-subtitle {
  font-weight: 600;
  margin: 0;
}

/* FIN */