/**
 *	Topic Page Content Type
 */

/**
 *	Embedded Content: General Styles
 *	Orange: #ED7927;
 *	Dark Blue: #043956;
 *	Blue: #3D89B8;


Weird Science
Compare-Contrast-Connect
Practices of Science
Voice of the Sea
Further Investigation
Teacher Guide
Activty sheet
 */

figure { margin: 0 20px 20px 0; }

/* Embedded Content Wrappers (activities, special features and question sets) */
.special-feature-type-activity,
.special-feature-type-weird-science,
.special-feature-type-practices-of-science,
.special-feature-type-climate-connection,
.special-feature-type-further-investigations,
.special-feature-type-teacher-guide,
.special-feature-type-activity-sheet,
.special-feature-type-voice-of-the-sea,
.special-feature-type-compare-contrast-connect,
.special-feature-type-traditional-ways-of-knowing {
  z-index: 1; /* Allow for absolute positions within */
	position: relative;
	min-height: 90px;
	margin: 10px 0 20px 0;
}


.special-feature-type-question-set,
.node.node-video,
.special-feature-type-activity-sheet {
	z-index: 1; /* Allow for absolute positions within */
	position: relative;
	min-height: 90px;
	margin: 10px 0 20px 0;
	clear: both;
}

.special-feature-type-activity:before,
.special-feature-type-activity:after,

.special-feature-type-weird-science:before,
.special-feature-type-weird-science:after,

.special-feature-type-practices-of-science:before,
.special-feature-type-practices-of-science:after,

.special-feature-type-climate-connection:before,
.special-feature-type-climate-connection:after,

.special-feature-type-further-investigations:before,
.special-feature-type-further-investigations:after,

.special-feature-type-teacher-guide:before,
.special-feature-type-teacher-guide:after,

.special-feature-type-activity-sheet:before,
.special-feature-type-activity-sheet:after,

.special-feature-type-question-set:before,
.special-feature-type-question-set:after,

.special-feature-type-voice-of-the-sea:before,
.special-feature-type-voice-of-the-sea:after,

.node.node-video:before,
.node.node-video:after,

.special-feature-type-teacher-guide:before,
.special-feature-type-teacher-guide:after,

.special-feature-type-traditional-ways-of-knowing:before, 
.special-feature-type-traditional-ways-of-knowing:after,

.special-feature-type-compare-contrast-connect:before,
.special-feature-type-compare-contrast-connect:after {
	content: "";
	display: table;
}

.special-feature-type-activity:after,
.special-feature-type-weird-science:after,
.special-feature-type-practices-of-science:after,
.special-feature-type-further-investigations:after,
.special-feature-type-climate-connection:before,
.special-feature-type-teacher-guide:after,
.special-feature-type-activity-sheet:after,
.special-feature-type-question-set:after,
.special-feature-type-voice-of-the-sea:after,
.special-feature-type-compare-contrast-connect:after,
.node.node-video:after,
.special-feature-type-teacher-guide:after,
.special-feature-type-traditional-ways-of-knowing:after {	clear: both; }

/* Embedded Content Marker (left side color box) */
.embed-type-marker {
	display: block;
	position: absolute;
	width: 90px;
	height: 100%;
	left: 0;
}

