body, .PageTopHeader  { background-color: #F0F8FF !important; }

body { font-family: "Work Sans", sans-serif !important; font-optical-sizing: auto; }

body h1, body h2, body h3, body h4 { font-family: "Work Sans", sans-serif !important; }

.NggBandWhite { display:none; }

.LearningGoals h2 .iconFont { font-size:30px; position:relative; top:6px; margin-right:7px; }

.TopPartOfSite .CrossTopics { max-width:100% !important;}

.CrossTopics {   max-width: 700px; margin: 0 auto;}

#AiChatContainer {
	.FlowconSearchController { max-width:800px; margin:0 auto;}	
}

body .AiQuestionInputContainer {
	left:calc(50% - 400px);
	width:800px !important; 
}

h1.BiggestNggH1 { font-size:42px; line-height:48px; text-align:center; margin: 55px 0 35px 0; }
.BigIdeaOuterContainer {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 500px));
	gap: 50px;
	justify-content: center;
	margin: 0 auto;
	.BigIdeaContainer { margin: 0 auto; }
}

.normalTable td { border-style:solid; border-width:2px; border-color:#E8F1F5; padding:5px; }
.normalTable img { margin-left:auto !important; margin-right:auto !important;  display:block; }
.normalTable { border-collapse: collapse; } 
.normalTable.hideborder td { border-style:none; } 

.FrontpageIntroText h1 { font-size:40px; }

.bigIdearText { width:65%; font-size:18px; line-height:24px; text-align:center; margin:0 auto; }

.ToBeABox li { margin: 6px 14px 6px 0 ; }
.ToBeABox > .inner { min-height:290px; }

.ToBeABoxContainer ToBeABoxContainer

.bigIdearText { text-align:left; clear:both;}

.NggWeekLandingPage h2.title { margin:0px 0 25px 0px; text-align:center;  }  

body .FrontpageIntroText { padding:50px 0 30px 0; }

body .CrossTopics { padding:0 0 45px 0; }

.TopPartOfSite { height: auto; }

.crossTopicContainer { width:130px; display:inline-block; margin:0 0 30px 0; color: #009ADE; }
.crossTopicContainer a.textLink { width: auto; height: auto;  border-style: none; margin: 10px auto 0 auto; display: block; text-align: center; }
.crossTopicContainer a { margin:0;  }
.crossTopicContainer { vertical-align:top; }
.crossTopicContainer a.insideBoxColor { position:relative; }
.crossTopicContainer .crossTopicProgress { position:absolute; left:8px; right:8px; bottom:8px; height:6px; background-color:rgba(0,0,0,0.15); border-radius:3px; overflow:hidden; }
.crossTopicContainer .crossTopicProgress .inner { height:100%; background-color:#fff; border-radius:3px; }
.CrossTopics img { width:60px; height:60px; padding:22px 0 0 0;  }

body div.CrossTopics { margin: 0; }

.BigIdeaContainer *:hover {text-decoration:none !important; }
.BigIdeaContainer:hover { background-color:#fefbe0; text-decoration:none !important; }

.BigIdeaContainer .iconFont { color: #FFCC00; font-size:52px; margin:20px 0 30px 0; }

.BigIdeaContainer { display:block; box-sizing:border-box; text-decoration:none; color: #009ADE; text-align:center; position:relative; background-color:white; width:100%; max-width:500px; border-radius:8px; padding:20px; margin:0 auto;}
.BigIdeaContainer:hover, .BigIdeaContainer:visited, .BigIdeaContainer:active { color: #009ADE; text-decoration:none; }
.BigIdeaContainer h1 { margin: 5px 0 14px 0;  }

/** Remove from frontpage */
.BigIdeaContainer { margin:40px auto; }
.BigIdeaContainer img { width:60px; NOposition:absolute; left:40px;margin-bottom:6px; }


.NggBand { margin-top:60px; background-color: #D3E8F2; padding:30px 0 60px 0; min-height:100px; }
.NggBandLight { margin-top:60px; background-color: #F0F8FF; padding:30px 0 60px 0; min-height:100px; color: #009ADE; }
.NggBandWhite { margin-top:60px; background-color: white; padding:30px 0 60px 0; min-height:100px; }

.NggBand {
		.ToBeABox { border-radius:12px; }
}

.ToBeABoxContainer { max-width:1150px; margin:0 auto; display:grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    align-items: start;   /* top-align within each cell */
    justify-items: center; /* horizontal centering within each cell */
}
.ToBeABox {
	h2 { text-align:left; margin:12px 0 0px 0; color:black; font-size:14px; line-height:18px;   }
	img { width:auto; height:45px; float:left; margin: 18px 10px 30px 40px;}
	ul { padding-left:25px; }
	li { font-size:13px; line-height:16px; }
	.inner { background-color: #F0F8FF; padding:4px; border-radius:0 0 8px 8px; margin-top:16px; }
}

.LearningGoalsContainer { margin:0 auto; display:grid; color:#009ADE; 
    grid-template-columns: 350px 350px;
    gap: 40px 100px;
    align-items: center;   /* vertical centering within each cell */
    justify-content: center;
}
.LearningGoals {
	h2 { text-align:left; margin:6px 0 6px 0; font-size:13px;line-height:26px;  }
	img { height:40px; width:auto; vertical-align: middle;margin-right:10px; }
	ul { padding-left:4px; margin:0; }
	li { margin: 6px 0;}
	.inner { padding:1px 12px 0 24px;  }
}

.NggWeekLandingPage .CrossTopics { margin:40px auto 0 auto; }

body div.OuterAiChatContainer { display:none; }



  td, th {
    vertical-align: top;
  }
.NggReader table { margin:0 auto;}