.npop {
	background: rgba(150,150,150,0.7);
}
.npop-close-btn {
	background: #fff;
	color: #3a3a3a;
	font-weight: 600;
	height: auto;
	padding: 8px 20px;
	right: 35px;
	top: 25px;
	width: auto;
	z-index: 9;
	
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.npop .field-name-field-article-date {
	padding: 15px 30px 0;
}
.npop .npop-content {
	background: #fff url(../images/bg-02.png) repeat-x top center;
	left: 0px;
	margin: 0 auto;
	max-width: 1000px;
	padding: 10px 0px 0px 0px;
	right: 0px;
	top: 0px;
	width: 100%;
}
.npop .npop-content .node {
	padding: 0px;
}
.npop .field-name-body,
.npop .node-content {
	background: #fff;
	padding: 20px 30px;
}
.npop .field-name-title h2 {
	color: #fff!important;
	font-size: 36px;
	font-weight: 500;
	margin: 0px!important;
	max-width: 88%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.npop .field-name-title,
.npop .node-header {
	background: #FF9600;
	clear: both;
	display: block;
	padding: 16px 25px!important;
}
.npop .node-header .node-title {
	margin: 0px!important;
}
.npop .node-header a {
	color: #fff!important;
}
.npop .field-name-node-link {
	padding: 0px 30px 15px 30px;
}
.read-more {
	background: #FF9600;
	color: #fff!important;
	clear: both;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	margin: 0px!important;
	padding: 10px 15px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.read-more:hover {
	background: #f07512;
}
.view-connected-learning-related-articles {
	margin-top: 30px;
}
.view-connected-learning-outside-reference .view-header,
.view-connected-learning-related-articles .view-header {
	border-bottom: 1px #ddd solid;
	border-top: 10px #FF9600 solid;
	color: #FF9600;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 25px;
	padding: 10px 0px;
}
.view-connected-learning-outside-reference .view-header {
	border-top: 10px #1abc9c solid;
	color: #1abc9c;
}
.node-type-connected-learning .title-bar-content {
	width: 100%!important;
}
.node-type-connected-learning .title-bar-controls,
.background-color-title-bar,
.vocabulary-connected-learning-topic,
.vocabulary-connected-learning-topic + section.nodes + h2 + div.item-list-pager,
.view-connected-learning-subtopic .views-field-tid,
.view-connected-learning-subtopic .views-field-field-clt-color,
.node-connected-learning.node-teaser {
	display: none;
}
.connected-learning-subtopic-block,
.view-connected-learning-subtopic {
	background-color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 5px auto 0 auto!important;
	max-width: 1100px;
	position: relative;
	width: 100%;
}
.connected-learning-subtopic-block {
	min-height: 420px;
}
.view-connected-learning-subtopics-menu .views-row .views-field-field-clt-color,
.connected-learning-subtopic-block .field-item {
	display: none;
}
.connected-learning-subtopics-menu-block {
	display: none;
	float: right;
	padding: 25px 20px 20px 0px!important;
}
.connected-learning-subtopics-menu-block .view-content {
	background: url(../images/bg-24.png) repeat-x top;
	width: 275px;
	min-height: 260px;
	padding: 10px 10px 0px 10px;
}
.connected-learning-subtopics-menu-block .view-content h3 {
	margin: 0px!important;
}
.connected-learning-subtopics-menu-block .view-content h3 a {
	background: #F7850B;
	border-left-color: #f07512;
	border-left-style: solid;
	border-left-width: 3px;
	color: #fff;
	display: block;
	font-size: 15px!important;
	line-height: 1.5;
	margin-bottom: 2px;
	padding: 5px 10px;
}
.connected-learning-subtopics-menu-block .view-content h3 a:hover {
	background: #f07512;
	color: #fff;
}
.connected-learning-subtopic-block .connected-learning-subtopics-menu-block {
	display: block;
}
.view-connected-learning-subtopics-menu .views-row a {
	background: rgba(255,255,255,0.9);
	border-left-color: #999;
	border-left-style: solid;
	border-left-width: 3px;
	color: #111;
	display: block;
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 2px;
	padding: 5px 10px;
}
.view-connected-learning-subtopics-menu .views-row a.active,
.view-connected-learning-subtopics-menu .views-row a:hover {
	color: #fff;
	font-weight: 400!important;
}
.view-connected-learning-subtopic .view-content {
	height: 100%;
	margin: 0 auto;
	max-width: 800px;
	min-height: 560px;
	position: relative;
	width: 100%;
}
.view-connected-learning-subtopic .subtopic-wrapper-desc {
	color: #fff;
	display: block;
	height: 360px;
	left: 0px;
	margin: 0 auto;
	max-width: 480px;
	position: absolute;
	right: 0px;
	top: 50%;
	width: 100%;
	z-index: 1;
	transform: translateY(-50%);
}
.view-connected-learning-subtopic .views-row {
	height: 110px;
	position: absolute;
	width: 190px;
	z-index: 2;
	
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
}
.view-connected-learning-subtopic .views-row.active {	
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.view-connected-learning-subtopic a.clt-subtopic-title {
	border: 5px solid #fff;
	border: 5px solid rgba(255,255,255,0.3);
	color: #fff!important;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	font-weight: 500;
	height: 100%;
	left: 0px;
	padding: 15px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	top: 0px;
	width: 100%;
	
	-webkit-justify-content: center;
			justify-content: center;
			  -ms-flex-pack: center;

	-webkit-align-items: center;
	  -webkit-box-align: center;
		 -ms-flex-align: center;
			align-items: center;

}
.view-connected-learning-subtopic .views-row .views-field-name div {
	display: none;
}
.view-connected-learning-subtopic .views-row.active a.clt-subtopic-title {
	border: 5px solid #fff;
}
.view-connected-learning-subtopic .clt-subtopic-desc {
	border: 5px #fff solid;
	display: none;
	height: 100%;
	left: 0px;
	padding: 50px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 2;
	
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.view-connected-learning-subtopic .clt-subtopic-desc-acc {
	border: none;
	display: none;
	margin: -10px 0px 10px 0px!important;
	padding: 20px;
}
.view-connected-learning-subtopic .clt-subtopic-desc-link a {
	background: #fff;
	color: #666;
	display: inline-block;
	font-weight: 500;
	margin-top: 5px;
	padding: 8px 15px;
}
.view-connected-learning-subtopic .clt-subtopic-desc-link a:hover {
	color: #000;
}
.view-connected-learning-subtopic .clt-subtopic-desc-acc .clt-subtopic-desc-link a {
	background: #ddd;
}
.view-connected-learning-subtopic .subtopic-title-page-wrapper {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	font-size: 36px;
	font-weight: 700;
	height: 100%;
	left: 0px;
	line-height: 43px;
	padding: 50px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	top: 0px;
	width: 100%;
	z-index: 1;
	
	-webkit-justify-content: center;
			justify-content: center;
			  -ms-flex-pack: center;

	-webkit-align-items: center;
	  -webkit-box-align: center;
		 -ms-flex-align: center;
			align-items: center;
}

/* COLUMN POSITION - Open */
.subtopic-total-1 .views-row-1,
.subtopic-total-2 .views-row-1,
.subtopic-total-3 .views-row-1,
.subtopic-total-4 .views-row-1,
.subtopic-total-5 .views-row-1,
.subtopic-total-6 .views-row-1 {
	left: 0;
	margin: 0 auto;
	right: 0;
	top: 20px;
}
.subtopic-total-3 .views-row-2,
.subtopic-total-4 .views-row-2 {
	margin-top: -55px;
	right: 0;
	top: 50%;
}
.subtopic-total-3 .views-row-3,
.subtopic-total-4 .views-row-4 {
	left: 0;
	margin-top: -55px;
	top: 50%;
}
.subtopic-total-5 .views-row-2,
.subtopic-total-6 .views-row-2 {
	right: 0;
	top: 25%;
}
.subtopic-total-5 .views-row-3,
.subtopic-total-6 .views-row-3 {
	bottom: 25%;
	right: 0;
}
.subtopic-total-2 .views-row-2,
.subtopic-total-4 .views-row-3,
.subtopic-total-6 .views-row-4 {
	bottom: 20px;
	left: 0;
	margin: 0 auto;
	right: 0;
}
.subtopic-total-5 .views-row-4,
.subtopic-total-6 .views-row-5 {
	left: 0;
	bottom: 25%;
}
.subtopic-total-5 .views-row-5,
.subtopic-total-6 .views-row-6 {
	top: 25%;
	left: 0;
}
/* COLUMN POSITION - Close */


.clt-subtopic-sidebar-block .views-row {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.clt-subtopic-sidebar-block .views-row:after {
	clear: both;
	content: "";
	display: block;
}
.clt-subtopic-sidebar-block .views-field-field-clt-image {
	float: left;
	width: 40%;
}
.clt-subtopic-sidebar-block .views-field-title {
	float: left;
	padding-left: 10px;
	width: 60%;
}
.clt-subtopic-sidebar-block .views-field-title a {
	color: #111;
}
.clt-subtopic-sidebar-block .views-field-title a:hover {
	color: #fd8840;
}
.ckeditor-accordion-container {}
.ckeditor-accordion-container > dl {
	border: none;
}
.ckeditor-accordion-container > dl dt > a {
	background: #fff;
	border: #ddd 1px solid!important;
	color: #222;
	margin-top: 5px;
	padding: 10px 15px 10px 15px!important;
}
.ckeditor-accordion-container > dl dt > a:hover {
	background: #ff9600;
	border: #ff9600 1px solid!important;
	color: #fff;
}
.ckeditor-accordion-container > dl dt.active > a {
	background: #f07512;
	border: #f07512 1px solid!important;
	color: #fff;
}
.ckeditor-accordion-container > dl dd > :first-child {
	padding-top: 15px!important;
}
.ckeditor-accordion-container > dl dd {
    background: #fff;
    border: 1px #ddd solid;
    border-top: none;
}
.ckeditor-accordion-toggle {
	display: none!important;
}

/**/
.view-question-answer .ui-accordion {
	
}
.view-question-answer .ui-accordion .ui-accordion-header,
.view-question-answer .ui-accordion .ui-accordion-content {
	margin-left: 0px;
}
.view-question-answer .ui-accordion .ui-accordion-header:hover a,
.view-question-answer .ui-accordion .ui-accordion-header-active,
.view-question-answer .ui-accordion .ui-accordion-header-active a {
	color: #fff!important;
}