.special-feature-type-activity .embed-type-marker,
.special-feature-type-question-set .embed-type-marker,
.node.node-video .embed-type-marker  { background-color: #ED7927; }




.special-feature-type-weird-science .embed-type-marker,
.special-feature-type-practices-of-science .embed-type-marker,
.special-feature-type-further-investigations .embed-type-marker,
.special-feature-type-climate-connection .embed-type-marker,
.special-feature-type-teacher-guide .embed-type-marker,
.special-feature-type-activity-sheet .embed-type-marker, 
.special-feature-type-voice-of-the-sea .embed-type-marker,
.special-feature-type-traditional-ways-of-knowing .embed-type-marker,
.special-feature-type-compare-contrast-connect .embed-type-marker { background-color: #3D89B8; }

/* Embedded content arrow (left side arrow) */
.embed-type-marker:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	margin: -12px 0 0 90px;
	position:absolute;
	top:50%;
}





.special-feature-type-activity .embed-type-marker:after,
.special-feature-type-question-set .embed-type-marker:after,
.node.node-video .embed-type-marker:after { border-color: transparent transparent transparent #ED7927; } 

.special-feature-type-weird-science .embed-type-marker:after,
.special-feature-type-practices-of-science .embed-type-marker:after,
.special-feature-type-climate-connection .embed-type-marker:after,
.special-feature-type-further-investigations .embed-type-marker:after,
.special-feature-type-teacher-guide .embed-type-marker:after,
.special-feature-type-activity-sheet .embed-type-marker:after, 
.special-feature-type-voice-of-the-sea .embed-type-marker:after,
.special-feature-type-traditional-ways-of-knowing .embed-type-marker:after,
.special-feature-type-compare-contrast-connect .embed-type-marker:after { border-color: transparent transparent transparent #3D89B8; }

/* Embedded Content Marker Icon */
.node .icon {
	position:absolute;
	top:50%;
	left: 20px;
	width: 50px;
	height: 50px;
	margin-top: -25px;
}

/* Default Embedded Activity Icon */
.special-feature-type-activity .icon { background: url('../images/tsi-icons.png') 10px 0 no-repeat; }
.special-feature-type-activity .icon.white { background: url('../images/tsi-icons.png') 6px -60px no-repeat; }

/* Embedded Special Feature Icon: Weird Science */
.special-feature-type-weird-science .icon { background: url('../images/tsi-icons.png') -522px 5px no-repeat; }
.special-feature-type-weird-science .icon.white { background: url('../images/tsi-icons.png') -522px -55px no-repeat; }

/* Embedded Special Feature Icon: Climate Connection */
.special-feature-type-climate-connection .icon { background: url('../images/tsi-icons.png') -220px 0 no-repeat; width: 80px; left: 9px; }
.special-feature-type-climate-connection .icon.white { background: url('../images/tsi-icons.png') -220px -60px no-repeat; width: 80px; left: 8px; }

/* Embedded Special Feature Icon: Compare Contrast Connect */
.special-feature-type-compare-contrast-connect .icon { background: url('../images/tsi-icons.png') -220px 0 no-repeat; }
.special-feature-type-compare-contrast-connect .icon.white { background: url('../images/tsi-icons.png') -305px -60px no-repeat; }

/* Embedded Special Feature Icon: Further Investigations */
.special-feature-type-further-investigations .icon { background: url('../images/tsi-icons.png') -220px 0 no-repeat; }
.special-feature-type-further-investigations .icon.white { background: url('../images/tsi-icons.png') -162px -60px no-repeat; }

/* Embedded Special Feature Icon: Practices of Science */
.special-feature-type-practices-of-science .icon { background: url('../images/tsi-icons.png') -220px 0 no-repeat; }
.special-feature-type-practices-of-science .icon.white { background: url('../images/tsi-icons.png') -360px -60px no-repeat; }

/* Embedded Special Feature Icon: special-feature-type-voice-of-the-sea */
.special-feature-type-voice-of-the-sea .icon { background: url('../images/tsi-icons.png') -220px 0 no-repeat; }
.special-feature-type-voice-of-the-sea .icon.white { background: url('../images/tsi-icons.png') -410px -60px no-repeat; }

/* Embedded Special Feature Icon: special-feature-type-traditional-ways-of-knowing */
.special-feature-type-traditional-ways-of-knowing .icon { background: url('../images/tsi-icons.png') -220px 0 no-repeat; }
.special-feature-type-traditional-ways-of-knowing .icon.white { background: url('../images/tsi-icons.png') -465px -59px no-repeat; }

/* Default Embedded Question Set */
.special-feature-type-question-set .icon { background: url('../images/tsi-icons.png') 10px 0 no-repeat; }
.special-feature-type-question-set .icon.white { background: url('../images/tsi-icons.png') -50px -60px no-repeat; }

/* Default Embedded Videos */
.node.node-video .icon { background: url('../images/tsi-icons.png') 10px 0 no-repeat; }
.node.node-video .icon.white { background: url('../images/tsi-icons.png') -579px -53px no-repeat; }

/* Default Embedded Question Set */
.special-feature-type-activity-sheet .icon { background: url('../images/tsi-icons.png') 10px 0 no-repeat; }
.special-feature-type-activity-sheet .icon.white { background: url('../images/tsi-icons.png') -636px -51px no-repeat; }

/* Teacher Guide */
.special-feature-type-teacher-guide .icon { background: url('../images/tsi-icons.png') 10px 0 no-repeat; }
.special-feature-type-teacher-guide .icon.white { background: url('../images/tsi-icons.png') -636px -51px no-repeat; }

/* Embedded Content Typography */
.node .node h2, .node .node a, .node .node p, .node .node span, .node .node li { font-family: 'Open Sans', sans-serif; }
/* Embedded Supertitle has an unordered list item displaying the supertitle. Hence, the mess. */
.embed-supertitle .field { display: block; margin: 0; }
.embed-supertitle .field ul { margin: 0; padding: 0; }
.embed-supertitle .field ul li { 	font-size: 14px; margin: 0 !important; } 
.embed-supertitle {
	font-size: 14px;
	text-transform: uppercase;
	color: #555;
	font-weight: 600;
	margin: 15px 15px 5px 125px;
	display: block;
}

.special-feature-type-activity .embed-supertitle,
.special-feature-type-question-set .embed-supertitle,
.node.node-video .embed-supertitle	 	{ color: #ED7927; }

.special-feature-type-activity-sheet .embed-supertitle,
.special-feature-type-weird-science .embed-supertitle,
.special-feature-type-practices-of-science .embed-supertitle,
.special-feature-type-climate-connection .embed-supertitle,
.special-feature-type-further-investigations .embed-supertitle,
.special-feature-type-teacher-guide .embed-supertitle, 
.special-feature-type-traditional-ways-of-knowing .embed-supertitle,
.special-feature-type-voice-of-the-sea .embed-supertitle,
.special-feature-type-compare-contrast-connect .embed-supertitle { color: #3D89B8; }

/* Embedded Title */
.embed-title { margin: 0; }
.embed-title a, .embed-title span { color: #043956; text-decoration: none; font-weight: normal; margin: 0 60px 0 125px; display: block; }
/* Embedded Blurb, Content */
.node .node p, .node figcaption, .embed-blurb, .video-description, .node .node .video-links { font-size: 14px; margin: 0 60px 20px 125px; display: block; }
.node .node h2 a + br { display: none; } /* Remove weird inserted break after link */

/**
 *	Embedded Video Styles
 */
.full-background {
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.node .modal .modal-header .close { float: right; }

.node .node-video {
	min-height: 250px; /* Ensure absolute content doesn't overflow */
}
.node .node-video .video-underlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #043956;
	opacity: 0.75;
}
/* Embedded Video Typography */
.node .node-video .embed-title a,
.node .node-video .embed-title span,
.node .node-video .video-description {
	color: #FFF;
}

/* Embedded Video Links */
.node .node .video-links { position: absolute; right: 0; top: 0; padding: 0; }
.node .node .video-links li {list-style: none; padding: 10px 0 0 0; }
.node .node .video-links li a {
	width: 34px;
	height: 34px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.node .node .video-links li.video-link-youtube a { background: url('../images/tsi-icons-ui.png') 0px -39px no-repeat #000000; }
.node .node .video-links li.video-link-vimeo a { background: url('../images/tsi-icons-ui.png') -42px -39px no-repeat #043956; }
.node .node .video-links li.video-link-crdg a { background: url('../images/tsi-icons-ui.png') -84px -39px no-repeat #3D89B8; }
.node .node .video-background { position: absolute;  }

/**
 *	Embedded Attachement Styles
 */
.special-feature-type-activity-sheet .download-link,
.special-feature-type-teacher-guide .download-link {
	display: block;
	cursor: pointer;
	width: 34px;
	height: 34px;
	background: url('../images/tsi-icons-ui.png') -126px -39px no-repeat #3D89B8;
	float: right;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;

	position:absolute;
	top:50%;
	right: 20px;
	margin-top: -17px;
}


/* Embedded Access Level Content */
.node .node .access-level-paid {
	display: block;
	cursor: pointer;
	width: 34px;
	height: 34px;
	background: url('../images/tsi-icons-ui.png') -170px -39px no-repeat #3D89B8;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;

	position:absolute;
	top:50%;
	right: 20px;
	margin-top: -17px;
}
.node .node .access-level-paid:hover {
	background: url('../images/tsi-icons-ui.png') -210px -39px no-repeat #3D89B8;
}

/* If current user is logged in and is a paid member, style embedded content slightly differently. */
.node .node.access-level-paid .icon { width: 55px; }
/* Paid Member, PAID Embedded Videos Icon */
.node .access-level-paid.node-video .icon { background: url('../images/tsi-icons.png') 10px 0 no-repeat; }
.node .access-level-paid.node-video .icon.white { background: url('../images/tsi-icons.png') -693px -53px no-repeat; }

/* Paid Member, PAID Embedded Question Set */
.node .access-level-paid.node-activity-sheet .icon { background: url('../images/tsi-icons.png') 10px 0 no-repeat; }
.node .access-level-paid.node-activity-sheet .icon.white { background: url('../images/tsi-icons.png') -751px -51px no-repeat; }

/** end Embedded Content styles **/

/* Paid content notice for unpaid users. */
#block-block-13 > h2 { display: none; }
#modal-paid-content .modal-dialog,
#modal-paid-content .modal-dialog *,
#modal-paid-content .modal-dialog *:before,
#modal-paid-content .modal-dialog *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#modal-paid-content .modal-header {
  display: none;
}
#modal-paid-content .modal-content {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
#modal-paid-content .modal-dialog {
  width: 800px;
  height: 550px;
  padding: 40px;
  background: #307aae;
  overflow: hidden;
}
#modal-paid-content .modal-dialog .modal-body {
  padding: 0;
}
/* Modal: Content Unavailable */
#modal-paid-content .modal-dialog-content-unavailable {
  background-image: url(../images/background-helper-content-unavailable.png);
}
#modal-paid-content .modal-dialog-content-unavailable .button-purchase-membership {
  color: white;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  width: 150px;
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
  top: 342px;
  left: 550px;
}
#modal-paid-content .modal-dialog-content-unavailable .button-purchase-membership:hover {
  background-color: #f17610;
}


/* Hide unnecessary labels */
body.page-node-type-topic-page .field-type-viewreference { display: none; }

/* Teacher's Guide Download Buttons */
body.page-node-type-topic-page .field-name-field-teacher-guide { width: 145px; height: 40px; position: absolute; top: -37px; right: -173px; z-index: 200;}
body.page-node-type-topic-page .field-name-field-teacher-guide .field-items .field-item .file a > :nth-child(1), body.page-node-type-topic-page .field-name-field-teacher-guide .field-label { display: none; }
body.page-node-type-topic-page .field-name-field-teacher-guide a { width: 145px; height: 40px; display: block; background: url('../images/activity-teachers.png') no-repeat transparent; text-indent: -9999px; }
body.page-node-type-topic-page .field-name-field-teacher-guide a:hover { background: url('../images/activity-teachers-hover.png') no-repeat transparent; }

/* Useful Links Styles */
body.page-node-type-topic-page .field-name-field-useful-links { width: 600px; }
body.page-node-type-topic-page .field-name-field-useful-links .field-label { border-bottom: 1px solid #E1E1E1; color: #033956; font-size: 17px; font-family: 'Cabin', serif; margin: 15px 0; }
body.page-node-type-topic-page .field-name-field-useful-links ul { list-style-type: square; margin: 7px 0 7px 20px; padding: 5px 0; }
body.page-node-type-topic-page .field-name-field-useful-links ul li { padding: 5px 0; }
body.page-node-type-topic-page .indented .indented .links.inline { display: none; }


/* Necessary?! */
/*
body.page-node-type-topic-page .field-name-body h1 { display: none; }
*/

/* Comments
body.page-node-type-topic-page #comments .field-name-field-rating {
	position: absolute;
	right: 15px;
	top: 9px;
}

body.page-node-type-topic-page #comments .field-name-field-rating#edit-field-rating {
	position: inherit;
}

body.page-node-type-topic-page #comments .rate-widget {
	margin: 0px -8px 0 0;
	float: right;
}

body.page-node-type-topic-page #comments .indented .indented .rate-widget {
	margin: -18px -9px 0 0;
	float: right;
}

body.page-node-type-topic-page #comments .rate-widget a.rate-button {
	width: 45px;
	background: url(../images/thumbs-up.png) 30px 1px no-repeat;
	color: #909090;
	text-decoration: none;
	margin: 3px 0 0 -48px;
	padding: 0 19px 0 0;
	top: -20px;
}

body.page-node-type-topic-page #comments .rate-widget a.rate-button:hover {
	background: url(../images/thumbs-up-hover.png) 30px 1px no-repeat;
	color: #F6851F;
}

body.page-node-type-topic-page #comments .rate-widget .rate-info {
	width: auto;
	text-align: right;
	margin: -23px -5px 0 0;
}

body.page-node-type-topic-page #comments .field-name-field-rating .field-label {
	display: none;
}

body.page-node-type-topic-page #comments h2 {
	margin: 0 0 14px 0;
	color: #036A8F;
	font-weight: 600;
}

body.page-node-type-topic-page .comment {
	width: 600px;
}


body.page-node-type-topic-page .comment .comment-text {
	background-color: #E6E6E6;
	padding: 10px 25px 10px 18px;
	width: 474px;
	float: right;
}

body.page-node-type-topic-page .comment .comment-arrow {
	background: url('../images/comment-arrow.png') no-repeat;
	border: none;
	margin-left: -28px;
	width: 10px;
	height: 20px;
}

body.page-node-type-topic-page .comment .content, body.page-node-type-topic-page p.comment-time {
	margin: 0;
}

body.page-node-type-topic-page p.comment-time {
	color: #777;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
}

body.page-node-type-topic-page .indented {
	margin-left: 82px;
}


body.page-node-type-topic-page .indented .comment {
	width: 517px;
}

body.page-node-type-topic-page .indented .comment-text {
	width: 390px;
}

body.page-node-type-topic-page .indented .indented .comment {
	width: 434px;
}

body.page-node-type-topic-page .indented .indented .comment-text {
	width: 307px;
}

body.page-comment #page-title {
	width: 600px;
	float: left;
	display: block;
	margin: 0 0 15px 0;
}

body.page-comment .comment {
	width: 600px;
}

#block-views-comments-block {
	width: 620px;
	
}

*/ /*END COMMENTS*/

/**
 *  Custom styling for Standards Alignment (faux module) NGSS Performance
 * Expectations view table.
 */
body.page-node-type-topic-page div.view-standards-alignment-ngss-performance-expectations > .view-content > .view-grouping > .view-grouping-header {
	font-size: 20px;
	line-height: 20px;
	margin-top: 30px;
}

body.page-node-type-topic-page div.view-standards-alignment-ngss-performance-expectations > .view-content > .view-grouping > .view-grouping-content > .view-grouping > .view-grouping-header {
	font-size: 17px;
	margin-top: 10px;
	margin-bottom: -10px;
	margin-left: 18px;
}

body.page-node-type-topic-page div.view-standards-alignment-ngss-performance-expectations > .view-content > .view-grouping > .view-grouping-content > .view-grouping > .view-grouping-content {
	margin-left: 36px;
	line-height: 12px;
}


/**
 * Custom styling for NGSS Performance Expectations that this topic has been
 * tagged with.
 */

  body.page-node-type-topic-page div.field--name-field-standards-ngss-pe .field__items {
  width: 550px;
  position: relative;
  left: 260px;
  top: -15px;
  padding: 0 0 0px 20px;
  border-left: 1px solid #008CAD;
  }

  body.page-node-type-topic-page div.field--name-field-standards-ngss-pe .field__item {
  padding: 0 0 10px 0px;
  }
 body.page-node-type-topic-page div.field--name-field-standards-ngss-pe {
	clear: both;
	background-color: #036A8F;
	padding: 10px 0 0 11px;
	margin: 2px 0 15px 0;
 }

 body.page-node-type-topic-page div.field--name-field-standards-ngss-pe > .field__label,
 body.page-node-type-topic-page div.field--name-field-standards-ngss-pe a {
 	color: #FFF !important;
 }

body.page-node-type-topic-page div.field--name-field-standards-ngss-pe > .field__label {
	font-style: oblique;
	font-weight: normal;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.page-node-type-topic-page div.field--name-field-standards-ngss-pe > ul {
	float: left;
	width: 360px;
}


body.page-node-type-topic-page div.field--name-field-standards-ngss-pe div.field__items {
	font-weight: normal;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.2;
}

body.page-node-type-topic-page div.field--name-field-standards-ngss-pe-linking {
	clear: both;
	color: #FFF;
	background-color: #036A8F;
	padding: 10px 11px;
	margin: -15px 0 15px 0;
	border-top: 1px solid #008CAD;
}


body.page-node-type-topic-page article.media--view-mode-two-thirds-w-caption-copywrite {
  
  width: 400px;
  font-size: 13px;
  margin: 10px 5px 5px 5px;
  
}



body.page-node-type-topic-page article.media--view-mode-half-w-caption {
  width: 300px;
  font-size: 13px;
  margin: 10px 5px 5px 5px;
  
}
body.page-node-type-topic-page article.media--view-mode-third-266w {
  width: 190px;
  font-size: 13px;
  margin: 10px 5px 5px 5px;
}

/* view-mode-colorbox-small is for Quarter (200) */
body.page-node-type-topic-page article.media--view-mode-colorbox-small {
  width: 145px;
  font-size: 13px;
  margin: 10px 5px 5px 5px;
}
body.page-node-type-topic-page article.media--view-mode-colorbox-small .field--name-field-media-image,
body.page-node-type-topic-page article.media--view-mode-third-266w .field--name-field-media-image,
body.page-node-type-topic-page article.media--view-mode-two-thirds-w-caption-copywrite .field--name-field-media-image,
body.page-node-type-topic-page article.media--view-mode-colorbox-large .field--name-field-media-image {
  text-align: center;
}

body.page-node-type-topic-page article.media--view-mode-colorbox-large {
  width: 600px;
  font-size: 13px;
}


body.page-node-type-topic-page .view-standards-alignment-olp-terms .views-field-name {
  display: none;
}