/* SOOM COLORS */

:root{
  --color-black-87: rgba(0, 0, 0, 0.87);
  --color-black-70: rgba(0, 0, 0, 0.7);
  --color-black-54: rgba(0, 0, 0, 0.54);
  --color-black-38: rgba(0, 0, 0, 0.38);
  --color-black-08: rgba(0, 0, 0, 0.08); /* #ebebeb */
  --color-black-05: #f3f3f3;
  --color-black-04: #f5f5f5;
  --color-black-03: #f7f7f7;
  --color-black-02: #fafafa;
  --color-black-01: #fcfcfc;
  --maroon: #90673a; /* rgb:144,103,58 */
  --burnt-orange: #e39f23; /* rgb:227,159,35 */
  --orange:#fab718; /* rgb:250,183,24 */
  --yellow-lemon: #ffeca1; /* rgb:255,236,161 */
  --cream: #fafaf4; /* rgb:250,250,244 */
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Raleway", sans-serif;
    line-height: 1.65;
    color: var(--color-black-70);
    letter-spacing: .5px;
    background-color: #fff;
}

em {
    font-family: unset;
}

.maroon-text {
    color: var(--maroon);
}

.maroon-bg {
    background-color: var(--maroon);
}

.burnt-orange-text {
    color: var(--burnt-orange);
}

.burnt-orange-bg {
    background-color: var(--burnt-orange);
}

.orange-text {
    color: var(--orange);
}

.orange-bg {
    background-color: var(--orange);
}

.yellow-lemon-text {
    color: var(--yellow-lemon);
}

.yellow-lemon-bg {
    background-color: var(--yellow-lemon);
}

.yellow-lemon-bg-opacity-40 {
    background-color: rgba(255,236,161,.4);
}

.cream-text {
    color: var(--cream);
}

.cream-bg {
    background-color: var(--cream);
}

.text-muted {
    color: var(--color-black-38) !important;
}

.logo {
    width: auto;
    height: 40px;
}

.nav-link {
    letter-spacing: .5px;
    font-weight: 600;
}

.dropdown-item {
    letter-spacing: .5px;
    font-weight: 600;
}

.btn {
    letter-spacing: 1px;
    font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cera Pro", sans-serif;
    color: var(--color-black-70);
}

footer {
    background-color: #fff;
}

/* Text colors */
.soom-main-marron { color: var(--maroon) !important; }
.soom-orange { color: var(--burnt-orange) !important; }
.soom-orange-brule { color: var(--burnt-orange) !important; }
.soom-main-creme { color: var(--cream) !important; }
.soom-jaune-citron { color: var(--yellow-lemon) !important; }
.soom-jaune { color: var(--orange) !important; }
.soom-orange-logo { color: var(--orange) !important; }

/* Background variants */
.bg-soom-main-marron { background-color: var(--maroon) !important; }
.bg-soom-orange { background-color: var(--burnt-orange) !important; }
.bg-soom-orange-brule { background-color: var(--burnt-orange) !important; }
.bg-soom-main-creme { background-color: var(--cream) !important; }
.bg-soom-jaune-citron { background-color: var(--yellow-lemon) !important; }
.bg-soom-jaune { background-color: var(--orange) !important; }

/* Optional: borders */
.border-soom-marron { border-color: var(--maroon) !important; }
.border-soom-orange { border-color: var(--burnt-orange) !important; }
.border-soom-orange-brule { border-color: var(--burnt-orange) !important; }
.border-soom-main-creme { border-color: var(--cream) !important; }
.border-soom-jaune-citron { border-color: var(--yellow-lemon) !important; }
.border-soom-jaune { border-color: var(--orange) !important; }

