:root {
  

  /* Typography */

  --ixn-type-primary:             'Gilroy', sans-serif;
  --ixn-type-secondary:           Helvetica, Arial, sans-serif;  /* Body text  */

  --ixn-font-size-mini:           10pt;           /* Text xsmall */
  --ixn-letter-spacing-mini:      0.5pt;
  --ixn-line-height-mini:         1.3;  

  --ixn-font-size-body:           12pt;           /* Body text */
  --ixn-letter-spacing-body:      0.3pt;
  --ixn-line-height-body:         19pt;
  --ixn-font-body:                var(--ixn-font-size-body)/var(--ixn-line-height-body) var(--ixn-type-primary);

  --ixn-font-size-h4:             14pt;           /* H3 */
  --ixn-letter-spacing-h4:        0.5pt;
  --ixn-line-height-h4:           22pt;
  --ixn-font-h4:                  var(--ixn-font-size-h4)/var(--ixn-line-height-h4) var(--ixn-type-primary);

  --ixn-font-size-h3:             18pt;           /* H3 */
  --ixn-letter-spacing-h3:        0.5pt;
  --ixn-line-height-h3:           25pt;
  --ixn-font-h3:                  var(--ixn-font-size-h3)/var(--ixn-line-height-h3) var(--ixn-type-primary);

  --ixn-font-size-h2:             24pt;           /* H2 */
  --ixn-letter-spacing-h2:        -0.3pt;
  --ixn-line-height-h2:           33pt;
  --ixn-font-h2:                  var(--ixn-font-size-h2)/var(--ixn-line-height-h2) var(--ixn-type-primary);

  --ixn-font-size-h1:             36pt;           /* H1 */
  --ixn-letter-spacing-h1:        -0.5pt;
  --ixn-line-height-h1:           43pt;
  --ixn-font-h1:                  var(--ixn-font-size-h1)/var(--ixn-line-height-h1) var(--ixn-type-primary);


  /* Icons */

  --ixn-icon-size-sm:             14pt;
  --ixn-icon-size-md:             19pt;
  --ixn-icon-size-lg:             24pt;


  /* Colors */

  --ixn-color-primary:               #c19ade;      /* <-- Violet */
  --ixn-color-primary--tint-10:      #F9F5FC;      /* <-- Violet Tint 10% */
  --ixn-color-primary--tint-20:      #F3EBF8;      /* <-- Violet Tint 20% */
  --ixn-color-primary--tint-30:      #ece1f5;      /* <-- Violet Tint 30% */
  --ixn-color-primary--tint-40:      #e6d7f2;      /* <-- Violet Tint 40% */
  --ixn-color-primary--tint-50:      #e0cdef;      /* <-- Violet Tint 50% */
  --ixn-color-primary--tint-60:      #dac2eb;      /* <-- Violet Tint 60% */

  --ixn-color-secondary:             #FFC557;      /* <-- Yellow */
  --ixn-color-secondary--tint-10:    #FEF6E7;      /* <-- Yellow Tint 10% */
  --ixn-color-secondary--tint-20:    #fff3dd;      /* <-- Yellow Tint 20% */
  --ixn-color-secondary--tint-30:    #ffeecd;      /* <-- Yellow Tint 30% */
  --ixn-color-secondary--tint-60:    #ffdc9a;      /* <-- Yellow Tint 60% */
  --ixn-color-secondary--tint-70:    #ffd689;      /* <-- Yellow Tint 70% */
  --ixn-color-secondary--tint-80:    #ffd179;      /* <-- Yellow Tint 80% */
  --ixn-color-secondary--tint-90:    #ffcb68;      /* <-- Yellow Tint 90% */


  /* Used with .alert class */

  --ixn-color-red:                  #d16774;        /* red */
  --ixn-color-red--tint-10:         #faf0f1;        /* red Tint 10 */
  --ixn-color-red--tint-140:        #7d3e46;        /* red Tint 140 */

  --ixn-color-green:                #b2bf77;        /* Green */
  --ixn-color-green--tint-10:       #f7f9f1;        /* Green Tint 10 */
  --ixn-color-green--tint-140:      #6b7347;        /* Green Tint 140 */

  --ixn-color-blue:                 #77c7d9;        /* blue */
  --ixn-color-blue--tint-10:        #f1f9fb;        /* blue Tint 10 */
  --ixn-color-blue--tint-40:        #c9e9f0;        /* blue Tint 40 */
  --ixn-color-blue--tint-140:       #477782;        /* blue Tint 140 */

  --ixn-color-orange:               #ffc557;        /* it uses the secondary color but set anyways */
  --ixn-color-orange--tint-10:      #FEF6E7;        /* Tint 10 */
  --ixn-color-orange--tint-140:     #997634;        /* Tint 140 */


  /* brideshare specific colors */

  --ixn-color-tertiary:             #666666;      /* <-- Grey */
  --ixn-color-brown:            #805548;      /* <-- Brown */
  --ixn-color-turquoise:        #5fbca8;      /* <-- Turquoise */   
  --ixn-color-white:              #FFFFFF;          /* <-- White */
  
   
  /* Borders */

   --ixn-border-primary:           1px solid var(--ixn-color-primary--tint-30);
   --ixn-border-secondary:         2px solid var(--ixn-color-primary--tint-50);
   --ixn-border-radius:            2px; 

  --ixn-box-shadow:                 0 6px 24px 0 rgb(193 154 222 / 40%);      /* Violet box shadow */   
  --ixn-border-a:                   1px solid var(--ixn-color-primary--tint-30); 

  --ixn-btn-border-radius:          1px;                            
  --ixn-box-border-radius:          3px;
  --ixn-input-border-radius:        1px;


  /**
   * REQUIRED AS IS
   */

  /* Spacing */

  --ixn-space-xxsm:             6px;          /* space standards */
  --ixn-space-xsm:              12.5px;          
  --ixn-space-sm:               25px;          
  --ixn-space-md:               50px;          
  --ixn-space-xmd:               75px;          
  --ixn-space-lg:               100px;  

  --ixn-image-width-sm:         275px;  

}



/* Fonts ------------------------------------- */


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype'),
        url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype'),
        url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/* Icons ------------------------------------- */


/** 
 * Icons
 * Keep same class names for theme to apply icons
*/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?at4pgy');
  src:  url('../fonts/icomoon.eot?at4pgy#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?at4pgy') format('truetype'),
    url('../fonts/icomoon.woff?at4pgy') format('woff'),
    url('../fonts/icomoon.svg?at4pgy#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 21pt;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


   [class^="icon-"]:before, [class*=" icon-"]:before {
      position: relative;
      top: 7px;
      margin-left: 4px;
   }

   
.icon-more:before {
  content: "\e900";
}
.icon-right:before {
  content: "\e901";
}
.icon-left:before {
  content: "\e902";
}
.icon-tiktok:before {
  content: "\e903";
}
.icon-facebook-squared:before {
  content: "\e904";
}
.icon-spotify:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e906";
}
.icon-pinterest:before {
  content: "\e907";
}
.icon-up:before {
  content: "\e908";
}
.icon-down:before {
  content: "\e909";
}
.icon-twitter:before {
  content: "\e90a";
}
.icon-facebook:before {
  content: "\e90b";
}
.icon-close:before {
  content: "\e90c";
}
.icon-search:before {
  content: "\e90d";
}
.icon-menu:before {
  content: "\e90e";
}



/* Icon fixes */

.icon-twitter:before {
  font-size: 25pt;
  top:  7px;
}