/*
=============================
        Global
=============================
*/
body {

    --font-family: "Calibre",Helvetica, Arial, sans-serif;
    --border-radius: 3px;
    --shadow: 0 2px 4px rgba(0,0,0,0.3);
    --btn-size: 35px;
    --btn-size-l: 43.75px;
    --primary-color: #222;
    --primary-color-hover: #414141;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: #f0f0f0;
    --default-color-hover: #c1c1c1;
    --default-color-inverse: #222;
    --default-color-dark:#E3E3E3;
    --danger-color: inherit;
    --danger-color-hover: inherit;
    --help-color: inherit;
    --border-color: var(--default-color-dark);
    --text-color: var(--default-color-inverse);
    --text-color-light: var(--default-color-dark);
    height: 100%;
    --background-color-dark: #ebeae6;
    --dark-grey-color: #464646;
    --reform-background-color: #c1c1c1;
}

/*------------------------ Added the Font family as per the Reforms Requirements ------------------------------------------- */

@font-face {
  font-family: "Calibre";
  src: local("Calibre Thin"),local("Calibre-Thin"),url("assets/fonts/Calibre-Thin.otf") format("opentype");
  font-weight: lighter;
  font-style: normal;

}

@font-face {
  font-family: "Calibre";
  src: local("Calibre Regular"),local("Calibre-Regular"),url("assets/fonts/Calibre-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;


}

@font-face {
  font-family: "Calibre";
  src:  local("Calibre RegularItalic"),local("Calibre-RegularItalic"),url("assets/fonts/Calibre-RegularItalic.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Calibre";
  src: local("Calibre Semibold"),local("Calibre-Semibold"),url("assets/fonts/Calibre-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Calibre";
  src: local("Calibre Bold"),local("Calibre-Bold"),url("assets/fonts/Calibre-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;

}


/*
=============================
          Navbar
=============================
*/
#app-bar-container{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*
=============================
      Hamburger Menu
=============================
*/
.menu-container{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*
=============================
      Inspiration All
=============================
*/
.guide-view #page-container{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*
=============================
    Inspiration Banner
=============================
*/
.guide-header-view{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;

    background-color: var(--default-color);
}

/*
=============================
    Preset Selector
=============================
*/
presets-style-view {
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}

/*
=============================
        Appliance Types
=============================
*/
.guide-review-view{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}

/*
=============================
        Floor Plan
=============================
*/
.guide-measure-view{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*
=============================
       Cabinet layout
=============================
*/
.cabinet-layout-view.zones{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}

/*
=============================
    Appliance Location
=============================
*/
.cabinet-layout-view.appliance{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}

/*
=============================
         Design
=============================
*/
.project-space-view{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}

/*
=============================
        Projects
=============================
*/
.project-gallery-view{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*
=============================
        Landing
=============================
*/
.ideal-spaces-landing-view{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}

/*
=============================
        Buttons
=============================
*/
/*Default Button*/
.tw-btn{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --default-color-hover:inherit;;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*Selected Default Button*/
.tw-btn{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --default-color-hover:inherit;;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*Primary Button*/
 .tw-btn.tw-btn--primary{
        --primary-color: inherit;
        --primary-color-hover: inherit;
        --primary-color-active: inherit;
        --primary-color-inverse: inherit;
        --default-color: inherit;
        --default-color-inverse: inherit;
        --default-color-dark: inherit;
        --default-color-hover:inherit;
        --danger-color: inherit;
        --background-color-dark: inherit;
        --help-color: inherit;
        --border-color: inherit;
        --text-color: inherit;
          background-color: var(--default-color);
          color: var(--primary-color);
    }
/*Secondary Button*/
.tw-btn.tw-btn--secondary{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --default-color-hover:inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*Login Button*/
.login.tw-btn{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --default-color-hover:inherit;;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*Hamburger Button*/
#hamburger-btn.tw-btn{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --default-color-hover:inherit;;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*HotSpot Buttons*/
.info-bubble-view.greyed.top-tip .tw-btn{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --default-color-hover:inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}
/*help Buttons*/
.tw-btn--help.tw-btn{
    --primary-color: inherit;
    --primary-color-hover: inherit;
    --primary-color-active: inherit;
    --primary-color-inverse: inherit;
    --default-color: inherit;
    --default-color-inverse: inherit;
    --default-color-dark: inherit;
    --default-color-hover:inherit;
    --danger-color: inherit;
    --background-color-dark: inherit;
    --help-color: inherit;
    --border-color: inherit;
    --text-color: inherit;
}