/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/templates/hsaiquizResults/hsaiquizResults-style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/** 
* This file contains all the global variables for the theme. 
* 
* Includes but not limited to: 
* - Colors
* - Fonts
* - Spacing 
* - Content / container sizing 
*/
#main-content {
  background-color: #FBFBFC;
  padding: 100px 0;
}
#main-content .score-header.red-tone {
  background: linear-gradient(to top right, #7F0000, #FF6666);
}
#main-content .score-header.blue-tone {
  background: linear-gradient(to top right, #4D5976, #69799E);
}
#main-content .score-header.berry-tone {
  background: linear-gradient(to top right, #DC00F9, #FE0007);
}
#main-content .score-header {
  display: flex;
  max-width: 1100px;
  margin: 100px auto 50px;
  color: #ffffff;
  padding: 50px;
  border-radius: 25px;
}
#main-content .score-header .score-left {
  width: 25%;
  padding: 0 2% 0 3%;
}
#main-content .score-header .score-left .score-container {
  background-color: rgba(255, 255, 255, 0.2);
  border: 2px solid #FBFBFC;
  border-radius: 15px;
  padding: 25px 0;
}
#main-content .score-header .score-left .score-container p {
  margin: 0px;
  text-align: center;
}
#main-content .score-header .score-left .score-container h2 {
  margin: 25px 0;
  text-align: center;
  font-size: 68px;
}
#main-content .score-header .score-right {
  width: 75%;
  padding: 0 2% 0 3%;
  display: flex;
  align-items: center;
}
#main-content .score-header .score-right .breakdown-container p {
  margin: 10px 0px;
}
#main-content .the-content .breakdown-label {
  width: -moz-fit-content;
  width: fit-content;
}
#main-content .the-content .breakdown-label.red-tone {
  background-color: #FF6666 !important;
}
#main-content .the-content .breakdown-label.blue-tone {
  background-color: #69799e !important;
}
#main-content .the-content .breakdown-label.berry-tone {
  background-color: #DC00F9 !important;
}
#main-content .the-content .wp-block-stackable-accordion {
  background-color: #ffffff;
  border: 1px solid #F3F5F7;
  border-radius: 15px;
}
#main-content .the-content .wp-block-stackable-accordion summary div {
  box-shadow: none !important;
}
#main-content .the-content .wp-block-stackable-accordion .stk-block-content:has(> .wp-block-stackable-icon-label) {
  align-items: flex-end;
}
#main-content .the-content .wp-block-stackable-accordion .wp-block-stackable-icon-label {
  width: -moz-fit-content;
  width: fit-content;
  float: right;
}

/*# sourceMappingURL=hsaiquizResults-style.css.map*/