.edu-heading-1{
  font-family: Torque-bold;
  font-size: 80px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
}
.edu-heading-2{
  font-family: NotoSans-bold;
  font-size: 45px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: center;
  text-transform: uppercase;
}

.edu-heading-3{
  font-family: Torque-bold;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  text-align: center;
}

.edu-heading-4{
  font-family: NotoSans-bold  ;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
}

.edu-heading-5{
  font-family: NotoSans-bold  ;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.9;
  letter-spacing: normal;
  text-align: center;
}

.edu-para{
  font-family: NotoSans;
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
}

.rte ul li {
    list-style-type: disc;
    margin-left: 10px;
}

.rte ol li {
    list-style-type: decimal;
    margin-left: 10px;
}

@media (min-width: 320px) and (max-width: 991px){
  .edu-heading-1{
    font-size: 60px;
    line-height: 1.17;
  }
  .edu-heading-2{
    font-size: 35px;
    line-height: 1.29;
  }
  .edu-heading-3{
    font-size: 30px;
    line-height: 1.67;
  }
  .edu-para{
    font-size: 22px;
    line-height: 1.36;
  }
}

/* .card-inner{
	padding: 100px 0 70px;
} */

.card-inner .edu-heading-2{
	width: 70%;
	margin-top: 30px;
    margin-left:auto;
    margin-right: auto;
}

.card-inner .edu-para{
	width: 85%;
	margin-top: 30px;
     margin-left:auto;
    margin-right: auto;
    word-break: break-word;
}

@media (min-width: 320px) and (max-width: 991px) {
	/* .card-inner{
		padding: 70px 0;
	} */
	.card-inner h2.edu-heading-2,
	.card-inner p.edu-para{
		width: 100%;
     margin-left:auto;
    margin-right: auto;
	}
}

@media only screen and (max-width: 576px) {
  .edu-heading-4 {
    font-size: 22px;
  }
}

/*//////////////////////////////////////////////////////////////////
[ BACKGROUND ]*/
.institutional-fade-bgColor {
    background-color: #e6f2e3;
}

.discover-fade-bgColor {
    background-color: #f3ebf4;
}

.getstart-fade-bgColor {
    background-color: #f8ecec;
}

.resource-fade-bgColor {
    background-color: #e7eef3;
}

.connect-fade-bgColor {
    background-color: #faebd5;
}

/*Hover state*/
.institutional-hover a:hover {
    color: #488344;
}

.discover-hover a:hover {
    color: #915f9c;
}

.getstart-hover a:hover {
    color: #c6504e;
}

.resource-hover a:hover {
    color: #4b728c
}

.connect-hover a:hover {
    color: #b15a13;
}

/*colors*/
.body-color {
    color: #252525 !important;
}

.institutional-color {
    color: #488344 !important;
}

.discover-color {
    color: #915f9c !important;
}

.getstart-color {
    color: #c6504e !important;
}

.resource-color {
    color: #4b728c !important;
}

.connect-color {
    color: #b15a13 !important;
}

.grey-color {
    color: #4e4f4f;
}

/* -- Institutional -- */
.green-background.light,
.institutional-fade-background,
.institutional-fade-bgColor {
    background-color: #e6f2e3;
}

.green-background,
.institutional-color-background {
    background-color: #488344;
}

.green-background.dark,
.institutional-shadow-background {
    background-color: #366133;
}

.green,
.institutional-color {
    color: #40753c;
}

.green.light,
.institutional-fade-color {
    color: #e6f2e3;
}

.green.dark,
.institutional-shadow-color {
    color: #366133;
}

/* -- Discover -- */
.purple-background.light,
.discover-fade-background,
.discover-fade-bgColor {
    background-color: #F3E4F4;
}

.purple-background,
.discover-color-background {
    background-color: #915F9C;
}

.purple-background.dark,
.discover-shadow-background {
    background-color: #704A78;
}

.purple,
.discover-color {
    color: #915F9C;
}

.purple.light,
.discover-fade-color {
    color: #F3E4F4;
}

.purple.dark,
.discover-shadow-color {
    color: #704A78;
}

/* -- Get Started -- */
.red-background.light,
.getstarted-fade-background,
.getstarted-fade-bgColor {
    background-color: #F8ECEC;
}

.red-background,
.getstarted-color-background {
    background-color: #c6504e;
}

.red-background.dark,
.getstarted-shadow-background {
    background-color: #B23B3B;
}

.red,
.getstarted-color {
    color: #c6504e;
}

.red.light,
.getstarted-fade-color {
    color: #F8ECEC;
}

.red.dark,
.getstarted-shadow-color {
    color: #B23B3B;
}

/* -- Resources -- */
.blue-background.light,
.resources-fade-background,
.resources-fade-bgColor {
    background-color: #E7EEF3;
}

.blue-background,
.resources-color-background {
    background-color: #4B728C;
}

.blue-background.dark,
.resources-shadow-background {
    background-color: #3C5D6D;
}

.blue,
.resources-color {
    color: #4B728C;
}

.blue.light,
.resources-fade-color {
    color: #E7EEF3;
}

.blue.dark,
.resources-shadow-color {
    color: #3C5D6D;
}

/* -- Connect -- */
.orange-background.light,
.connect-fade-background,
.connect-fade-bgColor {
    background-color: #faebd5;
}

.orange-background,
.connect-color-background {
    background-color: #b15a13;
}

.orange-background.dark,
.connect-shadow-background {
    background-color: #b15a13;
}

.orange,
.connect-color {
    color: #b15a13;
}

.orange.light,
.connect-fade-color {
    color: #faebd5;
}

.orange.dark,
.connect-shadow-color {
    color: #984C0E;
}


/* -- Extra -- */
.white {
    color: #FFF;
}
.white-background {
    background-color: #FFF;
}
.style-Picker-Dialog .cq-dialog-content .u-coral-padding .coral-Form-fieldwrapper {
    margin-bottom: 20px;
}

.style-Picker-Dialog #ADD_STYLE, .style-Picker-Dialog #REMOVE_STYLE {
    margin: 10px 20px 10px 20px;
    min-width: 100px;
    font-size: 16px;
}

.style-Picker-Dialog #ADD_STYLE {
    margin-left: 60px;
}

.style-Picker-Dialog .coral-Dialog-wrapper, .style-Picker-Dialog .coral3-Dialog-wrapper {
    position: relative !important;
    left: 0 !important;
    top: 14px !important;
    margin: 0.625rem auto !important;
}

.style-Picker-Dialog {
    background-color: #f0f0f0;
    overflow: hidden !important;
    font-size: 15px;
}

.style-Picker-Dialog .coral3-Select .coral3-SelectList-item[disabled] {
    color: #FFF;
    font-size: 16px;
    background-color: #77a8d4;
      padding-left:.625rem;
}

.style-Picker-Dialog .coral3-Select .coral3-SelectList-item{
    padding-left:1.5rem;
}



.style-Picker-Dialog .coral3-Select .coral3-Select-label {
    font-size: 14px;
}

.rte-dialog--stylePickerDialog {
    transform: scale(0.9) !important;
}