@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

 /*checklists font*/ 
 [class*="Checklist-styles__ItemText"] {
  font-family: "Source sans pro"!important;
  font-size: 14px!important;
  color: #27426D;
  }

 /*Contact form font*/ 
 .data-step-id[data-step-id="3315524"] {
  font-family: "Source sans pro"!important;
  font-size: 14px!important;
  color: #27426D;
  }

 }
 
 div.subtitle, h2.subtitle { 
    font-size: 20px;
    font-weight: normal;
  }
  div.content-text {
    font-family: "Source sans pro";
    font-size: 16px;
    color: #27426D;
   }
  div.content-text ul { }

  .content-text aside.tip { }
  .content-text aside.warning { }

  div[data-cy="selectorTypes"] {
    display: flex;
    flex-wrap: wrap;
    margin: -16px;
    margin-bottom: 16px;
  }

  h1[data-cy="explanationTitle"] {
    font-family: "Source sans pro" !important;
    color: #27426D !important;
  }

  code {
    color: #27426D !important;
    /* font-family: "Source sans pro" !important; */
    font-size: 14px !important;
    font-weight: 600;
  }

  /* step title */
  h2.subtitle {
    font-family: "Source sans pro" !important;
    color: #27426D !important;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
  }

  .button-wrap {
    padding: 0px 8px;
    margin: 0px !important;
    flex-grow: 1;
    flex-shrink: 0;
  }

  .button-wrap:last-child {
    width: 100%;
  }

  .button-wrap:last-child:not(:only-child) button {
    background-color: white;
    color: #27426D;
  }

  .button-wrap:last-child:not(:first-child) button:hover {
    background-color: rgb(176, 196, 227);
  }

  .button-wrap button { 
    margin: 8px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 40px;
    min-width: 96px;
    max-width: none;
    padding: 8px 16px 8px 16px;
    text-align: left;
    font: 600 16px "Source Sans Pro","Helvetica Neue","Calibri Light";
    color: #ffffff;
    background: #27426D;
    border: 1px solid #27426D;
    border-radius: 8px;
    cursor: pointer;
    text-transform: none;
  }
  .button-wrap button:hover {
    background-color: rgb(83, 125, 193);
    border: 1px solid rgb(83, 125, 193);
  }
  .snooze-button button { 
    margin: 8px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 40px;
    min-width: 96px;
    max-width: none;
    padding: 8px 16px 8px 16px;
    text-align: left;
    font: 600 16px "Source Sans Pro","Helvetica Neue","Calibri Light";
    color: rgb(39, 66, 109) !important;
    border: 1px solid rgb(203, 214, 230) !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 8px;
    cursor: pointer;
    text-transform: none;
  }
  .snooze-button button:hover {
    background-color: rgb(230, 236, 243) !important;
    border: 1px solid rgb(203, 214, 230) !important;
  }

  .button-wrap button:hover svg {
    display: none;
  }
  .single-button-wrap button {
    color: #ffffff !important;
    background-color: #27426D !important;
    border: 1px solid #27426D !important;
    width: 100%;
  }
  .single-button-wrap button:hover {
    background-color: rgb(83, 125, 193) !important;
    border: 1px solid rgb(83, 125, 193) !important;
  }
  .button-wrap button:disabled { }

  /* .button-wrap .back-button { left: -17px; width: fit-content; margin: 0; } */
  .button-wrap .back-button { width: fit-content; margin-right: 0; }
  .button-wrap .back-button:hover svg {
    display: block;
  }
  .button-wrap .back-button svg path { }

  a.tile { }
  a.tile svg path { }

  div.radio-wrap { }
  div.radio-wrap label { }
  div.radio-wrap .radio-check { }

  div.dropdown-wrap { }
  div.dropdown-wrap li { }

/* Let's remove the back button from guided Tour OS */
.guide-PD2PgkRoJQ .button-wrap .back-button { 
    display: none;
}

/* Let's remove the back button from guided Tour Automations */
.guide-i9JKieBh2c .button-wrap .back-button { 
    display: none;
}

 /* radio button label */
div.radio-wrap label {
  font-family: "Source sans pro"!important;
  font-size: 16px!important;
  color: #27426D;
  }


/* tile */
a.tile {
  color: #27426D;
 }


 /* Big buttons on homepage */
 .fgYmqV, .add-feedback-link {
    text-decoration: none;
    font-family: "Source Sans Pro", "Helvetica Neue", "Calibri Light", arial;
    font-size: 1rem;
    min-width: 64px;
    padding: 5px 16px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(39, 66, 109) !important;
    box-shadow: none;
    text-transform: none;
    font-weight: 400;
    border-radius: 8px;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid rgb(203, 214, 230);
    background-color: rgb(255, 255, 255);
    max-height: 40px;
    min-height: 40px;
    line-height: 24px;
 }
  /* Change the background colour of the media */
  [class*="SingleImage__ImageWrap"] [class*="SingleImage__VideoBackground"]:before { 
    background: white; 
}


  /* Checkbox input items */
 .checkbox-label {
    font-family: "Source Sans Pro", "Helvetica Neue", "Calibri Light", arial;
    font-size: 16px;
    color: #27426D;
  }

/* Changes for the guide https://stonly.com/guide/fr/upgrade-offer-1JfAX52zXZ/Steps/5134073 */
.guide-1JfAX52zXZ .ston-content-text {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.guide-1JfAX52zXZ .ston-content-text > p:empty { display: none !important; }

.guide-1JfAX52zXZ .ston-content-text > details {
  flex: 1 1 calc(33.333% - 16px) !important;
  min-width: 200px;
  border: 1px solid #e5e0f0;
  border-radius: 12px;
  padding: 20px;
  background: #fff;
  box-sizing: border-box;
  font-family: sans-serif;
}

.guide-1JfAX52zXZ .ston-content-text > details:last-of-type {
  flex: 1 1 100% !important;
  background: #faf8ff;
  border-color: #ddd4f5;
}

/* Badges */
.guide-1JfAX52zXZ .ston-content-text > details > summary { list-style: none; margin-bottom: 16px; cursor: default; }
.guide-1JfAX52zXZ .ston-content-text > details > summary::-webkit-details-marker { display: none; }
.guide-1JfAX52zXZ .ston-content-text > details > summary b {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 13px;
  border: 1px solid #c9b8f0;
  background: #f0ebfc;
  color: #6b3fa0;
}
.guide-1JfAX52zXZ .ston-content-text > details:first-of-type > summary b { background: #f0eeee; border-color: #ccc; color: #333; }
.guide-1JfAX52zXZ .ston-content-text > details:last-of-type > summary b  { background: #7c3aed; border-color: #7c3aed; color: #fff; }

/* Content */
.guide-1JfAX52zXZ .ston-content-text > details p { margin: 0 0 8px; font-size: 14px; color: #333; line-height: 1.5; }
.guide-1JfAX52zXZ .ston-content-text > details div[data-type] p:first-child { font-weight: 700; text-transform: uppercase; color: #1a1a2e; }

/* List */
.guide-1JfAX52zXZ .ston-content-text > details ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.guide-1JfAX52zXZ .ston-content-text > details li { display: flex; gap: 8px; font-size: 13px; color: #555; }
.guide-1JfAX52zXZ .ston-content-text > details li::before { content: "✓"; color: #9b8ec4; font-weight: 700; flex-shrink: 0; }
.guide-1JfAX52zXZ .ston-content-text > details li p { margin: 0; }

@media (max-width: 768px) {
  .guide-1JfAX52zXZ .ston-content-text > details { flex: 1 1 100% !important; }
}