.gradient-soom {
    background-size: 130% auto;
    background-image: linear-gradient(100deg, #e39f23 20%, #fab718 85%);
}

.border-radius-1 {
    border-radius: 1rem;
}

.card {
    box-shadow: 0 0 0 0.05rem rgba(0, 0, 0, 0.06), 0rem 0rem 1.25rem rgba(0, 0, 0, 0.04);
}

.bg-soom-card-1 {
    background-color: var(--orange) !important;
}

.bg-soom-card-2 {
    background-color: #d88427 !important;
}

.bg-jaune-clair {
    background-color: #fff8ddcc !important;
}

.soom-three-cards .card-body {
    min-height:295px;
}

.soom-three-cards-prev .card-body {
    min-height:240px;
}

.cards-soom-secu .card-body {
    min-height:480px;
}

.cards-partenariat .card-body {
    min-height:292px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.cards-five .svg-bg.svg-bg-lg {
    width: 60px;
    height:60px;
}

.cards-five .svg-bg.svg-bg-lg svg {
    width: 30px;
}

.cards-soom .card {
    max-width: 570px;
}

.soom-text-shadow-light {
    text-shadow: 1px 0 var(--yellow-lemon), -1px 0 var(--yellow-lemon), 0 1px var(--yellow-lemon), 0 -1px var(--yellow-lemon), 1px 1px var(--yellow-lemon), -1px -1px var(--yellow-lemon), 1px -1px var(--yellow-lemon), -1px 1px var(--yellow-lemon);
}

.soom-text-shadow-dark {
    text-shadow: 1px 0 var(--maroon), -1px 0 var(--maroon), 0 1px var(--maroon), 0 -1px var(--maroon), 1px 1px var(--maroon), -1px -1px var(--maroon), 1px -1px var(--maroon), -1px 1px var(--maroon);
}

.soomcards .card {
    min-height:150px;
    background-color: var(--cream) !important;
}

.soom-border-radius {
    border-radius:15px;
}

.content a {
    color: var(--burnt-orange) !important;
}

.content a:hover,
.text-reset a:hover {
    color: var(--burnt-orange) !important;
}

#matomo-opt-out input {
    margin-right: 5px;
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

/* overrides */

.cards-sized {
    margin:auto;
    width: 360px;
    height: 400px;
}

.cards-five .cards-sized {
    margin:auto;
    width: 320px;
    height: 268px;
}

.cards-five .cards-sized .card-body {
    padding-top:20px!important;
    padding-bottom: 10px !important;
}

.cards-five .cards-3-sized .cards-sized {
    height: 243px;
}

.cards-sized-short .card-body {
    margin:auto;
    width: 320px;
    height: 215px;
}

.cards-partenaire .card-body {
    min-height:370px;
}

.cards-a3so .card-body {
    padding: 15px 15px;
    min-height:338px;
}

.cards-soom-solutions .card {
    max-width: 386px;
    max-height:450px;
    padding:40px!important
}

.cards-soom-solutions .card .card-body {
    padding:0px!important
}

.overlay-darker .image-wrapper.bg-overlay:before {
    background: rgba(30, 34, 40, 0.75);
}

.nav-link:hover,
.nav-link:focus,
.dropdown-item:hover, 
.dropdown-item:focus,
nav .nav-link.show {
  color: var(--burnt-orange) !important;
}

.bg-dot.burnt-orange {
    background-image: radial-gradient(var(--burnt-orange) 2px, transparent 2.5px);
}

.bg-line.burnt-orange {
    background: repeating-linear-gradient(-55deg, rgba(var(--bs-white-rgb), 0) 0.8px, var(--burnt-orange) 1.6px, var(--burnt-orange) 3px, rgba(var(--bs-white-rgb), 0) 3.8px, rgba(var(--bs-white-rgb), 0) 10px);
}

.shape.rellax {
    z-index: 0;
}

.image-wrapper.card:before {
    border-radius: 1rem !important;
}

div.soom-icons-list .uil.uil-check {
    background-color: var(--burnt-orange) !important;
    color: white !important;
    border-radius:100%;
    font-size:30px;
    margin-right:10px;
}

div.soom-icons-list .icon-list.bullet-bg li {
    padding-left:2rem;
}

a.nav-link-search {
    color: var(--burnt-orange) !important;
}

.icon-list.bullet-bg.soom-icons-list-orange i {
    font-size: 0.5rem;
    width: 0.2rem;
    height: 0.2rem;
    background-color: var(--burnt-orange) !important;
    color: var(--burnt-orange) !important;
    margin-top: 5px;
}

.liste-orange-bullet li::marker {
    color:var(--burnt-orange) !important;
}

.little-cards .card-body {
    padding: 20px 15px;
    min-height:182px;
}

.cards-five .card-body {
    line-height:normal !important;
}

.cards-secu .card-body {
    min-height:240px;
}

blockquote {
    border-left: 0.15rem solid var(--burnt-orange);
}

svg.svg-bulb .fill-secondary {
    stroke: black;
    stroke-width: 8px;
    fill:#F48A15;
}

.soom-main-marron .lineal-fill {
    fill: var(--maroon) !important;
}

.btn-primary:not(.ui-dialog-buttonset .btn-primary) {
    color: #000000de !important;
    background-color: var(--yellow-lemon)!important;
    background-image: linear-gradient(45deg, var(--orange), rgba(255, 236, 161, 0))!important;
    border: 1px solid rgba(250,183,24,.66)!important;
}

.btn-primary:not(.ui-dialog-buttonset .btn-primary):hover {
    background-color: var(--orange)!important;
}

.btn-secondary:not(.ui-dialog-buttonset .btn-primary) {
    color: #000000de !important;
    background-color: var(--yellow-lemon) !important;
    background-image: linear-gradient(45deg, #ff8400db, rgba(255, 236, 161, 0)) !important;
    border: 1px solid rgba(250,183,24,.66) !important;
}

.btn-secondary:not(.ui-dialog-buttonset .btn-primary):hover {
    background-color: var(--orange)!important;
}

.text-primary {
	color: transparent !important;
	background-image: linear-gradient(180deg, var(--orange), var(--burnt-orange));
	background-clip: text;
}

.layout-colored-cards {
    background-color:#FAFAF4cc;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    padding:15px;
}

.layout-colored-cards .card-body {
    min-height:263px;
}

.nav.social i {
    font-size:40px !important;
}

.social a:not([class*=link-]):not(.btn-circle) .uil[class*=linkedin],
.social a:not([class*=link-]):not(.btn-circle) .uil[class*=instagram] {
    color: var(--color-black-54);
    transition: color 0.25s ease-out;
}

.social a:not([class*=link-]):not(.btn-circle) .uil[class*=linkedin]:hover,
.social a:not([class*=link-]):not(.btn-circle) .uil[class*=instagram]:hover {
    color: var(--color-black-87);
}

.progress-wrap {
    box-shadow: inset 0 0 0 0.1rem rgba(250, 183, 24, 0.25);
}

.progress-wrap:after {
    color: var(--orange);
}

.progress-wrap svg.progress-circle path {
    stroke: var(--orange);
}

.icon-list.bullet-soft-primary.bullet-bg i {
    background-color: var(--yellow-lemon);
}

.icon-list.bullet-soft-primary i {
    color: var(--burnt-orange);
}

.icon-list.bullet-soft-orange.bullet-bg i {
    background-color: var(--yellow-orange);
}

.icon-list.bullet-soft-orange i {
    color: var(--burnt-orange);
}

@media (min-width: 1000px) {
    .hbspt-form {
        padding: 0px 250px;
    }
}

@media (max-width: 600px) {
  .container .paragraph .text-nowrap {
    white-space: initial !important;
  }

  .dropdown-item {
    white-space: normal;
  }

  .sub-cards-two {
    padding: 0px !important;
    margin-top: 45px !important;
  }
}