/*Montserrat Fonts*/

@font-face {
  font-family: "Montserrat Light";
  src: url("./fontsHootsuitePortal/Montserrat-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat Regular";
  src: url("./fontsHootsuitePortal/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat Medium";
  src: url("./fontsHootsuitePortal/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat SemiBold";
  src: url("./fontsHootsuitePortal/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat Bold";
  src: url("./fontsHootsuitePortal/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat Black";
  src: url("./fontsHootsuitePortal/Montserrat-Black.ttf") format("truetype");
}


/*Hootsuite Fonts Articles*/

@font-face {
  font-family: "Montserrat";
  src: url("./fontsHootsuitePortal/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  src: url("./fontsHootsuitePortal/Montserrat-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  src: url("./fontsHootsuitePortal/Montserrat-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  src: url("./fontsHootsuitePortal/Montserrat-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  src: url("./fontsHootsuitePortal/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  src: url("./fontsHootsuitePortal/Montserrat-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  src: url("./fontsHootsuitePortal/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  src: url("./fontsHootsuitePortal/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  src: url("./fontsHootsuitePortal/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  src: url("./fontsHootsuitePortal/Montserrat-Black.ttf") format("truetype");
}

:root {
  /** Hootsuite Colors **/

  --brand-hs-nocturn: #012b3a;
  --brand-hs-saffron: #ff4c46;
  --brand-hs-nocturn-80: #004963;
  --brand-hs-nocturn-60: #336d82;
  --brand-hs-nocturn-40: #6692a1;
  --brand-hs-nocturn-20: #99b6c1;
  --brand-hs-nocturn-10: #ccdbe0;
  --brand-hs-black: #333333;
  --brand-hs-white: #ffffff;
  --brand-hs-border: #CBCBCB;
  --brand-hs-placeholder:#8B8B8B;
  --brand-hs-user-feed: #EAF1F6;
  --brand-hs-advocate-feed: #FAF8F7;


   /** Typography **/

  --montserrat-light: "Montserrat Light"; /* 300 */
  --montserrat-regular: "Montserrat Regular"; /* 400 */
  --montserrat-medium: "Montserrat Medium"; /* 500 */
  --montserrat-semibold: "Montserrat Semibold"; /* 600 */
  --montserrat-bold: "Montserrat Bold"; /* 700 */
  --montserrat-black: "Montserrat Black"; /* 900 */

  --card-bg: #FFFFFF;
  --card-radius: 8px;
  --card-shadow:  0px 5px 10px 0px rgba(0, 0, 0, 0.20);
  /* --card-border: 1px solid var(--neutral-95);
  --card-blur: blur(32px); */

}

.card {
  background: var(--card-bg);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
}


.h2{
  font-family: var(--montserrat-bold);
  font-size: 32px !important;
  font-style: normal;
  line-height: normal;
}