@charset "UTF-8";

/* -----------------------------------------------------------------------------
0.0 Vars
----------------------------------------------------------------------------- */
/* 
link: https://convertingcolors.com
link: https://www.colorhexa.com;

link: Translate color hec to color name online converter tool
https://www.sunzhongwei.com/tools2/translate-color-code-to-name?lang=en 
*/

:root {

  --white: rgb(255, 255, 255);/* #ffffff */
  --orange:rgb(255, 165, 0);  /* #ffa500 */
  --red:   rgb(255, 0, 0);    /* #ff0000 */
  --yellow:rgb(239, 192, 65); /* #efc041 */
  --green: rgb(0, 255, 0);    /* #00FF00 */
  --blue:  rgb(0, 0, 255);    /* #0000ff */
  --black: rgb(0, 0, 0);      /* #000000 */

  /* UofU Health BRAND **********/
  --red-uofuhealth: rgb(172, 22, 44);  /* #ac162c uofu health red */
  --black-uofuhealth: rgb(65, 64, 66); /* #414042 90% black */

  /* Brand Primary */
  --\~crimson:    rgb(200, 16, 46);  /* #c8102e ~crimson */
  --\~smalt-blue: rgb(79, 134, 142); /* #4f868e ~smalt-blue */
  --\~bermuda:    rgb(126,221,211);  /* #7eddd3 ~bermuda */
  --\~aluminium:  rgb(167,169,172);  /* #a7a9ac 40% black ~aluminium */

  /* Brand Secondary */
  --\~tonys-ink:       rgb(228,147,123); /* #e4937b ~tonys-ink */
  --\~burnt-sienna:    rgb(227,122,65);  /* #e37a41 ~burnt-sienna */
  --\~ronchi:          rgb(239,192,65);  /* #efC041 ~ronchi */
  --\~mountain-meadow: rgb(20,155,116);  /* #149b74 ~mountain-meadow */
  --\~mantis:          rgb(108,194,74);  /* #6cc24a ~mantis */
  --\~orient:          rgb(0,99,121);    /* #006379 ~orient */
  --\~rum:             rgb(131,108,142); /* #836c8e ~rum */

  /* Light Grey Gradient */
  --grey-15: rgb(217, 217, 217); /* #d9d9d9 15% grey ~alto */
  --grey-05: rgb(242, 242, 242); /* #f2f2f2 05% grey ~concrete */
  --grey-light-gradient: to top,
      var(--grey-05) 0%,
      var(--grey-15) 15%,;
  --grey-light-gradient-filter:  /* 10<IE #RRGGBBAA */
      startColorstr="#0000000D", 
      endColorstr="#00000026", 
      GradientType=0;

  /* END BRAND **********/

  /* Tertiary Colors */
  --\~persian-green: rgb(0, 168, 147);  /* #00a893 ~persian-green */ 
  --\~pelorous:      rgb(59, 171, 196); /* #3BABC4 ~pelorous bluish cyan */
  --\~sherpa-blue:   rgb(0, 77, 94);    /* #004D5E ~sherpa-blue */

  /* IQIR BRAND */
  --iqir-drkblue:  rgb(15, 65, 87);   /* #0f4157 ~duskwood */
  --iqir-grnblue:  rgb(28, 124, 150); /* #1c7c96 ~blue-mediterranean */
  --iqir-teal:     rgb(21, 155, 141); /* #159b8d ~flamboyant-teal */

  /* Alerts, Messages, Bootstrap */
  --bg-primary:    rgb(0, 123, 255);  /* #007bff bootstrap primary blue */
  --bg-primary-50: rgb(120, 183, 250);/* #78b7fa ~bootstrap primary 50% tint */
  --bg-success:    rgb(40, 167, 69);  /* #28a745 ~green */
  --bg-info:       rgb(23, 162, 184); /* #17a2b8 ~turquois */
  --bg-warning:    rgb(255, 193, 7);  /* #ffc107 ~yellow */
  --bg-danger:     rgb(220, 53, 69);  /* #dc3545 ~red */




  /* Brand RGB ****************************************************************/

  /* The Bárány Society */
  --barany-tint: rgb(119, 136, 202);   /* #7788ca 50% tint */
  --barany-rgba:rgba(57, 75, 157, 0.5);/* 50% opacity */
  --barany-blue: rgb(57, 75, 157);     /* #394b9d */

  /* Advanced Custom Fields Pro */
  --acf-blue:rgb(0, 102, 153);/* #006699 */

  /* Brand Var */
  --brand-primary:var(--barany-blue);
  --brand-prim-hvr:var(--barany-rgba);
  --brand-second:var();
  --brand-secd-hvr:var();
  --brand-tertiary:var();
  --brand-tert-hvr:var();

  /* Twenty Seventeen **********/
  --body-color-333: rgb(); /* #333333 */

  /* Block Editor Styles */
  --is-style-fill-txt: var(--\~pelorous);

  /* Navigation **********/
  --a-hover: var(--\~pelorous);
  --bg-drk-hover-submenu: var(--\~sherpa-blue);

  /* Form Elements **********/
  --bg-drk-hover-txt: var(--white);
  --bg-drk-hover:     var(--\~pelorous);

  /* Fonts **********/
  --merriweather: 'Merriweather', georgia, serif;
  --railway: 'Raleway', arial, sans-serif;
}