/*
 Theme Name:   Modern Recovery Child Theme
 Description:  Child theme for customizations to the Modern Recovery websites
 Author:       Riding Hood Media
 Author URI:   https://ridinghoodmedia.com
 Template:     clearconvert
 Version:      1.0.2
 License:      All Rights Reserved
 Text Domain:  modernrecoverychildtheme
*/

:root {
  /** body text **/
  --color-body-text: #555272;;
  --color-body-text-rgb: rgb(85,82,114);
  --color-body-text-code: 85,82,114;

  /** Primary colors **/
  --color-primary: #555272;
  --color-primary-rgb: rgb(85,82,114);
  --color-primary-code: 85,82,114;

  --color-primary-soft: #F1F1F3;
  --color-primary-soft-rgb: rgb(241, 241, 243);
  --color-primary-soft-code: 241, 241, 243;

  --color-primary-dark: #171941;
  --color-primary-dark-rgb: rgb(23, 25, 65);
  --color-primary-dark-code: 23, 25, 65;

  --color-primary-accent: #363353;
  --color-primary-accent-rgb: rgb(54, 51, 83);
  --color-primary-accent-code: 54, 51, 83;

  --color-primary-accent-2: #56597c;
  --color-primary-accent-2-rgb: rgb(86, 89, 124);
  --color-primary-accent-2-code: 86, 89, 124;

  --color-primary-accent-3: #433a62;
  --color-primary-accent-3-rgb: rgb(67, 58, 98);
  --color-primary-accent-3-code: 67, 58, 98;

  --color-primary-soft-light: #eef4df;
  --color-primary-soft-light-rgb: rgb(238, 244, 223);
  --color-primary-soft-light-code: 238, 244, 223;

  --color-primary-accent-light: #cec772;
  --color-primary-accent-light-rgb: rgb(206, 199, 114);
  --color-primary-accent-light-code: 206, 199, 114;

  --color-primary-light: #71a357;
  --color-primary-light-rgb: rgb(113, 163, 87);
  --color-primary-light-code: 113, 163, 87;

  /** hero color **/
  --color-hero-button-secondary: #60AF98;
  --color-hero-button-secondary-rgb: rgb(96, 175, 152);
  --color-hero-button-secondary-code: 96, 175, 152;

  --color-title-hero: #fff;
  --color-title-hero-rgb: rgb(255, 255, 255);
  --color-title-hero-code: 255, 255, 255;


  /** Secondary colors **/
  --color-secondary: #60AF98;
  --color-secondary-rgb: rgb(96, 175, 152);
  --color-secondary-code: 96, 175, 152;

  --color-secondary-soft: #F2F9F7;
  --color-secondary-soft-rgb: rgb(242, 249, 247);
  --color-secondary-soft-code: 242, 249, 247;

  --color-secondary-accent: #419079;
  --color-secondary-accent-rgb: rgb(65, 144, 121);
  --color-secondary-accent-code: 65, 144, 121;

  --color-secondary-light: #cbffef;
  --color-secondary-light-rgb: rgb(203, 255, 239);
  --color-secondary-light-code: 203, 255, 239;

  --color-secondary-accent-dark: #CCC77D;
  --color-secondary-accent-dark-rgb: rgb(204, 199, 125);
  --color-secondary-accent-dark-code: 204, 199, 125;

  --color-secondary-theme-1: #e39e00;
  --color-secondary-theme-1-rgb: rgb(227, 158, 0);
  --color-secondary-theme-1-code: 227, 158, 0;

  --color-secondary-accent-theme-1: #ffc136;
  --color-secondary-accent-theme-1-rgb: rgb(255, 193, 54);
  --color-secondary-accent-theme-1-code: 255, 193, 54;
  
  --color-secondary-even-card: #F2F9F7;
  --color-secondary-even-card-rgb: rgb(242, 249, 247);
  --color-secondary-even-card-code: 242, 249, 247;

  /** alternate colors **/
  --color-alternate: #f9a01b;
  --color-alternate-rgb: rgb(249, 160, 27);
  --color-alternate-code: 249, 160, 27;

  --color-alternate-light: #F2BE13;
  --color-alternate-light-rgb: rgb(242, 190, 19);
  --color-alternate-light-code: 242, 190, 19;


  /** Named colors **/
  --color-item-before: #f9a01b;
  --color-item-before-rgb: rgb(249, 160, 27);
  --color-item-before-code: 249, 160, 27;

  --color-violet: #5a5493;
  --color-violet-rgb: rgb(90, 84, 147);
  --color-violet-code: 90, 84, 147;


  /** Light colors **/
  --color-light: #fff;
  --color-light-rgb: rgb(255, 255, 255);
  --color-light-code: 255, 255, 255;


  /** Dark colors **/
  --color-dark: #585858;
  --color-dark-rgb: rgb(88, 88, 88);
  --color-dark-code: 88, 88, 88;

  --color-darkness: #000000;
  --color-darkness-rgb: rgb(0, 0, 0);
  --color-darkness-code: 0, 0, 0;

  --color-darker: #313131;
  --color-darker-rgb: rgb(49, 49, 49);
  --color-darker-code: 49, 49, 49;

  /** Highlight colors **/
  --color-highlight: #FAFAFA;
  --color-highlight-rgb: rgb(250, 250, 250);
  --color-highlight-code: 250, 250, 250;

  --color-highlight-2: #F8F8F8;
  --color-highlight-2-rgb: rgb(248, 248, 248);
  --color-highlight-2-code: 248, 248, 248;

  --color-highlight-3: #F1F1F3;
  --color-highlight-3-rgb: rgb(241, 241, 243);
  --color-highlight-3-code: 241, 241, 243;

  --color-soft-gray: #ddd;
  --color-soft-gray-rgb: rgb(221, 221, 221);
  --color-soft-gray-code: 221, 221, 221;

  /** Form colors **/
  --color-danger-text: #721c24;
  --color-danger-text-rgb: rgb(114, 28, 36);
  --color-danger-text-code: 114, 28, 36;

  --color-success-text: #155724;
  --color-success-text-rgb: rgb(21, 87, 36);
  --color-success-text-code: 21, 87, 36;

  --color-disabled: #333;
  --color-disabled-rgb: rgb(51, 51, 51);
  --color-disabled-code: 51, 51, 51;

  --color-choices-heading: #f7f7f7;
  --color-choices-heading-rgb: rgb(247, 247, 247);
  --color-choices-heading-code: 247, 247, 247;

  --color-choices-input: #f9f9f9;
  --color-choices-input-rgb: rgb(249, 249, 249);
  --color-choices-input-code: 249, 249, 249;

  --color-choices-input-disabled: #eaeaea;
  --color-choices-input-disabled-rgb: rgb(234, 234, 234);
  --color-choices-input-disabled-code: 234, 234, 234;

  --color-choices-item-disabled: #919191;
  --color-choices-item-disabled-rgb: rgb(145, 145, 145);
  --color-choices-item-disabled-code: 145, 145, 145;

  --color-choices-item-disabled-2: #aaa;
  --color-choices-item-disabled-2-rgb: rgb(170, 170, 170);
  --color-choices-item-disabled-2-code: 170, 170, 170;

  --color-choices-item-highlighted: #00a5bb;
  --color-choices-item-highlighted-rgb: rgb(0, 165, 187);
  --color-choices-item-highlighted-code: 0, 165, 187;

  --color-choices-item-highlighted-border: #008fa1;
  --color-choices-item-highlighted-border-rgb: rgb(0, 143, 161);
  --color-choices-item-highlighted-border-code: 0, 143, 161;

  --color-choices-item-multiple: #00bcd4;
  --color-choices-item-multiple-rgb: rgb(0, 188, 212);
  --color-choices-item-multiple-code: 0, 188, 212;

  --color-placeholder: #c1c1c1;
  --color-placeholder-rgb: rgb(193, 193, 193);
  --color-placeholder-code: 193, 193, 193;

  --color-placeholder-2: #c9c9c9;
  --color-placeholder-2-rgb: rgb(201, 201, 201);
  --color-placeholder-2-code: 201, 201, 201;


  /** Menu colors **/
  --color-menu-links-item-active: #a4a648;
  --color-menu-links-item-active-rgb: rgb(164, 166, 72);
  --color-menu-links-item-active-code: 164, 166, 72;

  --color-dropdown-border: #b7b7b7;
  --color-dropdown-border-rgb: rgb(183, 183, 183);
  --color-dropdown-border-code: 183, 183, 183;
}