/*Lato Fonts*/
@font-face {
  font-family: "Source Sans Pro Light";
  src: url("./fontsHootsuitePortal/SourceSans3-Light.ttf") format("truetype");
}

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

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

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

@font-face {
  font-family: "Source Sans Pro Bold";
  src: url("./fontsHootsuitePortal/SourceSans3-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro Black";
  src: url("./fontsHootsuitePortal/SourceSans3-Black.ttf") format("truetype");
}

/*Hootsuite Fonts Articles*/

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

:root {
  /** AdEspresso  Colors **/

  --brand-ae-dark-blue: #3b5998;
  --brand-ae-medium-blue: #718dc8;
  --brand-ae-light-blue: ##d9edf7;
  --brand-ae-green: #55bc55;
  --brand-ae-dark-blue: #3b5998;
  --brand-ae-black: #373a3f;
  --brand-ae-white: #ffffff;


   /** Typography **/

  --SourceSansPro-light: "Source Sans Pro Light"; /* 300 */
  --SourceSansPro-regular: "Source Sans Pro Regular"; /* 400 */
  --SourceSansPro-medium: "Source Sans Pro Medium"; /* 500 */
  --SourceSansPro-semibold: "Source Sans Pro Semibold"; /* 600 */
  --SourceSansPro-bold: "Source Sans Pro Bold"; /* 700 */
  --SourceSansPro-black: "Source Sans Pro 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(--SourceSansPro-bold);
  font-size: 32px !important;
  font-style: normal;
  line-height: normal;
}