body {font-size : 70%; background: none; padding: 0; margin: 0; height: 100%; }
p {margin-bottom: 1em}
h1, h2, h3, h4, h5, h6 {color: #00a99d }

#headcontainer{
    display: none;
}
/* Global print settings */
h2, h3 {
   page-break-after: avoid;
}
li, img {
   page-break-inside: avoid;
}

/* Minimise margins & padding */
#headcontainer, #headcontainer .col, header {margin: 0; padding: 0;}

header, nav, .maincontent {width: 100%;}
header { height: 80px; border-bottom: 1px solid #00a99d; margin-bottom: 10px; clear: both; }

/* Global IE adjustments */
body.IE {margin-top:-40px}
.IE header { height: 120px; margin-bottom: 0 }
.IE .head-feature {display: none}

.maincontent { margin-bottom: 1em }

/* Logo */
.logo {clear: both; width: 140px; height: 65px; display: block}
.logo > a { display: block; width: 140px; height: 65px; clear: both; }
  .IE .logo svg { height: 145px; }
	 .logo > a > span {display: none}

.primary-content, .article-column, .vocab { margin-bottom: 2em }



/* Resources */
.result{page-break-inside: avoid;}
.head-feature {display: none}
.content-header { margin-top: 2.5em; margin-bottom: 0; }
.content-header .col { margin-bottom: 0 }
.resource-type {padding: 0; background: none}
.primary-content, .additional-info {padding: 0;}
.key-box, .additional-info { border-top: 1px solid #00a99d; margin-bottom: 0 }
.key-box .col { margin-top: 0.5%; margin-bottom: 0.5% }
.key-box h2 { margin-left: 0; font-size: 2em; }
.key-box ul { font-size: 1.5em }
.key-box ul > li { background: none; padding-left: none; list-style: disc outside none  }
.head-feature  {display:none;}
.results-view {display:none;}
.sequence > li:before {
  content: counter(item) " ";
  counter-increment: item;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  display: block;
  background: #00a99d;
  padding: 3px 6px 7px 6px;
  text-align: left;
}

/* Tables */
table tr td { border: 1px solid #b3e3e0; }

  /* Resources > Growing topics tables */
  
  /* table tbody td a.resource-type { font-size:0em!important }
  table tbody td a.resource-type { font-size: 0.5em } */
  table tbody td a.resource-type { background: none !important  }


/* Block insert */
.block-insert > .img { margin-bottom: 1em }

/* Essential background */
.essential-background h2 { padding: 3% 0; color: #00a99d }
.essential-background > ul > li > a { color: #00a99d; font-size: inherit; }
.essential-background ul li a:after {display: none}

.step-by-step ol {margin: 4% 1% 1% 4%;}
.hints-and-tips {margin: 4% 1% 1% 0; padding-left: 0 ; padding-bottom: 0px;}
.hints-and-tips > li {padding-left: 0; background: none}

/* Sequences */
.sequence {margin-bottom: 0}
  .sequence > li:before { font-size: 1.3em }
  /* Spotter guides */
  .spotter-guides .annotation {// margin-top: -2.8em }
  .spotter-guides .tick > span { min-width: 30px; min-height: 30px; line-height: 30px }
  /* How to */
  .how-to-cards .img { max-width: 100%; margin: 0; }
  .how-to-cards .instructions { max-width: 100%; margin-top: 0.4em }
    .how-to-cards .instructions h3, .how-to-cards .instructions p { font-size: 1.2em }
  .how-to-cards > li:before { font-size: 2.2em; padding: 4px 7px 10px 7px; }

/* Listings */
.results.span_3_of_4 { width: 100%; margin-left: 0 }
#featured-training-course{display:none;}
#course-listing-header {width:100%;}
/* Hide */
.signin-register, .signed-in, .site-search, .primary, .secondary, .share, .ratings, .cgt-connect, .see-also, #footercontainer, .search-filters, .resource .back-to-results, .awards-global {display: none}


/* Background colours & images for webkit browsers */
@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}


/* /// Adding styles back in for Webkit /// */

@media only print and (-webkit-min-device-pixel-ratio:0) {
	.primary-content, .additional-info {padding: 1% 5% 4% 5%;}
  .additional-info {border-top: none}
	.essential-background > h2 { background: #00a99d; color: #fff; padding: 3% 4%; margin-bottom: 1px }
		.essential-background > ul > li { margin: 0 0 1px 0; padding: 0; background-color: #67b52c; }
			.essential-background > ul > li > a { display: block; padding: 3% 4%; color: #fff; }
			.essential-background > ul > li > a:after { content: ">"; padding: 0 0 0 5px; display: inline-block; }

      .resource-type {padding-left: 20px}
      .advice { background: url(../img/advice-sheet.svg) no-repeat center left; background-size: 0.9em; padding-left: 14px }
      .activity { background: url(/assets/styles/img/activity.svg) no-repeat center left; padding-left: 18px; background-size: 0.6em }
      .content-header .activity { background-size: 13%; padding-left: 1.6% }
      .image { background: url(../img/image.svg) no-repeat center left }
      .spotter-guide { background: url(../img/spotter-guide.svg) no-repeat center left; background-size: 1em; padding-left: 16px }
      .how-to { background: url(../img/how-to.svg) no-repeat center left; padding-left: 24px }
      .class-growing-topic { background: url(../img/class-growing-topic.svg) no-repeat center left; padding-left: 18px }
      .project { background: url(../img/project.svg) no-repeat center left; padding-left: 24px }
      .lesson-plan { background: url(../img/lesson-plan.svg) no-repeat center left; padding-left: 19px; }

      .key-box ul { list-style: none; margin: 0.55em 5% 3% 0; padding: 0;}
      .key-box ul > li { list-style: none; margin-bottom: 0.4em; line-height: 1.2em }
      .objectives ul > li { padding-left: 26px; background: url(../img/check.svg) no-repeat 0 2px; background-size: 14px }
      .questions ul > li { padding-left: 26px; background: url(../img/question.svg) no-repeat 0 2px; background-size: 14px }
}


/*News */
.news-archive {display:none; page-break-before: always;}
#news-results { width:100%; padding: 0px; margin-top: 10px; }
#news-h1 {margin-top: -15px;}
.result-details p { max-width:100% }
.result-details { float: left; max-width:100%;  border-top: 1px solid #00a99d; padding: 0em ; position: relative }
.news .result-details h3 {
    color: #ff0000;
    font-size: 1.1em;
}
.news .result-details h3 a {
    color: #ff0000;
    font-size: 1.1em;
}
.result-details h3 {
    font-size: 1.1em;
}
a.ng-binding {font-size: 0.5em;}

/* school stories*/
#featured-school-story {display: none;}

body.IE > #wrapper { display:none;}

/* error messages*/
p.error { color: #f77d43; font-weight: bold; margin-bottom: 1em; }
input.error, textarea.error {background-color: #feece3}
.error-summary { background: #f77d43 url(../img/alert.svg) no-repeat 1em 1.3em; color: #666; padding: 1.2em 2em 1.5em 3em; width: 100%; font-size: 1.5em; margin-top: 0.8em; position: relative; clear: both }
	.error-summary *, .error-summary a:hover, .error-summary a:visited { color: #fff; }
	.error-summary > h2 { font-size: 1.3em; margin: 0; }
	.error-summary > .subhead { font-size: 1.3em; margin-bottom: 0.8em }
	.maincontent .error-summary > ul { font-size: 0.8em }
	.maincontent .error-summary > ul > li { margin-bottom: 1em }
	.error-summary > ul > li > a > strong { display: block; clear: both; }



    /* view evidence */

    .next-level {display:none;}

    .level-5{ page-break-inside: avoid;}
       .level-5{ page-break-after: always;}
  
    col {border:none!important;}


    /*helpers*/

    .print-width-90-percent{

        width: 90%;
    }