/*
 DEV : breakpoints management
 */
/*
 DEV : font awesome inclusion mixin
 */
/*@mixin icon($icon) {
 @include fa-icon;
 @extend .fas;
 @extend .fa;
 @extend .fa-#{$icon};
 }*/
/*** GLOBAL HELPERS ***/
.ool-away {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
.ool-hidden {
  display: none;
  visibility: hidden;
}
.gform_wrapper form.ool-form-no-description .gfield_description {
  display: none;
}
.gform_wrapper form.ool-form-no-counter .ginput_counter {
  display: none;
}
.gform_wrapper form.ool-form-no-label .gfield_label {
  display: none;
}
.gform_wrapper form.ool-form-no-nothing .gfield_label, .gform_wrapper form.ool-form-no-nothing .ginput_counter, .gform_wrapper form.ool-form-no-nothing .gfield_description {
  display: none;
}
/** Testing with Sass & Soum Ref form **/
/*** !forms #27 now have ool-form-27 class ool-soumref-form-hcf ***/
/*
 this is meant to replace inline css style in forms #27 
 scr : https://soumissionsprethypothecaire.ca/comparer-refinancement-hypothecaire/
 */
.ool-soumref-form-hcf {
  min-height: 800px;
}
.ool-soumref-form-hcf .gform_body {
  background-image: url(../../img/soumref/hero-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  padding: 2rem;
}
.ool-soumref-form-hcf .gform_body::after {
  content: url(../../img/soumref/hero-bg-right.png);
  position: absolute;
  right: 0;
  top: -1rem;
  width: 20%;
}
@media (max-width: 768px) {
  .ool-soumref-form-hcf .gform_body::after {
    display: none;
  }
}
.ool-soumref-form-hcf .gform_page {
  max-width: 60%;
  margin: auto;
  text-align: center;
}
.ool-soumref-form-hcf .ool-form-main-title {
  font-size: 2.8rem;
  font-weight: bold;
  padding: 2rem;
}
.ool-soumref-form-hcf .ool-form-sec-title {
  font-size: 2rem;
  font-weight: bold;
}
.ool-soumref-form-hcf .gform_page_footer .gform_next_button {
  background-color: red;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li {
  display: inline-block;
  width: 50%;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li input {
  display: none;
  visibility: hidden;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li label {
  color: #fff;
  background-color: blue;
  border-radius: 5px;
  padding: 1rem;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li:nth-child(2) label:before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0aa";
  margin-right: 1rem;
  font-size: 2rem;
  padding: 0.6rem;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li:nth-child(3) label:before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ab";
  margin-right: 1rem;
  font-size: 2rem;
  padding: 0.6rem;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li:nth-child(4) label:before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ad";
  margin-right: 1rem;
  font-size: 2rem;
  padding: 0.6rem;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li:nth-child(5) label:before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ac";
  margin-right: 1rem;
  font-size: 2rem;
  padding: 0.6rem;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li:nth-child(6) label:before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ae";
  margin-right: 1rem;
  font-size: 2rem;
  padding: 0.6rem;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li:nth-child(7) label:before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0af";
  margin-right: 1rem;
  font-size: 2rem;
  padding: 0.6rem;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li:nth-child(8) label:before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ag";
  margin-right: 1rem;
  font-size: 2rem;
  padding: 0.6rem;
}
.ool-soumref-form-hcf .blue-button-group ul.gfield_radio li:nth-child(9) label:before {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ah";
  margin-right: 1rem;
  font-size: 2rem;
  padding: 0.6rem;
}