@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Raleway:300,500,900,700,800");
/********************************** VARIABLES******************************************************************/
/* html5reset.css - 01/11/2011 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

.edit-data-icon {
    background: url(../img/bg/pencil.gif) no-repeat right;
    color: #ffffff;
    padding-right: 22px; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* RESPONSIVE GRID SYSTEM =============================================================================  */
/* BASIC PAGE SETUP ============================================================================= */
body {
  margin: 0 auto;
  padding: 0;
  font: 100%/1.4 arial, helvetica, helve, sans-serif;
  color: #666;
  text-align: center; }

button,
input,
select,
textarea {
  font-family: arial, helvetica, helve, sans-serif;
  color: #666;
  /* Set styling defaults for webkit browser form elements -webkit-appearance: none; */ }

/*  HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h1 {
  color: #666;
  margin-top: 0;
  margin-bottom: 0.1em;
  line-height: 1.1; }

h2 {
  color: #00a99d;
  margin-bottom: .5em;
  margin-top: .5em;
  line-height: 1.2; }

h3 {
  color: #00a99d;
  margin-bottom: 0.3em;
  line-height: 1.3; }

h4 {
  color: #666;
  margin-bottom: 0.5em;
  line-height: 1.25; }

footer h4 {
  color: #ccc; }

h5 {
  color: #666;
  margin-bottom: 1.25em; }

h6 {
  color: #666; }

/*  TYPOGRAPHY  ============================================================================= */
p, ol, ul, dl, address {
  margin-bottom: 1.5em;
  color: #666;
  font-size: 1em;
  /* 16 / 16 = 1 */ }

p {
  hyphens: auto; }

p.center {
  text-align: center; }

.and {
  font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif;
  font-size: 1.5em;
  /* 24 / 16 */ }

.heart {
  font-size: 1.5em;
  /* 24 / 16 */ }

ul,
ol {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 24px; }

.maincontent ul li, .maincontent .content-body ol li {
  margin: 0 0 0.4em 0; }

li ul,
li ol {
  margin: 0;
  font-size: 1em;
  /* 16 / 16 = 1 */ }

dl,
dd {
  margin-bottom: 1.5em; }

dt {
  font-weight: normal; }

b, strong {
  font-weight: bold; }

hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc; }

small {
  font-size: 1em;
  /* 16 / 16 = 1 */ }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

.subtext {
  color: #666; }

/* LINKS =============================================================================  */
a {
  color: #458c32;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none; }

a:visited {
  color: #ab925f; }

a:focus {
  outline: thin dotted;
  color: #67b52c; }

a:hover,
a:active {
  outline: 0;
  color: #f77d43; }

footer a {
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

footer a:visited {
  color: #fff; }

footer a:focus {
  outline: thin dotted;
  color: black; }

footer a:hover,
footer a:active {
  outline: 0;
  color: #fff; }

/* IMAGES ============================================================================= */
img, svg {
  border: 0;
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */ }

img.floatleft {
  float: left;
  margin: 0 10px 0 0; }

img.floatright {
  float: right;
  margin: 0 0 0 10px; }

/* TABLES ============================================================================= */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.4em;
  width: 100%; }

th, td, caption {
  padding: .25em 10px .25em 5px; }

tfoot {
  font-style: italic; }

caption {
  background-color: transparent; }

/* FORMS ============================================================================= */
form {
  margin: 0; }

fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0; }

legend {
  *margin-left: -7px;
  padding: 0;
  border-width: 0; }

label {
  font-weight: normal;
  cursor: pointer;
  display: block;
  margin: 0;
  position: relative;
  top: 0;
  left: 0; }

label.inline {
  display: inline;
  margin: 0; }

label span {
  color: #666;
  font-size: 0.9em; }

label span.right {
  position: absolute;
  bottom: 0;
  right: 1em;
  text-align: right; }

label.disabled {
  color: #ccc; }

button,
.search,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  margin: 0;
  cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input, textarea {
  margin: 0;
  border: 0;
  font-size: 1em;
  padding: 0 12px;
  background: #fff;
  -moz-box-shadow: inset 0 1px 4px 0 #ccc;
  -webkit-box-shadow: inset 0 1px 4px 0 #ccc;
  box-shadow: inset 0 1px 4px 0 #ccc; }

input {
  min-height: 40px;
  line-height: 40px; }

textarea {
  font-size: 1.2em;
  padding: 1.2em 1.5em; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  background: none;
  box-shadow: none;
  line-height: auto;
  min-height: 1px;
  display: inline-block; }

:checked + .label-check {
  font-weight: bold; }

label {
  display: inline-block; }

input[type="search"], input[type="file"] {
  box-sizing: content-box; }

input[type="file"] {
  line-height: normal;
  min-height: 1%;
  padding: 9px 8px 7px;
  -moz-box-shadow: inset 0px 0px 2px #ddd;
  -webkit-box-shadow: inset 0px 1px 2px #ddd;
  box-shadow: inset 0px 1px 2px #ddd; }

input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder {
  color: #bbb;
  line-height: 40px; }

input::-moz-focus-inner {
  border: 0; }

input[disabled="disabled"], input.disabled {
  color: #999;
  background: #f5f5f5;
  -moz-box-shadow: inset 0px 0px 2px #ddd;
  -webkit-box-shadow: inset 0px 1px 2px #ddd;
  box-shadow: inset 0px 1px 2px #ddd; }

/* Colors for form validity */
input:valid,
textarea:valid {
  /* Styles */ }

input:invalid,
textarea:invalid {
  -webkit-box-shadow: 0 0 2px #f00;
  -moz-box-shadow: 0 0 2px #f00;
  box-shadow: 0 0 2px #f00; }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #ccc; }

/*  MAIN LAYOUT	============================================================================= */
#skiptomain {
  display: none; }

#wrapper {
  width: 100%;
  position: relative;
  text-align: left; }

#headcontainer {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 0.6em; }

header, nav {
  clear: both;
  width: 80%;
  /* 1000px / 1250px */
  font-size: 0.8125em;
  /* 13 / 16 */
  max-width: 92.3em;
  /* 1200px / 13 */
  margin: 0 auto;
  padding: 0px 0px 8px 0px;
  position: relative;
  color: #000; }

#maincontentcontainer {
  width: 100%; }

.darkcontainer {
  background: rgba(102, 102, 102, 0.05); }

.lightcontainer {
  background: rgba(255, 255, 255, 0.33); }

.maincontent {
  clear: both;
  width: 80%;
  /* 1000px / 1250px */
  font-size: 0.8125em;
  /* 13 / 16 */
  max-width: 92.3em;
  /* 1200px / 13 */
  margin: 0 auto 3em auto;
  padding: 0;
  color: #333;
  line-height: 1.5em;
  position: relative; }

#footercontainer {
  width: 100%;
  background: #00a99d;
  padding-bottom: 2em; }

footer {
  clear: both;
  width: 80%;
  /* 1000px / 1250px */
  font-size: 0.8125em;
  /* 13 / 16 */
  max-width: 92.3em;
  /* 1200px / 13 */
  margin: 0 auto;
  padding: 10px 0px;
  color: #999; }

footer strong {
  font-size: 1.077em;
  /* 14 / 13 */
  color: #aaa; }

footer a:link, footer a:visited {
  color: #fff;
  text-decoration: none; }

footer a:hover {
  color: #fff;
  text-decoration: underline; }

ul.pagefooterlist, ul.pagefooterlistimages {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none; }

ul.pagefooterlist li, ul.pagefooterlistimages li {
  clear: left;
  margin: 0px;
  padding: 0px 0px 3px 0px;
  display: block;
  line-height: 1.5em;
  font-weight: normal;
  background: none; }

ul.pagefooterlistimages li {
  height: 34px; }

ul.pagefooterlistimages li img {
  padding: 5px 5px 5px 0px;
  vertical-align: middle;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

ul.pagefooterlistimages li a {
  text-decoration: none; }

ul.pagefooterlistimages li a:hover img {
  opacity: 1.0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

#smallprint {
  margin-top: 20px;
  line-height: 1.4em;
  text-align: center;
  color: #999;
  font-size: 0.923em;
  /* 12 / 13 */ }

#smallprint p {
  vertical-align: middle; }

#smallprint .twitter-follow-button {
  margin-left: 1em;
  vertical-align: middle; }

#smallprint img {
  margin: 0px 10px 15px 0px;
  vertical-align: middle;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#smallprint a:hover img {
  opacity: 1.0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

#smallprint a:link, #smallprint a:visited {
  color: #999;
  text-decoration: none; }

#smallprint a:hover {
  color: #999;
  text-decoration: underline; }

/*  SECTIONS  ============================================================================= */
.section, .diy-hr-turquoise, .diy-hr-grey, .budding-gardener-comp .winner, .young-gardener-comp .winner-section, .main-section-budd-gard {
  clear: both;
  padding: 0px;
  margin: 0px; }

/*  CODE  ============================================================================= */
pre.code {
  padding: 0;
  margin: 0;
  font-family: monospace;
  white-space: pre-wrap;
  font-size: 1.1em; }

strong.code {
  font-weight: normal;
  font-family: monospace;
  font-size: 1.2em; }

/*  EXAMPLE  ============================================================================= */
#example .col, #example .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp #example .medal-drawer-label {
  background: #ccc;
  background: rgba(204, 204, 204, 0.85); }

/*  SAMPLE  ============================================================================= */
#sample .col, #sample .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp #sample .medal-drawer-label {
  background: #ccc;
  padding: 1em 0;
  background: rgba(204, 204, 204, 0.85); }

/*  CALCUATIONS  ============================================================================= */
#calculated .col, #calculated .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp #calculated .medal-drawer-label {
  background: #ccc;
  padding: 1em 0;
  background: rgba(204, 204, 204, 0.85); }

/*  NOTES  ============================================================================= */
.note {
  position: relative;
  padding: 1em 1.5em;
  margin: 0 0 1em 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden; }

.note:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: transparent transparent #cccccc #cccccc;
  background: #cccccc;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
  display: block;
  width: 0;
  /* Firefox 3.0 damage limitation */ }

.note.rounded {
  -webkit-border-radius: 5px 0 5px 5px;
  -moz-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px; }

.note.rounded:before {
  border-width: 8px;
  background: url(/images/bodyback.png);
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px; }

/*  SCREENS  ============================================================================= */
.siteimage {
  max-width: 90%;
  padding: 5%;
  margin: 0 0 1em 0;
  background: transparent url(/images/stripe-bg.png);
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.siteimage:hover {
  background: #bbb url(/images/stripe-bg.png);
  position: relative;
  top: -2px; }

/*  COLUMNS  ============================================================================= */
.twocolumns {
  -moz-column-count: 2;
  -moz-column-gap: 2em;
  -webkit-column-count: 2;
  -webkit-column-gap: 2em;
  column-count: 2;
  column-gap: 2em; }

/*  BUTTONS  ============================================================================= */
.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  color: #fff;
  padding: .5em 1em;
  margin: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #cc1122 url(/images/glass.png) repeat-x 0 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1.1em; }

.button:hover {
  background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
  color: #fff;
  text-decoration: none; }

.button:active {
  background: #dd2233 url(/images/glass.png) repeat-x 0 50%;
  color: #fff;
  position: relative;
  top: 1px; }

.button:visited {
  color: #fff; }

/* UTILITIES ============================================================================= */
/* Margin and padding */
.u-m-t-0 {
  margin-top: 0 !important; }

.u-m-b-0 {
  margin-bottom: 0 !important; }

.u-m-r-2 {
  margin-right: 2% !important; }

.u-m-r-3 {
  margin-right: 3% !important; }

.u-m-r-4 {
  margin-right: 4% !important; }

.u-m-r-5 {
  margin-right: 5% !important; }

.u-m-r-6 {
  margin-right: 6% !important; }

.u-p-2 {
  padding: 2%; }

.u-p-3 {
  padding: 1.5em 3%; }

/* Alignment */
/* Flow */
.u-t-l {
  text-align: left; }

.u-t-c-sm {
  text-align: center; }

@media only screen and (min-width: 481px) {
  .u-t-l-md {
    text-align: left; }
  .u-t-r-md {
    text-align: right; } }

/* Floats and clearing */
.breaker {
  clear: both; }

.group:before, .diy-hr-turquoise:before, .diy-hr-grey:before, .open-comps-list .sandy-sub-box:before, .competition-faqs .sandy-sub-box:before, .budding-gardener-comp .winner:before, .young-gardener-comp .winner-section:before, .young-gardener-comp .add-info:before, .main-section-budd-gard:before,
.group:after,
.diy-hr-turquoise:after,
.diy-hr-grey:after,
.open-comps-list .sandy-sub-box:after,
.competition-faqs .sandy-sub-box:after,
.budding-gardener-comp .winner:after,
.young-gardener-comp .winner-section:after,
.young-gardener-comp .add-info:after,
.main-section-budd-gard:after {
  content: "";
  display: table; }

.group:after, .diy-hr-turquoise:after, .diy-hr-grey:after, .open-comps-list .sandy-sub-box:after, .competition-faqs .sandy-sub-box:after, .budding-gardener-comp .winner:after, .young-gardener-comp .winner-section:after, .young-gardener-comp .add-info:after, .main-section-budd-gard:after {
  clear: both; }

.group, .diy-hr-turquoise, .diy-hr-grey, .open-comps-list .sandy-sub-box, .competition-faqs .sandy-sub-box, .budding-gardener-comp .winner, .young-gardener-comp .winner-section, .young-gardener-comp .add-info, .main-section-budd-gard {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

.floatleft, .left {
  float: left; }

.floatright, .right {
  float: right; }

.inline-block {
  display: inline-block; }

/* VENDOR-SPECIFIC ============================================================================= */
html {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #349edb;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

.clearfix {
  zoom: 1; }

::-webkit-selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none; }

::-moz-selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none; }

::selection {
  background: #1777af;
  color: #fafafa;
  text-shadow: none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; }

::-webkit-input-placeholder {
  font-size: .875em;
  line-height: 40px; }

input:-moz-placeholder {
  font-size: .875em;
  line-height: 40px; }

.ie7 img,
.iem7 img {
  -ms-interpolation-mode: bicubic; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

p {
  /* http://www.w3.org/TR/css3-text/#hyphenation */
  -webkit-hyphens: auto;
  -webkit-hyphenate-character: "\2010";
  -webkit-hyphenate-limit-after: 1;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphens: auto; }

/* FLEX ============================================================================= */
@media only screen and (min-width: 376px) {
  .flex {
    -webkit-align-items: stretch;
    align-items: stretch;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex !important; }
  .flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex !important;
    width: 100%; }
  .flex-container:after {
    clear: both;
    content: "";
    display: table; }
  .flex-content {
    width: 100%; }
  .no-flex {
    display: block !important; } }

/*  SECTIONS  ============================================================================= */
.section, .diy-hr-turquoise, .diy-hr-grey, .budding-gardener-comp .winner, .young-gardener-comp .winner-section, .main-section-budd-gard {
  clear: both;
  padding: 0px;
  margin: 0px; }

/*  GROUPING  ============================================================================= */
.group:before, .diy-hr-turquoise:before, .diy-hr-grey:before, .open-comps-list .sandy-sub-box:before, .competition-faqs .sandy-sub-box:before, .budding-gardener-comp .winner:before, .young-gardener-comp .winner-section:before, .young-gardener-comp .add-info:before, .main-section-budd-gard:before,
.group:after,
.diy-hr-turquoise:after,
.diy-hr-grey:after,
.open-comps-list .sandy-sub-box:after,
.competition-faqs .sandy-sub-box:after,
.budding-gardener-comp .winner:after,
.young-gardener-comp .winner-section:after,
.young-gardener-comp .add-info:after,
.main-section-budd-gard:after {
  content: "";
  display: table; }

.group:after, .diy-hr-turquoise:after, .diy-hr-grey:after, .open-comps-list .sandy-sub-box:after, .competition-faqs .sandy-sub-box:after, .budding-gardener-comp .winner:after, .young-gardener-comp .winner-section:after, .young-gardener-comp .add-info:after, .main-section-budd-gard:after {
  clear: both; }

.group, .diy-hr-turquoise, .diy-hr-grey, .open-comps-list .sandy-sub-box, .competition-faqs .sandy-sub-box, .budding-gardener-comp .winner, .young-gardener-comp .winner-section, .young-gardener-comp .add-info, .main-section-budd-gard {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/*  GRID COLUMN SETUP   ==================================================================== */
.col, .budding-gardener-comp .medal-drawer-label {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%; }

.col:first-child, .budding-gardener-comp .medal-drawer-label:first-child {
  margin-left: 0; }

/* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col, .budding-gardener-comp .medal-drawer-label {
    margin: 1% 0 1% 0%; } }

/*  GRID OF TWO   ============================================================================= */
.span_2_of_2, .budding-gardener-comp .medal-drawer-label {
  width: 100%; }

.span_1_of_2 {
  width: 49.2%; }
  .span_1_of_2--full-width {
    width: 50%;
    margin-left: 0 !important; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_1_of_2, .span_2_of_2, .budding-gardener-comp .medal-drawer-label, .span_1_of_2--full-width {
    width: 100%; } }

/*  GRID OF THREE   ============================================================================= */
.span_3_of_3 {
  width: 100%; }

.span_2_of_3 {
  width: 66.13%; }
  .span_2_of_3--full-width {
    width: 66%;
    margin-left: 0 !important; }

.span_1_of_3 {
  width: 32.26%; }
  .span_1_of_3--full-width {
    width: 33%;
    margin-left: 0 !important; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_3_of_3 {
    width: 100%; }
  .span_2_of_3 {
    width: 100%; }
  .span_1_of_3 {
    width: 100%; } }

/*  GRID OF FOUR   ============================================================================= */
.span_4_of_4 {
  width: 100%; }

.span_3_of_4 {
  width: 74.6%; }

.span_2_of_4 {
  width: 49.2%; }

.span_1_of_4 {
  width: 23.8%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_4_of_4 {
    width: 100%; }
  .span_3_of_4 {
    width: 100%; }
  .span_2_of_4 {
    width: 100%; }
  .span_1_of_4 {
    width: 100%; } }

/*  GRID OF FIVE   ============================================================================= */
.span_5_of_5 {
  width: 100%; }

.span_4_of_5 {
  width: 79.68%; }
  .span_4_of_5--full-width {
    width: 80%;
    margin-left: 0 !important; }

.span_3_of_5 {
  width: 59.36%; }
  .span_3_of_5--full-width {
    width: 60%;
    margin-left: 0 !important; }

.span_2_of_5 {
  width: 39.04%; }
  .span_2_of_5--full-width {
    width: 40%;
    margin-left: 0 !important; }

.span_1_of_5 {
  width: 18.72%; }
  .span_1_of_5--full-width {
    width: 20%;
    margin-left: 0 !important; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5, .span_4_of_5--full-width, .span_3_of_5--full-width, .span_2_of_5--full-width, .span_1_of_5--full-width {
    width: 100%;
    display: block !important; } }

/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 {
  width: 100%; }

.span_5_of_6 {
  width: 83.06%; }

.span_4_of_6 {
  width: 66.13%; }

.span_3_of_6 {
  width: 49.2%; }

.span_2_of_6 {
  width: 32.26%; }

.span_1_of_6 {
  width: 15.33%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_6_of_6 {
    width: 100%; }
  .span_5_of_6 {
    width: 100%; }
  .span_4_of_6 {
    width: 100%; }
  .span_3_of_6 {
    width: 100%; }
  .span_2_of_6 {
    width: 100%; }
  .span_1_of_6 {
    width: 100%; } }

/*  GRID OF SEVEN   ============================================================================= */
.span_7_of_7 {
  width: 100%; }

.span_6_of_7 {
  width: 85.48%; }

.span_5_of_7 {
  width: 70.97%; }

.span_4_of_7 {
  width: 56.45%; }

.span_3_of_7 {
  width: 41.94%; }

.span_2_of_7 {
  width: 27.42%; }

.span_1_of_7 {
  width: 12.91%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_7_of_7 {
    width: 100%; }
  .span_6_of_7 {
    width: 100%; }
  .span_5_of_7 {
    width: 100%; }
  .span_4_of_7 {
    width: 100%; }
  .span_3_of_7 {
    width: 100%; }
  .span_2_of_7 {
    width: 100%; }
  .span_1_of_7 {
    width: 100%; } }

/*  GRID OF EIGHT   ============================================================================= */
.span_8_of_8 {
  width: 100%; }

.span_7_of_8 {
  width: 87.3%; }

.span_6_of_8 {
  width: 74.6%; }

.span_5_of_8 {
  width: 61.9%; }

.span_4_of_8 {
  width: 49.2%; }

.span_3_of_8 {
  width: 36.5%; }

.span_2_of_8 {
  /* width: 23.8%; */
  }

.span_1_of_8 {
  width: 11.1%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_8_of_8 {
    width: 100%; }
  .span_7_of_8 {
    width: 100%; }
  .span_6_of_8 {
    width: 100%; }
  .span_5_of_8 {
    width: 100%; }
  .span_4_of_8 {
    width: 100%; }
  .span_3_of_8 {
    width: 100%; }
  .span_2_of_8 {
    width: 100%; }
  .span_1_of_8 {
    width: 100%; } }

/*  GRID OF NINE   ============================================================================= */
.span_9_of_9 {
  width: 100%; }

.span_8_of_9 {
  width: 88.71%; }

.span_7_of_9 {
  width: 77.42%; }

.span_6_of_9 {
  width: 66.13%; }

.span_5_of_9 {
  width: 54.84%; }

.span_4_of_9 {
  width: 43.55%; }

.span_3_of_9 {
  width: 32.26%; }

.span_2_of_9 {
  width: 20.97%; }

.span_1_of_9 {
  width: 9.68%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_9_of_9 {
    width: 100%; }
  .span_8_of_9 {
    width: 100%; }
  .span_7_of_9 {
    width: 100%; }
  .span_6_of_9 {
    width: 100%; }
  .span_5_of_9 {
    width: 100%; }
  .span_4_of_9 {
    width: 100%; }
  .span_3_of_9 {
    width: 100%; }
  .span_2_of_9 {
    width: 100%; }
  .span_1_of_9 {
    width: 100%; } }

/*  GRID OF TEN   ============================================================================= */
.span_10_of_10 {
  width: 100%; }

.span_9_of_10 {
  width: 89.84%; }

.span_8_of_10 {
  width: 79.68%; }

.span_7_of_10 {
  width: 69.52%; }

.span_6_of_10 {
  width: 59.36%; }

.span_5_of_10 {
  width: 49.2%; }

.span_4_of_10 {
  width: 39.04%; }

.span_3_of_10 {
  width: 28.88%; }

.span_2_of_10 {
  width: 18.72%; }

.span_1_of_10 {
  width: 8.56%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_10_of_10 {
    width: 100%; }
  .span_9_of_10 {
    width: 100%; }
  .span_8_of_10 {
    width: 100%; }
  .span_7_of_10 {
    width: 100%; }
  .span_6_of_10 {
    width: 100%; }
  .span_5_of_10 {
    width: 100%; }
  .span_4_of_10 {
    width: 100%; }
  .span_3_of_10 {
    width: 100%; }
  .span_2_of_10 {
    width: 100%; }
  .span_1_of_10 {
    width: 100%; } }

/*  GRID OF ELEVEN   ============================================================================= */
.span_11_of_11 {
  width: 100%; }

.span_10_of_11 {
  width: 90.76%; }

.span_9_of_11 {
  width: 81.52%; }

.span_8_of_11 {
  width: 72.29%; }

.span_7_of_11 {
  width: 63.05%; }

.span_6_of_11 {
  width: 53.81%; }

.span_5_of_11 {
  width: 44.58%; }

.span_4_of_11 {
  width: 35.34%; }

.span_3_of_11 {
  width: 26.1%; }

.span_2_of_11 {
  width: 16.87%; }

.span_1_of_11 {
  width: 7.63%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_11_of_11 {
    width: 100%; }
  .span_10_of_11 {
    width: 100%; }
  .span_9_of_11 {
    width: 100%; }
  .span_8_of_11 {
    width: 100%; }
  .span_7_of_11 {
    width: 100%; }
  .span_6_of_11 {
    width: 100%; }
  .span_5_of_11 {
    width: 100%; }
  .span_4_of_11 {
    width: 100%; }
  .span_3_of_11 {
    width: 100%; }
  .span_2_of_11 {
    width: 100%; }
  .span_1_of_11 {
    width: 100%; } }

/*  GRID OF TWELVE   ============================================================================= */
.span_12_of_12 {
  width: 100%; }

.span_11_of_12 {
  width: 91.53%; }

.span_10_of_12 {
  width: 83.06%; }

.span_9_of_12 {
  width: 74.6%; }

.span_8_of_12 {
  width: 66.13%; }

.span_7_of_12 {
  width: 57.66%; }

.span_6_of_12 {
  width: 49.2%; }

.span_5_of_12 {
  width: 40.73%; }

.span_4_of_12 {
  width: 32.26%; }

.span_3_of_12 {
  width: 23.8%; }

.span_2_of_12 {
  width: 15.33%; }

.span_1_of_12 {
  width: 6.86%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_12_of_12 {
    width: 100%; }
  .span_11_of_12 {
    width: 100%; }
  .span_10_of_12 {
    width: 100%; }
  .span_9_of_12 {
    width: 100%; }
  .span_8_of_12 {
    width: 100%; }
  .span_7_of_12 {
    width: 100%; }
  .span_6_of_12 {
    width: 100%; }
  .span_5_of_12 {
    width: 100%; }
  .span_4_of_12 {
    width: 100%; }
  .span_3_of_12 {
    width: 100%; }
  .span_2_of_12 {
    width: 100%; }
  .span_1_of_12 {
    width: 100%; } }

/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  header {
    width: 93.75%;
    /* 960px / 1024px */ }
  #maincontent {
    width: 93.75%;
    /* 960px / 1024px */ }
  .maincontent {
    width: 93.75%;
    /* 960px / 1024px */ }
  footer {
    width: 93.75%;
    /* 960px / 1024px */ } }

/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  header {
    width: 93.75%;
    /* 720px / 768px */ }
  #maincontent {
    width: 93.75%;
    /* 720px / 768px */ }
  .maincontent {
    width: 93.75%;
    /* 720px / 768px */ }
  footer {
    width: 93.75%;
    /* 720px / 768px */ } }

/*  SECTIONS  ============================================================================= */
.section, .diy-hr-turquoise, .diy-hr-grey, .budding-gardener-comp .winner, .young-gardener-comp .winner-section, .main-section-budd-gard {
  clear: both;
  padding: 0px;
  margin: 0px; }

/*  GROUPING  ============================================================================= */
.group:before, .diy-hr-turquoise:before, .diy-hr-grey:before, .open-comps-list .sandy-sub-box:before, .competition-faqs .sandy-sub-box:before, .budding-gardener-comp .winner:before, .young-gardener-comp .winner-section:before, .young-gardener-comp .add-info:before, .main-section-budd-gard:before,
.group:after,
.diy-hr-turquoise:after,
.diy-hr-grey:after,
.open-comps-list .sandy-sub-box:after,
.competition-faqs .sandy-sub-box:after,
.budding-gardener-comp .winner:after,
.young-gardener-comp .winner-section:after,
.young-gardener-comp .add-info:after,
.main-section-budd-gard:after {
  content: "";
  display: table; }

.group:after, .diy-hr-turquoise:after, .diy-hr-grey:after, .open-comps-list .sandy-sub-box:after, .competition-faqs .sandy-sub-box:after, .budding-gardener-comp .winner:after, .young-gardener-comp .winner-section:after, .young-gardener-comp .add-info:after, .main-section-budd-gard:after {
  clear: both; }

.group, .diy-hr-turquoise, .diy-hr-grey, .open-comps-list .sandy-sub-box, .competition-faqs .sandy-sub-box, .budding-gardener-comp .winner, .young-gardener-comp .winner-section, .young-gardener-comp .add-info, .main-section-budd-gard {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/*  GRID COLUMN SETUP   ==================================================================== */
.col, .budding-gardener-comp .medal-drawer-label {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%; }

.col:first-child, .budding-gardener-comp .medal-drawer-label:first-child {
  margin-left: 0; }

/* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col, .budding-gardener-comp .medal-drawer-label {
    margin: 1% 0 1% 0%; } }

/**********************************************************************************************/
/**********************************************************************************************/
/*

							 	___               _                _  
							  / ___| ___   _ __  | |_  ___  _ __  | |_  ___ 
							 | |    / _ \ | '_ \ | __|/ _ \| '_ \ | __|/ __|
							 | |___| (_) || | | || |_|  __/| | | || |_ \__ 							  \____|\___/ |_| |_| \__|\___||_| |_| \__||___/
  */
/**********************************************************************************************/
/**********************************************************************************************

   1. Global Settings 
  2. Remove padding in IE10 & lower
  3. Required field asterisk 
  4. Form validation 

  TYPOGRAPHY 
  **********

  Faces and widgets
  *****************
  5. Light
  6. Regular
  7. Bold 
  8. Extra Bold
  9. Font - font-sizes


  SECTIONS
  ********
  10. Main Header
  11. Buttons
  12. Back to search results
  13. Site search 
  14. Auto complete
  15. Site search
  16.  Auto complete
  17. Navigation
  18. Dropdown
  19. FOOTER

  MAIN CONTENT
  ************
  20.  TABLES
  21. Image galleries (inline)
  21(a) Rows of 2
  21(b) Rows of 3 
  22.  Head feature
  23. Landing page modules 
  24. Tool tips 
  24.(a) Top 
  24.(b) RIght
  25. sstool-tip
  


  RESOURCES & TRAINING COURSES
  ****************************
 26. Resource LP
 27 Courses LP 
 28. Course Table 
 9.  Modules


 Search
 ******
 30. Global search
 31. Filter (Refine by) 
 32.  Filter (Browse by) 
 33. Courses - search filter (mods) 
 34.  Results head 
 35.  Courses - Results head (mods)
 36 Results list
 37 Ratings
 38.  Simple results
 39 Courses - Results List 


COURSES
*******
40. Courses
41. Prices
42. When
43. Where
44. Course back button

RESOURCE TYPES
**************

45. Resource types 
46. Header
47. Social media sharing widget 
48. Learning Objectives / Assessment questions
49. Insert block 
50. Essential background 
51. Introduction
52. Primary content (eg Step by step)
53. Article column
54. Step by step
55. Additional information
56. Sequences 
57. How to 
58. Spotter guides
59. Lesson plans
60. Generic landing page
61. Generic content


SCHOOL GARDENING AWARDS
***********************

 62. School Gardening Awards LP
 63. Submit Evidence
 64. Badge 

65. level 1 & 2  
66. Level 5 

 View Evidence
******************
 67 Written
68 Level 4

 RATINGS & ASIDES 
****************
69 Ratings 
70. Belongs to Class Growing Topic
71.  See more (related content) 
73 Tag list 
74. See more


Home page 
***********
75 Carousel
76. Registration - multiple option reveal layer
68 Features
69. Buttons
70.  Latest video 
70  Latest video 

Bookmarks management page
*************************
71. Bookmarks management page



 User Home Page
******************
72. User Home Page
73. Grid adjustments 
74. Featured resource
75. See more 


Competitions & bookmarks modules
********************************
76. Competitions & bookmarks modules
77. Resources
78. Empty boxes 
79. Restore anchor hovers


Registration Landing Page
*************************
80  Registration Landing Page


School stories
***************
81. School Story - Results listing
82. School Story - Detail Page


News
****
83. News story
84.  News listing 

Forms
*****
85. Forms
86. Registration - step 1
87. Post code adjustments
88. Register a non UK address link
99. Radio buttons & Checkboxes 
100. Choose from multiple accounts

Manage accounts 
***************
101. Manage accounts
102.Account details



Media Queries
***************
(Big section - no sections numbered yet


Android SVG
************

IE8  fir IE8 support
********************


COOKIES BANNER
**************




***********************************************************************************************/
/**********************************************************************************************/
/*
										

									   UNOFFICIAL
								  _   			 _          
								 | |_  ___    __| |  ___    
								 | __|/ _ \  / _` | / _ \  
								 | |_| (_) || (_| || (_) | 
								  \__|\___/  \__,_| \___/ 
 										  LIST	

/**********************************************************************************************

1. Increase documentation ( comments and summaries  in the contents secion  e.g. 
   "1. Global Settings  //  main background color and accesability settings )""
2. MAKE A PLAN FOR REFACTORING INTO SASS
3. sTART REFACTORIUNG IN TO SASS

**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************/
/**********************************************************************************************
								     ___   ___  ___  ___                                            
								    / __| / __|/ __|/ __|                                           
								  _ \__ \| (__ \__ \\__ \                                           
								 (_)|___/ \___||___/|___/                                           
                   __             _                  _                   _      __  
				  / / __ _   ___ | |_  _   _   __ _ | |   ___  ___    __| |  ___\ \ 
				 | | / _` | / __|| __|| | | | / _` || |  / __|/ _ \  / _` | / _ \| |
				 | || (_| || (__ | |_ | |_| || (_| || | | (__| (_) || (_| ||  __/| |
				 | | \__,_| \___| \__| \__,_| \__,_||_|  \___|\___/  \__,_| \___|| |
				  \_\                                                           /_/                     

********************************************************************************************/
/*********************************************************************************************/
/* Global settings */
body {
  background: #f7f8e9; }

*, *:before, *:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */ }

/* The animate class is apart of the element and the ng-enter class
   is attached to the element once the enter animation event is triggered */
.reveal-animation.ng-enter {
  -webkit-transition: 0.5s linear all;
  /* Safari/Chrome */
  transition: 0.5s linear all;
  /* All other modern browsers and IE10+ */
  /* The animation preparation code */
  opacity: 0; }

/* Keep in mind that you want to combine both CSS classes together to avoid any CSS-specificity conflicts */
.reveal-animation.ng-enter.ng-enter-active {
  /* The animation code itself */
  opacity: 1; }

.hidden, .skip-links > h2, .skip-links > ul > li > a {
  left: -9999px;
  position: absolute; }

.skip-links > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }

.skip-links > ul > li > a {
  background: #fff;
  border: 1px solid #458c32;
  padding: 0.8em 1em;
  z-index: 8;
  font-size: 1.2em;
  color: #458c32;
  line-height: 1.2em;
  white-space: nowrap;
  top: -60px; }

.skip-links > ul > li > a:focus {
  left: 40px; }

img.loading {
  margin-left: 15px; }

input[type="submit"], input[type="button"], button {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: #458c32;
  color: #fff; }

/* Remove padding in IE10 & lower */
input[type="checkbox"], input[type="radio"] {
  padding: 0; }

/* Required field asterisk */
.req {
  color: #f77d43;
  font-size: 1.5em;
  line-height: 0;
  position: relative;
  top: 0.2em; }

/* Form validation */
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; }

.form .error-summary > h2 {
  border-top: 0;
  padding-top: 0;
  margin-top: 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: 0.6em; }

.error-summary > ul > li > a > strong {
  display: block;
  clear: both; }

video {
  max-width: 100%; }

a:focus {
  outline: 2px auto -webkit-focus-ring-color; }

/* //// Typography //// */
/* Faces & Weights */
/* Light */
.user-home h1 > span, .user-home h2, .rhs-btn:after, .home-cta-box > p, .subhead, .back-to-results span:before, .key-box ul, aside.cgt-connect > h3, aside.see-also > h2, .see-more > h2, .see-more > h3, .results-head h2, .sga .mandatory, .sga-level, .level-5 .video-evidence:after, .next-level > h2, .user-home .show-more > a:before, .body-large {
  font-family: 'Raleway', sans-serif;
  font-weight: 300; }

/* Regular */
h3, input, table tbody th, .signin-register ul > li:first-child, nav.primary > ul > li > div, nav.secondary > div.nav-contain > ul.breadcrumb > li.l-2, nav.secondary > div.nav-contain > ul.present-nav, .feature-label > span, .competitions .day, .rhs-banner .offer-text > p, .copyright > p, .search-filters .resource-type, ul.resource-facets, .essential-background > ul > li > a:after, .ratings h3, .ratings p, aside.cgt-connect > h3 > span, aside.cgt-connect > ul > li > a:after, .see-more > a:after, .results-view > li > a, .tool-tip-content p, .feature-link, .sga-label, .download-form, .home-cta-box > ul > li:last-child a, .home-cta-box > ul > li > ul > li, .pending span, .competitions .result-pending ul > li:first-child, .user-home ol > li.empty > h3, .user-home ol > li.empty > a:after, .ol-course-box > li {
  font-family: 'Raleway', sans-serif;
  font-weight: 500; }

/* Bold */
.signed-in > ul {
  font-family: 'Raleway', sans-serif;
  font-weight: 700; }

/* Extra Bold */
h1, h2, h4, table thead th, table tbody th strong, .resource .back-to-results, .user-home .feature h2, .latest-news .section h3, .latest-news .diy-hr-turquoise h3, .latest-news .diy-hr-grey h3, .latest-news .budding-gardener-comp .winner h3, .budding-gardener-comp .latest-news .winner h3, .latest-news .young-gardener-comp .winner-section h3, .young-gardener-comp .latest-news .winner-section h3, .latest-news .main-section-budd-gard h3, .courses .section h3, .courses .diy-hr-turquoise h3, .courses .diy-hr-grey h3, .courses .budding-gardener-comp .winner h3, .budding-gardener-comp .courses .winner h3, .courses .young-gardener-comp .winner-section h3, .young-gardener-comp .courses .winner-section h3, .courses .main-section-budd-gard h3, .competitions li h3, .user-home .bookmarks li h3, .user-home .video .home-video-details h3, .competitions .month, .competitions .year, .competitions ul > li:first-child:after, .home-feature-details h3, .home-video h3, .courses li strong, .feature-label, .resource-type, input[type="submit"], input[type="button"], button, .btn, nav, footer h2, .copyright > p > strong, .rhs-btn, ul.resource-facets > li > span, .step-by-step ol > li:before, .sga-review ol > li:before, .ratings strong, aside.cgt-connect > ul, ul.related-items > li > a, span.filter-group-label, .results-head h2 > strong, .sequence > li:before, .nc-links, .how-to-cards h3, .results-view > li.selected > a, .result-details > h3, .tool-tip-content p > strong, .sga legend, .sga-label strong, .course-search .result-details > ul.price > li:first-child > a, .home-cta-box > ul > li:last-child, .home-cta-box > ul > li > ul > li strong, .event-info h3, .course .event-info .prices td, .pending span > strong, .competitions .result-pending ul > li:first-child > span, .competitions .result-pending ul > li:last-child > a, .user-home .show-more, .user-home .competitions > ol > li.empty > a, .account-input span, .bookmarks .bk-del, .skip-links a {
  font-family: 'Raleway', sans-serif;
  font-weight: 900; }

.sga .asterisk, .course table.prices thead th {
  font-family: Arial, Helvetica, sans-serif; }

/* Sizes */
.maincontent p, .maincontent ul, .maincontent ol, .maincontent dl, .maincontent address {
  font-size: 1.2em;
  line-height: 1.3em; }

h1 {
  font-size: 3em; }

.step-by-step ol > li:before {
  font-size: 2.4em; }

h2, h3 {
  font-size: 2em; }

table tbody th, footer > .span_1_of_2 > h2, footer > .rhs-banner h2, p.subhead, .key-box ul, aside.see-also > h2, .see-more > h2, .see-more > h3, p.nc-links, .sga-review ol > li:before {
  font-size: 1.7em; }

.key-box ul {
  font-size: 1.6em; }

.signin-register ul > li:first-child, .ratings > h2, .ratings > h3, .ratings > p, aside.cgt-connect > h3, aside.cgt-connect > ul, .sequence > li:before, .vocab > h2, .result-details > h3, .result-details ul.attributes > li.duration > span, .body-large {
  font-size: 1.5em; }

table thead th, .feature-link, .content-header .resource-type, .essential-background > h2, .see-more > .resource-type, .see-more > a:after, span.filter-group-label {
  font-size: 1.4em; }

table thead th, input, aside.cgt-connect > ul > li > a:after, .sort-label, .span_4_of_12 .mod h2 {
  font-size: 1.3em; }

.user-home p.feature-summary, .signin-register ul > li:last-child, footer nav {
  font-size: 1.2em; }

.rhs-banner .offer-text > p, .search-filters h2, .search-filters label, ul.resource-facets, table tbody td a.resource-type {
  font-size: 1.1em; }

p.feature-summary {
  font-size: 1.05em; }

.maincontent table td p, nav.primary, .gallery > li > p, .span_4_of_12 .mod p {
  font-size: 1em; }

nav.secondary, ul.tags > li > a, .search-filters ul > li, .vocab > ul > li, .result-details .resource-type, .result-details p, .mod ul > li, ul.related-items > li > a {
  font-size: 0.9em; }

.how-to-cards h3, .sequence p {
  font-size: 0.85em; }

aside.cgt-connect > h3 > span, .result-details ul > li, .tool-tip-content > p {
  font-size: 0.8em; }

.result-details ul.attributes > li.duration {
  font-size: 0.7em; }

/* //// Sections //// */
/* Main Header */
#headcontainer .col, #headcontainer .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp #headcontainer .medal-drawer-label {
  margin-top: 0;
  margin-bottom: 0; }

.logo {
  display: inline-block;
  width: 222px;
  height: 103px; }

.logo > a {
  display: block;
  height: 103px; }

.logo > a > span {
  position: absolute;
  left: -9999px; }

.logo svg {
  height: 100%; }

.signin-register {
  padding-top: 34px;
  display: inline-block;
  vertical-align: top; }

.signin-register ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0; }

.signin-register ul > li {
  display: block;
  margin: 0;
  padding: 0;
  float: left; }

.signin-register ul > li:first-child a {
  line-height: 40px;
  padding: 0 21px 0 10px;
  color: #458c32; }

.signin-register ul > li:first-child a > svg {
  vertical-align: middle;
  margin: -6px 4px 0 0;
  width: 16px;
  height: 15px; }

.signin-register ul > li > a > span {
  position: absolute;
  left: -9999px; }

.signin-register ul > li:first-child a:hover {
  color: #f77d43; }

.signed-in {
  position: relative;
  margin-top: 34px;
  vertical-align: top;
  float: right; }

.signed-in > h2 {
  font-size: 1.3em;
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  z-index: 10;
  position: relative; }

.signed-in .btn {
  padding-right: 24px; }

.signed-in > h2 > .btn:before, .signed-in > h2 > .btn:after {
  left: -4.2%; }

.signed-in > h2 > a > svg {
  vertical-align: middle;
  margin: -3px 4px 0 0;
  max-width: 24px;
  max-height: 24px; }

.signed-in em {
  font-style: normal; }

.signed-in > ul {
  position: absolute;
  background-color: #fff;
  z-index: 9;
  padding: 5.2em 2em 2em 2em;
  display: none;
  list-style: none;
  left: -2em;
  top: -15px;
  min-width: 260px;
  border: 1px solid #67b52c; }

.signed-in > ul > li {
  clear: both;
  margin: 0;
  font-size: 1.1em;
  margin-bottom: 0.5em; }

.signed-in > ul > li > a {
  color: #458c32;
  display: block; }

.signed-in > ul > li > a > span {
  min-width: 24px;
  display: inline-block;
  text-align: center; }

.signed-in > ul > li > a > span > svg {
  vertical-align: middle;
  margin-top: -4px;
  fill: #67B545;
  max-width: 22px;
  max-height: 18px; }

.signed-in > ul > li:first-child > a > span > svg {
  margin-top: -2px; }

.signed-in > ul > li > a:hover {
  color: #f77d43; }

a:hover .acct-svg, a:hover .ico-sm {
  fill: #f77d43; }

.btn:before, .btn:after, .acct-svg, .ico-sm, ul.tags > li:hover:after, .btn span, .signed-in > ul, .home-cta-box > ul > li > ul {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.signed-in .btn span {
  position: relative;
  display: inline-block;
  top: -1px;
  left: 7px;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #ffffff transparent transparent transparent; }

.signed-in:hover .btn span {
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #ffffff transparent;
  top: -2px; }

/* Buttons */
.btn {
  display: inline-block;
  min-height: 40px;
  line-height: 40px;
  color: #fff;
  padding: 0 20px 0 10px;
  background: #67b52c;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  position: relative; }

.btn:before, .btn:after {
  content: " ";
  position: absolute;
  left: -4.5%;
  width: 0;
  height: 0;
  border-style: solid; }

.btn:before {
  top: 0;
  border-width: 0 8px 21px 0;
  border-color: transparent #67b52c transparent transparent; }

.btn:after {
  bottom: 0;
  border-width: 0 0 21px 8px;
  border-color: transparent transparent #67b52c transparent; }

.btn:hover {
  color: #fff;
  background: #f77d43; }

.btn:hover:before {
  border-color: transparent #f77d43 transparent transparent; }

.btn:hover:after {
  border-color: transparent transparent #f77d43 transparent; }

.btn:visited, .btn:focus {
  color: #fff; }

.btn.white {
  background-color: #fff;
  color: #458c32;
  border: 1px solid #458c32; }

/* Back to search results */
.back-to-results {
  padding: 0.4em 1.3em 0.6em 1.3em; }

.resource .back-to-results {
  background: #00a99d;
  color: #fff;
  font-size: 1.3em;
  display: inline-block; }

.back-to-results span:before {
  content: "< ";
  font-size: 1.3em;
  margin-left: -0.4em; }

/* Site search */
.site-search {
  padding-top: 35px;
  display: inline-block;
  vertical-align: top;
  float: right;
  text-align: right;
  width: 100%;
  position: relative; }

.site-search > label {
  position: absolute;
  left: -9999px; }

.site-search input[type="text"] {
  width: 70%; }

.site-search input[type="button"] {
  margin-left: 6px; }

/* Auto complete */
.site-search ul {
  list-style: none;
  background: #dcf7bf;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 94%;
  float: right;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 8; }

.site-search ul > li {
  border-bottom: 1px solid #67b52c;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold; }

.site-search ul > li > a {
  display: block;
  padding: 2%; }

/* Site search */
.schoolName {
  padding-top: 35px;
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 100%;
  position: relative; }

.schoolName > label {
  position: absolute;
  left: 0px; }

.schoolName input[type="text"] {
  width: 70%; }

.schoolName input[type="button"] {
  margin-left: 6px; }

/* Auto complete */
.schoolName ul {
  margin-top: -57px;
  list-style: none;
  background: #dcf7bf;
  padding: 0;
  text-align: left;
  width: 100%;
  float: left;
  position: absolute;
  top: 100%;
  z-index: 8; }

.schoolName ul > li {
  border-bottom: 1px solid #67b52c;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
  height: 5em;
  padding-bottom: 1.5em; }

.schoolName ul > li > a {
  display: block;
  padding: 2%; }

.ssgreyed {
  opacity: 0.7; }

/* Navigation */
nav.primary {
  padding-bottom: 2px;
  max-width: 76em; }

nav.primary > ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 3;
  position: relative; }

nav.primary > ul > li {
  display: block;
  margin: 0;
  padding: 1px;
  float: left;
  z-index: 3;
  background: url(../img/nav-pipe.svg) no-repeat -261px -62px;
  margin-left: -1px;
  position: relative; }

.IE nav.primary > ul > li {
  margin-left: -2px; }

nav.primary > ul > li:first-child {
  background: none; }

nav.primary > ul > li:hover, nav.primary > ul > li.selected:hover {
  background: #fff;
  border: 1px solid #00a99d;
  padding: 0;
  position: relative;
  z-index: 3; }

nav.primary > ul > li > a {
  color: #00a99d;
  display: block;
  padding: 7px 9px;
  z-index: 2;
  position: relative; }

nav.primary > ul > li.selected {
  border: 1px solid #00a99d;
  padding: 0;
  background: #f7f8e9; }

nav.primary > ul > li.selected > a {
  color: #458c32; }

nav.primary > ul > li > a:hover, nav.primary > ul > li:hover > a {
  background: #fff;
  color: #458c32; }

nav.primary > ul > li > a {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

/* Dropdown */
nav.primary > ul > li > div {
  display: none;
  width: 300px;
  position: absolute;
  top: 95%;
  left: -1px;
  background: #fff;
  border: 1px solid #00a99d;
  padding: 16px 24px 20px 24px;
  z-index: 1; }

nav.primary > ul > li > div.far-right {
  right: -1px;
  left: auto; }

nav.primary > ul > li:hover > div {
  display: block; }

nav.primary > ul > li > div > ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

nav.primary > ul > li > div.two-col {
  width: 300px; }

nav.primary > ul > li > div.two-col > ul {
  float: left;
  margin: 0 0 0 24px;
  width: 40%; }

nav.primary > ul > li > div.two-col > ul:first-child {
  margin: 0;
  padding: 0 24px 0 0;
  border-right: 1px solid #ddd; }

nav.primary > ul > li > div > ul > li {
  margin: 0 0 1em 0;
  padding: 0;
  width: auto;
  font-size: .9em; }

nav.primary > ul > li > div > ul > li > a {
  color: #00a99d; }

nav.primary > ul > li > div > ul > li > a:hover {
  color: #f77d43; }

nav.secondary {
  width: 100%;
  max-width: 100%;
  background: #00a99d;
  height: 36px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  text-align: center; }

nav.secondary > div.left-bg {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 36px;
  z-index: 1;
  background: #458c32; }

nav.secondary > div.nav-contain {
  width: 80%;
  max-width: 84.5em;
  margin: 0 auto;
  position: relative;
  clear: both;
  background: #00a99d;
  z-index: 2;
  min-height: 72px; }

div.nav-contain > ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: middle; }

div.nav-contain > ul > li {
  float: left;
  margin: 0;
  padding: 0;
  white-space: nowrap; }

div.nav-contain > ul > li > a {
  color: #fff;
  line-height: 72px;
  padding: 0 14px 0 13px;
  min-height: 72px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -18px; }

div.nav-contain > ul.breadcrumb > li > a {
  border-right: 1px solid #f7f8e9;
  border-top-right-radius: 36px;
  border-bottom-right-radius: 36px;
  position: relative; }

div.nav-contain > ul.breadcrumb > li.l-1 > a {
  background: #458c32;
  z-index: 2;
  padding-left: 11px; }

div.nav-contain > ul.breadcrumb > li.l-2 > a {
  background: #67b52c;
  margin-left: -5px;
  padding-left: 16px;
  z-index: 1; }

div.nav-contain > ul.breadcrumb > li > a:hover, div.nav-contain > ul.present-nav > li > a:hover {
  background: #f7f8e9;
  color: #458c32; }

div.nav-contain > ul.present-nav > li:first-child {
  margin-left: -5px; }

div.nav-contain > ul.present-nav > li:first-child > a {
  padding-left: 18px; }

div.nav-contain > ul.present-nav > li > a {
  border-right: 1px solid #f7f8e9; }

div.nav-contain > ul.present-nav > li:last-child > a {
  border-right: 0; }

div.nav-contain > ul.present-nav > li.selected > a > span {
  display: block;
  border-bottom: 3px solid #fff;
  height: 54px; }

div.nav-contain > ul.present-nav > li.selected:hover > a > span {
  border-color: #458c32; }

/* FOOTER */
/* Awards */
.awards-global img {
  max-height: 40px; }

@media only screen and (min-width: 376px) {
  .awards-global img {
    max-height: 50px; } }

@media only screen and (min-width: 668px) {
  .awards-global img {
    max-height: 60px; } }

footer > .span_1_of_2 > h2 {
  color: #fff;
  float: left;
  line-height: 1em;
  padding-right: 1.2em; }

footer h2 > span {
  position: absolute;
  left: -9999px; }

footer ul.social-media {
  list-style: none;
  float: left;
  padding: 0; }

footer ul.social-media > li {
  list-style: none;
  float: left;
  margin-right: 0.7em;
  width: auto; }

footer ul.social-media > li > a {
  display: block; }

footer ul.social-media > li > a > span {
  position: absolute;
  left: -9999px; }

footer ul.social-media > li > a > .ico-sm {
  height: 40px;
  width: 40px; }

.ico-ft {
  fill: #fff; }

footer nav {
  text-align: right;
  width: auto;
  margin: 0;
  line-height: 1em;
  margin-top: 1.2em; }

footer nav > ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  font-size: 0.9em; }

footer nav > ul > li {
  display: inline-block;
  border-right: 1px solid #dbf1f0;
  margin-bottom: 0.5em; }

footer nav > ul > li:last-child {
  border-right: 0; }

footer nav > ul > li > a {
  padding: 0 8px 0 5px; }

footer nav > ul > li:last-child > a {
  padding-right: 0; }

.rhs-banner {
  border-top: 1px solid #fff;
  padding: 2em 0; }

.rhs-banner .group, .rhs-banner .diy-hr-turquoise, .rhs-banner .diy-hr-grey, .rhs-banner .open-comps-list .sandy-sub-box, .open-comps-list .rhs-banner .sandy-sub-box, .rhs-banner .competition-faqs .sandy-sub-box, .competition-faqs .rhs-banner .sandy-sub-box, .rhs-banner .budding-gardener-comp .winner, .budding-gardener-comp .rhs-banner .winner, .rhs-banner .young-gardener-comp .winner-section, .young-gardener-comp .rhs-banner .winner-section, .rhs-banner .young-gardener-comp .add-info, .young-gardener-comp .rhs-banner .add-info, .rhs-banner .main-section-budd-gard {
  border: 1px solid #4ac2b9;
  padding: 0;
  margin: 0;
  background: #27b9af; }

.rhs-banner .group .col, .rhs-banner .diy-hr-turquoise .col, .rhs-banner .diy-hr-grey .col, .rhs-banner .open-comps-list .sandy-sub-box .col, .open-comps-list .rhs-banner .sandy-sub-box .col, .rhs-banner .competition-faqs .sandy-sub-box .col, .competition-faqs .rhs-banner .sandy-sub-box .col, .rhs-banner .budding-gardener-comp .winner .col, .budding-gardener-comp .rhs-banner .winner .col, .rhs-banner .young-gardener-comp .winner-section .col, .young-gardener-comp .rhs-banner .winner-section .col, .rhs-banner .young-gardener-comp .add-info .col, .young-gardener-comp .rhs-banner .add-info .col, .rhs-banner .main-section-budd-gard .col, .rhs-banner .group .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .rhs-banner .group .medal-drawer-label, .rhs-banner .diy-hr-turquoise .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .rhs-banner .diy-hr-turquoise .medal-drawer-label, .rhs-banner .diy-hr-grey .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .rhs-banner .diy-hr-grey .medal-drawer-label, .rhs-banner .open-comps-list .sandy-sub-box .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .rhs-banner .open-comps-list .sandy-sub-box .medal-drawer-label, .open-comps-list .rhs-banner .sandy-sub-box .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .open-comps-list .rhs-banner .sandy-sub-box .medal-drawer-label, .rhs-banner .competition-faqs .sandy-sub-box .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .rhs-banner .competition-faqs .sandy-sub-box .medal-drawer-label, .competition-faqs .rhs-banner .sandy-sub-box .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .competition-faqs .rhs-banner .sandy-sub-box .medal-drawer-label, .rhs-banner .budding-gardener-comp .winner .medal-drawer-label, .budding-gardener-comp .rhs-banner .winner .medal-drawer-label, .rhs-banner .young-gardener-comp .winner-section .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .rhs-banner .young-gardener-comp .winner-section .medal-drawer-label, .young-gardener-comp .rhs-banner .winner-section .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .young-gardener-comp .rhs-banner .winner-section .medal-drawer-label, .rhs-banner .young-gardener-comp .add-info .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .rhs-banner .young-gardener-comp .add-info .medal-drawer-label, .young-gardener-comp .rhs-banner .add-info .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .young-gardener-comp .rhs-banner .add-info .medal-drawer-label, .rhs-banner .main-section-budd-gard .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .rhs-banner .main-section-budd-gard .medal-drawer-label {
  margin-top: 0;
  margin-bottom: 0; }

.rhs-banner * {
  color: #fff; }

.rhs-banner .img {
  width: 25%;
  float: left;
  margin-right: 22px; }

.rhs-banner .img img {
  float: left; }

.rhs-banner .offer-text > h2 {
  margin: 0.8em 0 0 0; }

.rhs-banner .offer-text > p {
  margin-bottom: 0;
  line-height: 1.4em; }

.rhs-banner .span_5_of_12 {
  text-align: right; }

.rhs-banner .span_5_of_12 > a {
  margin: 1.5em 3% 0.5em 3%;
  max-width: 100%;
  display: block; }

.rhs-banner .span_5_of_12 > a:first-child {
  margin-left: 0; }

.rhs-banner .span_5_of_12 > a:last-child {
  clear: right; }

.rhs-banner .span_5_of_12 > a:last-child > svg {
  max-width: 265px;
  max-height: 46px; }

.rhs-btn {
  display: inline-block;
  text-align: left;
  background: #48455b;
  float: left;
  border-radius: 120px;
  padding: 0 12px 0 14px;
  line-height: 1.6em;
  height: 2em;
  font-size: 1.2em; }

.rhs-btn:after {
  content: " »";
  font-size: 1.5em;
  position: relative;
  top: 2px; }

.rhs-btn:hover {
  text-decoration: none; }

.copyright {
  text-align: right; }

.copyright * {
  color: #fff; }

/*  ///  CONTENT  ///  */
.body-large p:last-child {
  margin-bottom: 0.5em; }

/* // TABLES // */
table {
  background-color: #fff; }

table thead {
  background-color: #00a99d;
  color: #fff; }

table thead th {
  padding: 1em 2% 1em 5px; }

table tbody tr:nth-child(odd) {
  background-color: #f5fbfb; }

table tbody th, table tbody td {
  padding-top: 1%;
  padding-right: 3%; }

table tbody th {
  color: #666;
  line-height: 1.2em;
  padding-left: 1.5%; }

table tbody td {
  width: 21%; }

table tbody td a.resource-type {
  display: block;
  clear: both;
  background-position: top left;
  margin-left: -21px;
  padding-left: 21px; }

table tfoot {
  background-color: #b3e3e0;
  line-height: 1em; }

/* Image galleries (inline) */
.gallery {
  margin: 1em 0 0 0;
  padding: 0;
  list-style: none; }

.gallery img {
  float: left; }

.gallery > li > p {
  margin: 0;
  padding: 0.5em 0 0 0;
  display: block;
  clear: both; }

/* Rows of 2 */
.gallery.img-2 > li {
  max-width: 48%;
  float: left;
  margin: 0 4% 1.8em 0;
  padding: 0; }

.gallery.img-2 > li:nth-child(even) {
  margin-right: 0; }

/* Rows of 3 */
.gallery.img-3 > li {
  max-width: 31%;
  float: left;
  margin: 0 3.5% 1.5em 0;
  overflow: hidden;
  padding: 0; }

.gallery.img-3 > li > div.img {
  display: block;
  width: 150%;
  margin-left: -25%; }

.gallery.img-3 > li:nth-child(3n+0) {
  margin-right: 0; }

/* Head feature */
.head-feature {
  background-color: #fff;
  padding-right: 3%; }

.head-feature > .img {
  max-width: 24%;
  float: left;
  margin-right: 3%;
  overflow: hidden; }

.head-feature > .img > a {
  display: block;
  width: 150%;
  margin-left: -25%; }

.head-feature > .img > a > img {
  float: left; }

.feature-block {
  float: left;
  width: 72%; }

.feature-label {
  color: #666;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  display: block;
  clear: both;
  margin: 0.3em 0 0 0;
  padding-bottom: 0.2em; }

.feature-link {
  display: block;
  clear: both;
  margin: 0.3em 0; }

p.feature-summary {
  margin-bottom: 0; }

/* // Landing page modules // */
.mod-head {
  padding: 1% 8%;
  min-height: 14em; }

.mod-head > h2, .mod-head > h3, .mod-head > h4, .mod-head > h5 {
  margin-bottom: 0.1em;
  line-height: 1.1em; }

.dark-green .mod-head *, .mid-green .mod-head *, .blue .mod-head *, .mid-green .mod-head a:visited, .dark-green .mod-head a:visited, .blue .mod-head a:visited {
  color: #fff; }

.dark-green .mod-head {
  background-color: #458c32; }

.mid-green .mod-head {
  background-color: #67b52c; }

.blue .mod-head {
  background-color: #00a99d; }

.white .mod-head {
  background-color: #fff; }

.mod-head .feature-label {
  border-color: #fff; }

.equal-height {
  overflow: hidden; }

.mod {
  display: inline-block;
  vertical-align: bottom;
  float: left; }

.mod img {
  vertical-align: bottom;
  display: inline-block; }

.span_4_of_12 .equal-height .mod {
  width: 47.6%;
  margin-left: 4.8%; }

.span_3_of_4 .equal-height .mod {
  width: 31.91%;
  margin-left: 2.135%; }

.equal-height .mod:first-child {
  margin-left: 0; }

.equal-height .mod-head {
  margin-bottom: -99999px;
  padding-bottom: 99999px; }

.mod ul {
  border-top: 1px solid #ccc;
  padding-top: 0.6em; }

.maincontent .mod ul > li {
  margin-bottom: 0.2em; }

/* Tool tips */
.tool-tip {
  position: relative;
  cursor: pointer; }

.tool-tip:after {
  content: " ";
  background: url(../img/question-blue.svg) no-repeat;
  display: inline-block;
  width: 0.85em;
  height: 0.85em;
  background-size: contain;
  margin-left: 1%;
  vertical-align: middle; }

.tool-tip .tool-tip-content {
  position: absolute;
  background: #f77d43;
  padding: 5% 8%;
  width: 100%;
  opacity: 0;
  z-index: 9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.tool-tip .tool-tip-content:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute; }

.tool-tip .arw-left:before {
  border-width: 12px 12px 12px 0;
  border-color: transparent #f77c43 transparent transparent; }

/* Top */
.tool-tip .top {
  top: -0.5em; }

.tool-tip .top:before {
  top: 0.8em;
  left: -12px; }

/* Right */
.tool-tip .right {
  left: 95%; }

.tool-tip-content * {
  color: #fff; }

.tool-tip:hover .tool-tip-content {
  opacity: 1; }

/*sstool-tip*/
.h-space-1em {
  width: 2em;
  height: 1.5em;
  margin-left: 1em;
  display: inline-block;
  margin-bottom: -0.4em; }

.ss-link {
  width: 88%;
  margin-left: 12%;
  display: block; }

.qmark {
  width: 2em;
  height: 1.5em;
  margin-left: 1em;
  display: inline-block;
  margin-bottom: -1.5em;
  background: url(../img/question-blue.svg) no-repeat; }

.sstool-tip {
  position: relative;
  cursor: pointer;
  opacity: 1; }

.sstool-tip:after {
  content: " ";
  display: inline-block;
  width: 0.5em;
  height: 0.85em;
  background-size: contain;
  margin-left: 1%;
  vertical-align: middle; }

.sstool-tip .sstool-tip-content {
  top: -6px;
  font-size: 0.7em;
  position: absolute;
  background: #f77d43;
  padding: 1% 2%;
  width: 100%;
  opacity: 1;
  z-index: 9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.sstool-tip .sstool-tip-content a:hover {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold; }

.sstool-tip .sstool-tip-content a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold; }

.sstool-tip .sstool-tip-content:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute; }

.sstool-tip .ssarw-left:before {
  border-width: 36px 36px 36px 0;
  border-color: transparent #f77c43 transparent transparent;
  margin-left: -40px; }

/* Top */
.sstool-tip .sstop {
  top: -0.5em; }

.sstool-tip .sstop:before {
  top: 0.8em;
  left: -12px; }

/* Right */
.sstool-tip .ssright {
  left: 55%; }

.sstool-tip-content * {
  color: #fff;
  width: 50%; }

.sstool-btn-close {
  margin-bottom: 1%;
  background: none;
  border: none;
  bottom: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.sstool-btn-close:after {
  content: "x";
  border: 1px solid #fff;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  display: block;
  line-height: 1.3em;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center; }

/* // RESOURCES & TRAINING COURSES // */
/* Resource LP */
.resource-lp-mods .span_3_of_4, .resource-lp-mods .span_5_of_12 {
  margin-left: 1.6%; }

.resource-lp-mods .span_5_of_12 .mod {
  float: none;
  display: block; }

.resource-lp-mods .resource-type {
  background-size: initial;
  padding-left: 20px; }

.resource-lp-mods .activity {
  background: url(../img/activity-white.svg) no-repeat left center; }

.resource-lp-mods .lesson-plan {
  background: url(../img/lesson-plan-white.svg) no-repeat left center; }

.resource-lp-mods .advice {
  background: url(../img/advice-sheet-white.svg) no-repeat left center;
  padding-left: 22px; }

.resource-lp-mods .span_5_of_12 .resource-type {
  text-transform: none;
  margin-bottom: 0.1em; }

/* Courses LP */
.course-box {
  background-color: #fff;
  padding: 3% 4% 5% 4%; }

.course-box div {
  float: left;
  width: 44%;
  margin-right: 4%; }

.course-box div:last-child {
  border-left: 1px solid #458C32;
  margin-right: 0;
  padding-left: 4%;
  width: 52%; }

.course-box p, .p-course-box {
  font-family: 'Raleway',sans-serif;
  font-size: 1.4em;
  font-weight: 300; }

.course-box h2, .h2-course-box {
  color: #666;
  margin-top: 0; }

/* Course Table */
.course-box table tbody th {
  font-size: 1.4em;
  font-weight: 900;
  background-color: #dcf7bf;
  text-align: left; }

.course-box table tbody th, .course-box table tbody td {
  padding: 2% 4%;
  color: #666; }

.course-box table tbody td {
  font-size: 1.1em; }

.course-box table tr th:first-child, .course-box table tr td:first-child {
  width: 40%; }

.course-box table tr td:last-child {
  font-weight: bold; }

.course-box table tbody tr.tfoot td {
  padding-top: 1em;
  font-size: 1em; }

.course-box table tbody tr:nth-child(2n+1) {
  background-color: #DBF1F0; }

.course-box table tbody tr.tfoot {
  background-color: #fff; }

.course-box .btn, .btn-course-box {
  font-size: 1.2em;
  float: left;
  margin-left: 2.5%; }

.course-box .btn:before, .course-box .btn:after {
  left: -2.5%; }

/* Modules */
.dark-green .mod-head.membership {
  background-color: #f87d45; }

.mod .membership ul {
  border-top: none; }

.mod .membership p {
  margin-bottom: 0.2em; }

.mod .membership .btn {
  background-color: #51bdb6;
  font-size: 1.1em;
  float: left;
  clear: both;
  margin-left: 2.5%;
  margin-bottom: 2em; }

.mod .membership .btn:before {
  top: 0;
  border-width: 0 8px 21px 0;
  border-color: transparent #51bdb6 transparent transparent; }

.mod .membership .btn:after {
  bottom: 0;
  border-width: 0 0 21px 8px;
  border-color: transparent transparent #51bdb6 transparent; }

.mod .membership .btn:hover {
  color: #f87d45; }

.course-lp img {
  position: relative;
  bottom: 0; }

.course-lp .span_3_of_4 {
  width: 100%;
  margin-left: 0; }

.course-search .span_3_of_8 {
  width: 48.8%;
  margin-left: 0;
  clear: left; }

.course-search .span_3_of_8:last-child {
  margin-left: 2.4%;
  clear: right; }

span.arrow-down {
  position: relative;
  display: inline-block;
  top: -1px;
  left: 7px;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #666 transparent;
  margin-right: 1em; }

span.arrow-up {
  position: relative;
  display: inline-block;
  top: -1px;
  left: 7px;
  height: 0;
  border-style: solid;
  border-width: 0px 8px 8px 8px;
  border-color: #666 transparent;
  margin-right: 1em; }

/* / Search / */
/* Global search */
.site-results .site-search {
  text-align: left;
  padding-top: 2%;
  margin-bottom: 2%; }

.site-results .site-search input[type="text"] {
  width: 90%; }

.site-results .site-search ul {
  width: 90%;
  right: auto;
  left: 0;
  float: left; }

.site-results .site-search ul > li > a {
  padding: 1.5%; }

.site-results .results-head h2 {
  margin-top: 0; }

.site-results .results {
  width: 100%;
  margin: 0; }

.maincontent .site-results .results-list ol > li {
  padding: 1% 3%; }

.site-results .result-details {
  border-top: 0;
  margin-top: 0;
  padding-top: 0; }

/* Filter (Refine by) */
.search-filters {
  background-color: #fff;
  border-bottom: 5px solid #00a99d;
  padding-bottom: 1em;
  margin-bottom: 2em;
  overflow: hidden; }

.search-filters:hover {
  overflow: visible; }

.search-filters h2 {
  color: #fff;
  background-color: #00a99d;
  padding: 3% 5%;
  text-transform: uppercase;
  margin: 0 0 1px 0; }

.search-filters span.filter-group-label {
  display: block;
  padding: 3% 5%;
  color: #666;
  clear: both;
  background-color: #dbf1f0;
  border-bottom: 1px solid #00a99d;
  cursor: pointer; }

.search-filters fieldset {
  padding: 0.8em 5%;
  color: #666;
  margin-bottom: 0.6em; }

.search-filters input[type="checkbox"], .search-filters input[type="radio"], .search-filters label {
  line-height: 1.1em;
  margin-bottom: 0.5em; }

.search-filters input[type="checkbox"], .search-filters input[type="radio"] {
  display: block;
  float: left;
  clear: left;
  margin-right: 4px; }

.search-filters label {
  display: block;
  clear: right; }

:checked + .resource-type {
  font-weight: normal; }

div.filter-pairs {
  float: left;
  width: 50%; }

ul.filter-pairs > li {
  float: left;
  width: 48.5%; }

div.filter-pairs:nth-child(odd) label, ul.filter-pairs > li:nth-child(odd) {
  margin-right: 3%; }

/* Filter (Browse by) */
.search-filters ul {
  margin: 0 0 0.6em 0;
  padding: 0.8em 5%;
  list-style: none; }

.maincontent .search-filters ul > li {
  margin-bottom: 0.2em; }

/* Courses - search filter (mods) */
.course-search .search-filters {
  border-bottom: 5px solid #458c32; }

.course-search .search-filters h2 {
  background-color: #458c32; }

.course-search .search-filters span.filter-group-label {
  background-color: #dcf7bf;
  border-bottom: 1px solid #458c32; }

/* / Results head / */
.results-head {
  background-color: #dbf1f0;
  padding: 1% 3%; }

.results-head h2 {
  color: #666;
  max-width: 67%;
  margin-right: 1%;
  display: block;
  float: left; }

.results-view {
  min-width: 23%;
  float: right;
  list-style: none;
  margin: 1.2em 0 0 0;
  padding: 0.4em;
  background-color: #eafbfa;
  border-radius: 64px;
  -moz-box-shadow: inset 0 1px 2px 0 #bfcdcc;
  -webkit-box-shadow: inset 0 1px 2px 0 #bfcdcc;
  box-shadow: inset 0 1px 2px 0 #bfcdcc; }

.maincontent .results-view > li {
  float: left;
  margin: 0;
  padding: 0; }

.results-view > li > a {
  display: block;
  border-radius: 64px;
  padding: 0 1em;
  line-height: 2.5em; }

.results-view > li > a:visited {
  color: #458c32; }

.results-view > li.selected > a {
  background-color: #fff;
  -moz-box-shadow: 0 1px 2px 0 #bfcdcc;
  -webkit-box-shadow: 0 1px 2px 0 #bfcdcc;
  box-shadow: 0 1px 2px 0 #bfcdcc; }

.sort-by {
  clear: both;
  background: #00a99d;
  padding: 1% 3%; }

.sort-label {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-right: 1em; }

.sort-label:after {
  content: ":"; }

.sort-by > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block; }

.maincontent .sort-by > ul > li {
  margin: 0 2em 0 0;
  padding: 0;
  display: inline-block;
  position: relative; }

.sort-by > ul > li > a {
  color: #fff; }

.sort-by > ul > li.selected > a:after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7px 0 7px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  right: -1.3em;
  top: 0.3em; }

.sort-by > ul > li.reverse-order > a:after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 10px 7px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  right: -1.3em;
  top: 0.3em; }

/* Courses - Results head (mods) */
.course-search .results-head {
  background-color: #dcf7bf; }

.course-search .sort-by {
  background-color: #458c32; }

.course-search .download-form {
  font-size: 1.4em;
  text-align: right;
  margin-top: 1.5em;
  line-height: 1.3em; }

.course-search .download-form a {
  display: block;
  padding-left: 38px;
  background: url(../img/download.svg) no-repeat 0 16px;
  float: right; }

.course-search .download-form a > span {
  display: block;
  clear: right;
  font-size: 1.3em;
  font-style: italic; }

/* / Results list / */
.results-list {
  background: #fff;
  padding-bottom: 3em;
  margin-bottom: 3em;
  border-bottom: 5px solid #00a99d; }

.results-list ol {
  list-style: none;
  margin: 0;
  padding: 0; }

.maincontent .results-list ol > li {
  margin: 0;
  padding: 1.2em 3% 1em 3%;
  border-bottom: 1px solid #f7f8e9; }

.results-list ol > li > .img {
  max-width: 24%;
  margin-right: 3%;
  float: left; }

.results-list ol > li > .img > img {
  float: left; }

.result-details {
  float: left;
  width: 73%;
  border-top: 1px solid #00a99d;
  padding: 0.2em 0;
  margin: 1.1em 0 0 0;
  position: relative; }

.results-list ol.full-width .result-details {
  width: 100%;
  margin-bottom: 0.6em; }

.result-details .resource-type {
  position: absolute;
  top: -1.5em;
  left: 0;
  background-size: 13%;
  padding-left: 15px;
  background-position: 0 3px; }

.result-details .class-growing-topic {
  background-size: 6%;
  background-position: 0 1px; }

.result-details .lesson-plan {
  background-size: 10%; }

.result-details .spotter-guide {
  background-size: 11%; }

.result-details .advice {
  background-size: 12%; }

.result-details .how-to {
  background-size: 14%;
  background-position: 0 5px; }

.result-details .project {
  background-size: 15%; }

.result-details .image {
  background-size: 21%; }

.result-details h3 {
  margin-bottom: 0.2em;
  max-width: 88%;
  line-height: 1.1em; }

.result-details p {
  margin-bottom: 0.6em;
  max-width: 88%; }

.result-details ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.result-details ul.tags {
  margin-left: 1%; }

.result-details ul.tags > li {
  margin-right: 1em;
  margin-left: 0.6em; }

.result-details ul.attributes {
  float: left; }

.result-details ul.attributes > li {
  margin: 0;
  padding: 0;
  float: left;
  font-weight: bold;
  color: #00a99d; }

.result-details ul.attributes > li.school-term {
  padding-left: 21px;
  background: url(../img/calendar.svg) no-repeat center left; }

.result-details ul.attributes > li.duration {
  position: absolute;
  top: 6px;
  background: url(../img/clock.svg) no-repeat 50% 90%;
  right: 0;
  display: block;
  border: 1px solid #00a99d;
  text-align: center;
  padding: 0.5em 1% 2.5em 1%;
  line-height: 1.25em; }

.result-details ul.attributes > li.duration > span {
  display: block;
  clear: both; }

/* Ratings */
.result-details .ratings {
  position: absolute;
  top: -1.5em;
  right: 0;
  border: 0;
  margin: 0;
  padding: 0; }

.maincontent .result-details .ratings > ol > li {
  margin: 0 0 0 0.2em;
  float: none;
  display: inline-block;
  padding: 0; }

/* Simple results */
.simple .result-details {
  width: 100%;
  padding-bottom: 0.3em; }

.maincontent .simple > ol > li {
  padding-top: 0.8em; }

.simple .result-details ul.tags {
  margin-left: 0; }

/* Courses - Results List */
.course-search .results-list {
  border-bottom: 5px solid #458c32;
  padding-bottom: 0; }

.maincontent .course-search .results-list > ol > li {
  padding: 1.2em 2.5% 1em 2.5%;
  border-bottom: 1px solid #458c32; }

.course-search .results-list > ol > li:nth-child(even) {
  background-color: #fbfff7; }

.course-search .results-list > ol > li > .img {
  max-width: 16%;
  overflow: hidden; }

.course-search .results-list > ol > li > .img > a {
  display: block;
  width: 150%;
  margin-left: -25%; }

.course-search .result-details {
  border-top: none;
  padding: 0;
  margin: 0;
  width: 81%;
  position: relative; }

.course-search .result-details > ul.location-date {
  border-top: 1px solid #dcf7bf;
  padding-top: 0.4em; }

.course-search .result-details > ul.location-date li {
  margin: 0; }

.course-search .result-details > ul.location-date li > a {
  font-weight: bold;
  padding-left: 13px;
  background: url(../img/location-pin.svg) no-repeat 0 2px; }

.course-search .result-details > * {
  width: 82%; }

.course-search .result-details > ul.price {
  position: absolute;
  width: 15%;
  top: 0;
  right: 0;
  text-align: center; }

.course-search .result-details > ul.price > li:first-child > a {
  font-size: 3em;
  display: inline-block;
  clear: both;
  margin-bottom: 0.3em; }

.course-search .result-details > ul.price > li:first-child > span {
  font-size: 0.8em;
  display: inline-block;
  clear: both;
  line-height: 1.2em;
  width: 87%;
  padding-bottom: 0.8em;
  border-bottom: 1px solid #ccc; }

.course-search .result-details > ul.price > li:last-child {
  line-height: 1.2em;
  font-size: 0.9em; }

.course-search .result-details > ul.price > li:last-child > strong {
  color: #f77d43; }

/* Courses */
.course .content-header {
  border-top: none;
  border-bottom: 3px solid #458c32;
  margin-top: 0.5em; }

.course .content-header h2 {
  color: #666; }

.course .content-header h2 span {
  font-weight: 300; }

.course .article-column .share {
  top: -4em; }

.course .article-column .img {
  margin-bottom: 1em; }

.course .article-column p.subhead {
  margin-bottom: 1em; }

.course .box {
  background-color: #fff;
  padding: 1% 5% 4% 5%; }

.course .box li {
  font-family: 'Raleway',sans-serif;
  font-weight: 300; }

.course .box ul.tick {
  padding-left: 0; }

.course .box ul.tick li {
  padding-left: 35px;
  background: url("../img/bg/tick.png") no-repeat left top;
  list-style-type: none;
  margin-bottom: 1em; }

.course .span_1_of_2:first-child {
  margin-top: 0; }

.course .event-info > div > h3 {
  color: #666;
  border-bottom: 1px solid #acd185;
  clear: both;
  padding: 1.5% 0; }

.course .event-info > div > h3:first-child {
  border-top: 3px solid #458c32; }

.course .event-info > div.prices > h3:first-child {
  border-top: none;
  padding-top: 0; }

.course .event-info h4 {
  font-size: 1.3em;
  font-weight: 600; }

.course .event-info p.download {
  display: block;
  padding-left: 38px;
  background: url(../img/download.svg) no-repeat 0 7px;
  float: right;
  margin-top: 1em; }

.course .event-info p.download a {
  color: #458c32;
  font-family: 'Raleway',sans-serif; }

.course .event-info p.download a span {
  display: block;
  font-size: 1.5em;
  font-weight: 600; }

.course .event-info p.download a:hover {
  color: #f77d43; }

.course .event-info table, .course .event-info thead, .course .event-info table tr, .course .event-info table td {
  background: none; }

/* Prices */
.course .prices table {
  width: 60%;
  float: left; }

.course .prices table thead th {
  font-weight: bold;
  color: #666;
  font-size: 1.2em;
  padding: 0 0 0.8em 0; }

.course .prices table td {
  color: #458c32;
  font-size: 3.5em;
  padding: 0.3em 0em 0em 0em; }

/* When */
.course .when table thead {
  position: absolute;
  left: -9999px; }

.course .when table tr td {
  font-size: 1.2em;
  color: #666;
  padding: 0 0 0.6em 0; }

.course .when table tr td:first-child {
  font-weight: bold; }

.course .when table tr td:last-child {
  text-align: right; }

.course .when table tr td:last-child strong {
  color: #f77d43; }

/* Where */
.course .event-info .address {
  float: left;
  width: 45%;
  margin-right: 5%; }

.course .event-info .address h4 {
  color: #458c32;
  font-size: 1.5em;
  margin-bottom: 0; }

.course .event-info .address p {
  font-family: 'Raleway',sans-serif;
  font-weight: 300;
  font-size: 1.5em; }

.course .event-info .address table thead {
  position: absolute;
  left: -9999px; }

.course .event-info .address table tbody {
  border-top: 1px solid #acd185; }

.course .event-info .address td {
  color: #666;
  padding: 0 0 0.3em 0;
  font-size: 1.1em; }

.course .event-info .address td:first-child {
  padding-right: 0.8em; }

.course .event-info .address td:last-child {
  font-weight: bold; }

.course .event-info .address tr:first-child td {
  padding-top: 0.6em; }

.course .event-info .map {
  width: 50%;
  float: right;
  margin-top: -1.35%;
  margin-bottom: 4%; }

.course .event-info .map a {
  padding-left: 13px;
  background: url("../img/location-pin.svg") no-repeat scroll 0px 2px transparent;
  font-family: 'Raleway',sans-serif;
  font-weight: 600;
  font-size: 0.9em; }

.course .see-also {
  background-color: #dcf7bf; }

.course ul.related-items {
  border-bottom: 1px solid #259743;
  border-top: 1px solid #259743; }

.course ul.related-items > li {
  background-color: #259743; }

.course ul.related-items > li > a {
  color: #fff; }

.course ul.related-items > li > a:hover {
  color: #f7f8e9; }

.course .see-more a {
  color: #259743;
  padding-left: 0; }

.course .see-more a:hover {
  color: #f77c43; }

/* Course back button */
.course .content-header .btn.back {
  margin-top: 1em;
  float: right;
  background-color: #458c32;
  font-size: 1.2em;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 14px;
  padding-left: 18px;
  position: relative;
  left: -3%; }

.course .content-header .btn.back:before {
  border-width: 21px 8px 0 0;
  border-color: #458c32 transparent transparent transparent;
  left: auto;
  right: -3.7%; }

.course .content-header .btn.back:after {
  border-width: 21px 0 0 8px;
  border-color: transparent transparent transparent #458c32;
  left: auto;
  right: -3.7%; }

.course .content-header .btn.back:hover {
  background-color: #f77d43; }

.course .content-header .btn.back:hover:before {
  border-color: #f77d43 transparent transparent transparent; }

.course .content-header .btn.back:hover:after {
  border-color: transparent transparent transparent #f77d43; }

/* Resource types */
.resource-type {
  color: #00a99d;
  text-transform: uppercase;
  padding-left: 20px;
  display: block; }

.resource-type:visited {
  color: #00a99d; }

.resource-type:hover {
  color: #f77d43; }

.advice {
  background: url(../img/advice-sheet.svg) no-repeat center left; }

.activity {
  background: url(/assets/styles/img/activity.svg) no-repeat center left;
  padding-left: 18px; }

.activity.activity-white {
  background: url(/assets/styles/img/activity-white.svg) no-repeat center left;
  padding-left: 18px; }

.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; }

.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; }

/* Header */
.resource .content-header {
  border-top: 3px solid #00a99d;
  margin-top: 3em;
  margin-bottom: 0.5em;
  position: relative; }

.content-header h1 {
  margin-top: 0.25em; }

.content-header .col, .content-header .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .content-header .medal-drawer-label {
  margin-top: 0; }

.content-header .resource-type {
  display: block;
  position: absolute;
  top: -1.6em;
  left: 0; }

.content-header h1, .content-header .subhead {
  margin-right: 2%; }

.subhead {
  line-height: 1.4em;
  margin-bottom: 0.4em; }

.content-header > .span_2_of_5 {
  border-left: 3px solid #00a99d; }

ul.resource-facets {
  list-style: none;
  margin-top: 1em;
  margin-bottom: 0; }

ul.resource-facets > li {
  color: #666;
  border-bottom: 1px solid #b3e3e0;
  margin-bottom: 0.4em;
  padding-bottom: 0.4em; }

ul.resource-facets > li:last-child {
  border-bottom: 0; }

ul.resource-facets > li > span {
  color: #00a99d; }

/* Social media sharing widget */
.content-header .share {
  position: absolute;
  right: 0;
  text-align: right; }

.article-column .share {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right; }

.resource .content-header .share {
  top: -3.7em; }

.share h2 {
  font-size: 1.3em;
  float: left;
  line-height: 1.7em;
  margin-right: 12px;
  color: #458c32; }

.share h2 > span {
  position: absolute;
  left: -9999px; }

.share ul.social-media {
  list-style: none;
  padding: 0;
  margin: 0 7px 0 0;
  float: left; }

.share ul.social-media > li {
  list-style: none;
  float: left;
  margin: 7px 5px 0 0;
  max-width: 34px;
  max-height: 34px; }

.share ul.social-media > li:last-child {
  margin-right: 0;
  border-left: 2px solid #00a99d; }

.share ul.social-media > li:last-child a {
  margin-left: 7px; }

.share ul.social-media > li > a {
  display: block;
  width: 34px;
  height: 34px;
  float: left;
  padding: 0; }

.share ul.social-media > li > a > span {
  position: absolute;
  left: -9999px; }

.share ul.social-media > li > a > .ico-sm {
  max-width: 100%;
  height: auto; }

/* Learning Objectives / Assessment questions */
.key-box {
  background: #fff;
  margin-bottom: 1.5em; }

.key-box > .span_3_of_9, .key-box > .span_6_of_9 {
  text-align: left; }

.key-box h2 {
  margin-top: 2%;
  margin-left: 10%; }

.objectives h2 {
  color: #00a99d; }

.questions h2 {
  color: #458c32; }

.key-box ul {
  list-style: none;
  margin: 0.55em 5% 3% 0;
  padding: 0; }

.key-box ul > li {
  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: 18px; }

.questions ul > li {
  padding-left: 26px;
  background: url(../img/question.svg) no-repeat 0 2px;
  background-size: 18px; }

/* Insert block */
.block-insert {
  margin: 0 0 1% 0; }

.resource .block-insert {
  width: 39.04%;
  float: right;
  margin: 0 0 1% 1.6%; }

.block-insert > .img {
  margin-bottom: 2em; }

.block-insert {
  width: 39.04%;
  float: right;
  margin: 0 0 1% 1.6%; }

.main-body {
  border-top: 1px solid #00a99d; }

.main-body .col, .main-body .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .main-body .medal-drawer-label {
  margin-top: 0;
  margin-bottom: 0; }

.main-body .block-insert h2 {
  margin-top: 0; }

/* Essential background */
.essential-background > h2 {
  background: #00a99d;
  color: #fff;
  padding: 3% 4%;
  margin-bottom: 1px; }

.essential-background > ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.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;
  font-weight: bold; }

.essential-background > ul > li > a:after {
  content: ">";
  padding: 0 0 0 5px;
  font-weight: bold; }

/* Introduction */
.introduction {
  border-top: 1px solid #00a99d; }

/* Primary content (eg Step by step) */
.primary-content {
  background: #dbf1f0;
  padding: 1% 5% 4% 5%;
  margin: 0 2% 2.5em 0; }

/* Article column */
.article-column {
  margin: 0 5% 2.5em 0; }

.article-column .img {
  margin-bottom: 2em; }

.article-column .key-box {
  padding: 2em 3em 3em 3em; }

.article-column .btn {
  float: left;
  font-size: inherit;
  left: 0.5em;
  clear: both;
  margin-bottom: 2em; }

.article-column h2, .article-column h3, .article-column h4, .article-column h5, .article-column h6 {
  clear: both; }

.article-column table {
  width: 100% !important; }

.article-column th {
  font-weight: bold; }

/* Step by step */
.step-by-step ol {
  counter-reset: item;
  margin: 4% 5% 1% 7%; }

.step-by-step ol > li {
  display: block;
  position: relative;
  margin-bottom: 1.3em; }

.step-by-step ol > li:before {
  content: counter(item) " ";
  counter-increment: item;
  position: absolute;
  left: -10%;
  top: 0;
  color: #00a99d; }

.hints-and-tips ul {
  margin: 4% 5% 1% 0; }

.hints-and-tips ul > li {
  display: block;
  position: relative;
  margin: 0 0 1.3em 0;
  padding-left: 23px;
  background: url(../img/lightbulb.svg) no-repeat top left;
  background-size: 0.8em; }

/* Additional information */
.additional-info, .young-gardener-comp .add-info, .young-gardener-comp .older-results {
  background: #dcf7bf;
  padding: 2% 5% 4% 5%;
  margin-bottom: 2.5em; }

.additional-info > h2, .young-gardener-comp .add-info > h2, .young-gardener-comp .older-results > h2 {
  color: #458c32; }

.main-body .span_3_of_5 > .additional-info, .main-body .young-gardener-comp .span_3_of_5 > .add-info, .young-gardener-comp .main-body .span_3_of_5 > .add-info, .main-body .young-gardener-comp .span_3_of_5 > .older-results, .young-gardener-comp .main-body .span_3_of_5 > .older-results {
  margin-right: 2%; }

/* Sequences */
.sequence {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: item; }

.sequence > li {
  display: block;
  margin-top: 0;
  margin-bottom: 2.2em;
  border-top: 1px solid #00a99d;
  position: relative; }

.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; }

/* How to */
.how-to-cards > li {
  background: #fff; }

.how-to-cards > li:nth-child(odd) {
  clear: left;
  margin-left: 0; }

.how-to-cards > li:nth-child(even) {
  clear: right; }

.how-to-cards > li:before {
  left: 42%; }

.how-to-cards .img {
  max-width: 45%;
  float: left;
  margin-right: 7%; }

.how-to-cards .img > img {
  float: left; }

.how-to-cards .instructions {
  margin-top: 0.8em;
  margin-right: 3%;
  float: left;
  max-width: 45%; }

.how-to-cards p {
  margin-bottom: 0.4em;
  line-height: 1.25em; }

.how-to-cards h3 {
  line-height: 1.2em;
  margin-bottom: 0.4em;
  color: #666; }

/* Spotter guides */
.spotter-guides li:nth-child(4n+1) {
  margin-left: 0;
  clear: left; }

.spotter-guides .img {
  margin-bottom: 0.2em; }

.spotter-guides .tick {
  border-bottom: 1px dashed #94958c; }

.spotter-guides .tick > span {
  display: inline-block;
  vertical-align: top;
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  background: #fff;
  -moz-box-shadow: inset 0 1px 3px 0 #ddd;
  -webkit-box-shadow: inset 0 1px 3px 0 #ddd;
  box-shadow: inset 0 1px 3px 0 #ddd;
  border: 1px solid #00a99d;
  margin-bottom: -1px; }

.spotter-guides .annotation {
  max-width: 78%;
  min-height: 40px;
  margin-top: 12px;
  margin-top: -29px;
  margin-left: 3em; }

/* margin-left: 3em; display: table;*/
.spotter-guides .annotation p {
  font-size: 1em;
  line-height: 1.2em; }

.spotter-guides .annotation span {
  font-size: 1em !important;
  line-height: 1.2em !important;
  background: none !important; }

/* Lesson plans */
p.nc-links {
  margin-bottom: 0; }

.vocab {
  margin-bottom: 2.5em; }

.vocab * {
  display: inline;
  clear: none;
  margin: 0;
  padding: 0; }

.vocab > h2 {
  color: #458c32;
  margin-right: 1%;
  margin-bottom: 0.6em;
  float: left; }

.vocab > ul {
  background: #dcf7bf;
  border: 1px solid #b3e3e0;
  padding: 0.3em 0.8em 0 0.8em;
  display: table;
  width: 100%; }

.vocab > ul > li {
  padding: 0 0.8%;
  font-weight: bold;
  display: block;
  float: left; }

/* Generic landing page */
.generic-lp .awards {
  margin-bottom: 3em; }

.box-pic {
  float: left;
  width: 50%;
  overflow: hidden; }

.box-pic .image {
  width: 120%; }

.box-pic .image img {
  margin-left: -10%;
  float: left; }

.generic-lp .span_1_of_3 {
  margin-bottom: 5em;
  width: 31.73333333333333%;
  margin-left: 2.4%; }

.generic-lp .span_1_of_3:first-child {
  margin-left: 0; }

.generic-lp .mod {
  display: block;
  float: none;
  vertical-align: top; }

.generic-lp .mod-head {
  min-height: 14em; }

.generic-lp .mod-head h2 > a {
  color: #fff; }

.generic-lp .mod-head p {
  color: #444; }

/* Generic content */
.content-body {
  position: relative; }

.content-body p.subhead {
  margin-bottom: 1.5em; }

.content-body .additional-info, .content-body .young-gardener-comp .add-info, .young-gardener-comp .content-body .add-info, .content-body .young-gardener-comp .older-results, .young-gardener-comp .content-body .older-results {
  margin-top: 4em; }

/* // School Gardening Awards // */
/* School Gardening Awards LP */
.awards {
  background-color: #fff;
  margin: 1em 0 2em 0; }

.awards .box {
  padding: 3% 4%;
  width: 50%;
  float: left; }

.awards .box p {
  font-family: 'Raleway',sans-serif;
  font-weight: 300;
  font-size: 1.9em;
  line-height: 1.3em;
  margin-bottom: 0.8em; }

.awards .box .p-course-box {
  font-size: 1.4em; }

.awards .box p:last-child {
  margin-bottom: 0; }

.awards .box.why {
  background-color: #dcf7bf;
  padding-bottom: 2%; }

.awards .why h2 {
  margin-top: 0; }

.awards .why h2, .awards .why ol li:before, .course-box ol > li:before, .ol-course-box > li:before {
  color: #458c32; }

.awards .why ol, .course-box ol, .ol-course-box {
  margin: 1.5em 0 2em 0;
  padding: 0;
  list-style: none;
  counter-reset: item; }

.awards .why ol > li, .course-box ol > li, .ol-course-box > li {
  position: relative;
  margin: 0 0 1.5em 0;
  padding-left: 3em;
  font-size: 1.2em; }

.awards .why ol > li:before, .course-box ol > li:before, .ol-course-box > li:before {
  content: counter(item) " ";
  counter-increment: item;
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'Raleway',sans-serif;
  font-weight: 700;
  font-size: 2.5em; }

.awards .why ol li:last-child, .course-box ol > li:last-child, .ol-course-box > li:last-child {
  margin-bottom: 0; }

.awards .box .btn {
  float: left;
  font-size: 1.4em;
  padding: 0 24px 0 14px;
  margin-left: 1.5%; }

.awards .box .btn-course-box {
  font-size: 1.2em;
  float: left;
  margin-left: 2.5%; }

.awards .box .btn:before, .awards .box .btn:after {
  left: -4%; }

.awards .box .btn-course-box:before, .awards .box .btn-course-box:after {
  left: -2.5%; }

.sga-levels:last-child {
  border-top: 1px solid #458c32; }

.level h2 {
  color: #666;
  margin-bottom: 0.6em; }

.level h2 span {
  font-weight: 300;
  margin-left: 0.2em;
  padding-left: 0.3em;
  border-left: 1px solid #666; }

.level-box p, .level-box a {
  font-family: 'Raleway',sans-serif; }

.level-box p {
  margin-bottom: 0.3em; }

.level-box a {
  color: #458c32;
  font-weight: bold;
  font-size: 1.2em; }

.level-box a:hover {
  color: #f77d43; }

.level-box a:after {
  content: "…"; }

.level h3 {
  color: #666;
  border-top: 1px solid #cccccc;
  margin-top: 0.5em;
  padding-top: 0.5em;
  font-size: 1.1em;
  font-weight: 900; }

.level .img {
  float: left;
  margin-right: 2%;
  overflow: hidden;
  max-width: 82%; }

.level img {
  display: block;
  margin-left: -25%;
  width: 75%; }

.level .level-box {
  float: left;
  max-width: 51%;
  margin-left: -36.5%; }

.level .level-box > ul {
  font-size: 1.1em;
  list-style-type: none;
  padding-left: 0; }

.level.span_2_of_3 .img {
  max-width: 41%; }

.level.span_2_of_3 .level-box {
  margin-left: -19.5%;
  max-width: 76.5%; }

/* Submit Evidence */
.sga, .sga-review {
  margin: 1% 0 8% 0; }

.sga > h2 {
  color: #67b52c;
  margin-bottom: 0; }

.sga .mandatory {
  font-size: 1.35em; }

.sga .asterisk {
  color: #f77d43;
  font-weight: bold;
  font-size: 1.4em;
  top: 0.25em;
  position: relative; }

.sga fieldset {
  border-top: 1px solid #00a99d;
  margin-top: 2em;
  margin-bottom: 3em; }

.sga legend {
  color: #00a99d;
  font-size: 2em;
  float: none;
  padding: 0 2% 0 0;
  margin: 0 0 0.6em 0;
  display: block;
  white-space: nowrap; }

.sga fieldset > p {
  margin-bottom: 1em; }

.sga label {
  display: block;
  color: #666;
  font-size: 1.2em;
  margin: 0 0 1em 0; }

.sga .submit {
  background-color: #f77d43;
  padding: 1% 4%;
  font-size: 1.5em; }

/* Badge */
.sga-level-badge {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
  padding: 0 0 0.3em 0em;
  max-width: 208px;
  color: #458c32; }

.sga-level-badge > a:visited {
  color: #458c32; }

.sga-label {
  display: inline-block;
  line-height: 1.3em;
  margin: 0 0 0.3em 0.4em;
  font-size: 1.1em;
  max-width: 65%; }

.comp-label {
  margin-left: 0; }

.sga-label > strong {
  display: block;
  clear: both; }

.sga-level {
  float: left;
  clear: left;
  width: 65px;
  height: 85px;
  background: url(../img/sga-badge.svg) no-repeat top center;
  display: inline-block;
  font-size: 2.8em;
  text-align: center;
  line-height: 112px;
  clear: both; }

.comp-entries {
  background: url(../img/award-ribbon.svg) no-repeat top center;
  color: #fff;
  line-height: 43px; }

.no-vis {
  position: absolute;
  left: -9999px; }

.photographic-evidence textarea {
  width: 100%; }

.photo-uploader {
  border-top: 1px solid #b3e3e0;
  margin-bottom: 0.6em;
  padding-top: 0.3em; }

.photo-uploader input[type="file"] {
  width: 74%; }

.photo-uploader .image-controls {
  margin-top: 1.5em; }

.photo-uploader .img {
  width: 40%;
  margin-right: 4%;
  float: left; }

.photo-uploader .green {
  padding: 2%;
  color: #fff;
  font-size: 1.2em;
  width: 77%; }

.photo-uploader ul {
  list-style: none;
  width: 51%;
  margin: 0;
  float: left;
  padding: 0.8em 0 0.5em 0;
  font-size: 1.1em;
  font-weight: bold;
  border-top: 2px solid #458c32;
  border-bottom: 1px solid #458c32; }

.photo-uploader ul li a {
  padding: 1px 0 1px 27px;
  display: block;
  margin-left: -2px; }

.photo-uploader ul li:first-child a {
  background: url(../img/rot90clk.svg) no-repeat center left; }

.photo-uploader ul li:nth-child(2) a {
  background: url(../img/rot90cntr-clk.svg) no-repeat center left; }

.photo-uploader ul li:last-child a {
  color: #f77d43;
  background: url(../img/remove.svg) no-repeat center left; }

.sga .terms-and-conditions input[type="checkbox"], .sga .terms-and-conditions label {
  line-height: 0.6em; }

.sga .terms-and-conditions input[type="checkbox"] {
  display: block;
  float: left;
  clear: left;
  margin-right: 4px;
  margin: 0 0.3em 0.6em 0; }

.sga .terms-and-conditions label {
  display: inline-block; }

/* level 12345  */
.level-1 .written-evidence textarea, 
.level-2 .written-evidence textarea, 
.level-3 .written-evidence textarea, 
.level-4 .written-evidence textarea, 
.level-5 .written-evidence textarea {
    width: 80%;
}

/* View Evidence */
/* Written */
.additional-info .question, .young-gardener-comp .add-info .question, .young-gardener-comp .older-results .question {
  width: 100%;
  clear: both;
  display: inline-block;
  margin: 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #00a99d;
  width: 100%;
  font-weight: bold; }

.additional-info .question p, .young-gardener-comp .add-info .question p, .young-gardener-comp .older-results .question p, .additional-info .question ul, .young-gardener-comp .add-info .question ul, .young-gardener-comp .older-results .question ul {
  font-weight: bold;
  margin-bottom: 1em; }

.pending {
  background: #fcd754 url(../img/clock-pending.svg) no-repeat 1em 1.3em;
  color: #666;
  padding: 1.5em 4em 1.5em 3em;
  width: 100%;
  font-size: 1.5em;
  margin-top: 0.8em;
  position: relative; }

.pending .svg-inline {
  position: absolute;
  right: 1em;
  top: 1.3em;
  max-width: 26px;
  max-height: 26px; }

.pending span {
  line-height: 1.2em; }

.fade-msg .pending {
  position: absolute;
  background: #fcd754;
  padding-left: 2em;
  right: 0;
  top: 1.5em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 25em;
  text-align: left;
  z-index: 9; }

.sga-review .content-body {
  border-top: 1px solid #00a99d; }

.sga-review .content-body .span_5_of_8 {
  padding-top: 1em; }

.sga-review .content-body .additional-info, .sga-review .content-body .young-gardener-comp .add-info, .young-gardener-comp .sga-review .content-body .add-info, .sga-review .content-body .young-gardener-comp .older-results, .young-gardener-comp .sga-review .content-body .older-results {
  margin: 1em 2em 1em 0; }

.sga-review ol {
  list-style: none;
  counter-reset: item; }

.sga-review ol > li {
  display: block;
  margin-top: 0;
  margin-bottom: 1.5em;
  position: relative; }

.sga-review ol > li:nth-child(5) {
  margin-left: 0; }

.sga-review ol > li:before {
  content: counter(item) " ";
  counter-increment: item;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  display: block;
  background: #00a99d;
  padding: 4px 8px 8px 7px; }

.sga-review ol > li {
  background: #fff; }

.sga-review ol > li > .caption {
  padding: 0.25em 1em 0 1em;
  min-height: 6em; }

.sga-review ol > li > .caption p {
  font-size: 0.85em; }

.sga-review .written {
  margin-bottom: 2.5em; }

.sga-review .equal-height {
  margin-bottom: 1em; }

.sga-review .equal-height .additional-info, .sga-review .equal-height .young-gardener-comp .add-info, .young-gardener-comp .sga-review .equal-height .add-info, .sga-review .equal-height .young-gardener-comp .older-results, .young-gardener-comp .sga-review .equal-height .older-results {
  margin-bottom: -99999px;
  padding: 1em 2.5em 99999px 2.5em; }

.next-level {
  border-left: 3px solid #458c32;
  padding: 0 0 1em 2em;
  margin-top: 1em; }

.next-level > h2 {
  color: #458c32;
  margin-top: 0; }

.next-level .btn {
  float: left;
  margin-left: 0.65em;
  font-size: 1.2em;
  padding-left: 14px; }

.next-level .btn:before, .next-level .btn:after {
  left: -0.5em; }

/* Level 4 */
.supporting-docs {
  background: #fff;
  padding: 1.5em 2em 0em 2em;
  font-weight: bold; }

.level-5 .span_5_of_9 {
  margin-left: 0; }

/* // RATINGS & ASIDES // */
/* Ratings */
.ratings {
  border-top: 1px solid #00a99d;
  padding: 0.8em 0; }

.ratings > * {
  color: #666;
  display: inline-block;
  clear: none;
  margin: 0 0 0 0.2em;
  padding: 0; }

.resource-foot .ratings > * {
  display: inline; }

.ratings h2 {
  margin-right: 1%;
  float: left; }

.ratings ol {
  list-style: none; }

.resource-foot .ratings ol {
  margin-right: 3%; }

.ratings ol > li {
  display: block;
  float: left;
  margin: 0.2em 0.2em 0 0; }

.ratings ol > li > a, .ratings ol > li > span {
  background: url(../img/rating-star.svg) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  background-position: 0 -16px;
  display: block;
  width: 16px;
  height: 16px; }

.ratings ol > li > a {
  cursor: pointer; }

.ratings ol > li > a:hover, .ratings ol > li.rated > a, .ratings ol > li > span:hover, .ratings ol > li.rated > span {
  background-position: 0 0; }

.ratings p > strong:first-child {
  color: #00a99d;
  margin: 0 0.5%; }

/* Belongs to Class Growing Topic */
aside.cgt-connect {
  border-top: 1px solid #00a99d;
  padding: 0.8em 0; }

aside.cgt-connect * {
  display: inline;
  clear: none;
  margin: 0;
  padding: 0; }

aside.cgt-connect > h3 {
  color: #666;
  margin-right: 2%;
  padding-right: 2%;
  border-right: 1px solid #458c32; }

aside.cgt-connect > h3 > span {
  text-transform: uppercase; }

aside.cgt-connect > ul > li > a, aside.cgt-connect > ul > li > a:visited {
  color: #458c32; }

aside.cgt-connect > ul > li > a:hover {
  color: #f77d43; }

aside.cgt-connect > ul > li > a:after {
  content: ">";
  padding: 0 0 0 5px;
  font-weight: bold; }

/* See more (related content) */
aside.see-also {
  background: #fff;
  padding: 1% 1.6%;
  position: relative;
  margin-bottom: 1em; }

aside.see-also > h2 {
  font-style: italic;
  color: #666;
  margin: 0; }

ul.related-items {
  border-top: 1px solid #b3e3e0;
  border-bottom: 1px solid #b3e3e0;
  list-style: none;
  margin: 0.5% 0;
  padding: 1% 0; }

ul.related-items .span_1_of_4 {
  width: 24.25%; }

ul.related-items > li {
  margin-bottom: 0;
  margin-left: 1%;
  background: #dbf1f0; }

ul.related-items > li > div.img {
  max-width: 30%;
  float: left;
  margin-right: 5%;
  overflow: hidden; }

ul.related-items > li > div.img > a {
  display: block;
  width: 150%;
  margin-left: -25%; }

ul.related-items > li > div.img > a > img {
  float: left; }

ul.related-items > li > a {
  display: block;
  padding: 2% 4% 0 0;
  line-height: 1.25em; }

/* Tag list */
ul.tags {
  list-style: none;
  margin: 1% 0;
  padding: 0; }

ul.tags > li {
  float: left;
  margin: 0 2% 0.4em 2%;
  display: block;
  position: relative; }

ul.tags > li > a {
  background: #458c32;
  color: #fff;
  display: block;
  line-height: 1.9em;
  padding: 0 10px 0 6px;
  font-weight: bold; }

ul.tags > li:after {
  right: 100%;
  top: 51%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #458c32;
  border-width: 0.85em;
  margin-top: -0.85em;
  z-index: 1; }

ul.tags > li:before {
  content: " ";
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: #fff;
  position: absolute;
  top: 43%;
  left: -5px;
  z-index: 2; }

ul.tags > li > a:hover {
  background: #f77c43; }

ul.tags > li:hover:after {
  border-right-color: #f77c43; }

/* See more */
.see-more {
  float: right; }

.see-more * {
  display: inline-block;
  clear: none; }

.see-more > h2, .see-more > h3 {
  font-style: italic;
  color: #666;
  margin: 0;
  padding: 0 10px 0 0; }

.see-more > a:after {
  content: ">";
  padding: 0 0 0 5px;
  font-weight: bold; }

/* /// Home page /// */
/* Carousel */
.home-carousel {
  width: 100%;
  position: relative;
  height: 480px;
  overflow: hidden;
  margin-bottom: 1.6em; }

.home-carousel img {
  width: 100%;
  min-width: 1409px;
  position: absolute;
  top: -15%;
  left: 0;
  z-index: 1; }

.home-cta {
  height: 9999px;
  width: 31%;
  background-color: #fff;
  position: relative;
  z-index: 2;
  overflow: hidden; }

.home-cta-box {
  padding: 12% 8% 0 8%; }

.home-cta-box > h1 {
  font-size: 2.7em;
  color: #458c32;
  margin-bottom: 0.15em; }

.home-cta-box > p {
  font-size: 1.8em; }

.home-cta-box > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }

.home-cta-box > ul > li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%; }

.home-cta-box > ul > li:first-child {
  margin: 0 4%;
  width: 96%;
  margin-bottom: 0.8em; }

.home-cta-box > ul > li:last-child {
  text-align: center;
  color: #458c32;
  font-size: 1.3em; }

.home-cta-box > ul > li:last-child a {
  line-height: 40px;
  padding: 0;
  margin-left: 0.6em;
  color: #458c32; }

.home-cta-box > ul > li:last-child a > svg {
  vertical-align: middle;
  margin: -6px 3px 0 0;
  width: 0.95em;
  height: 0.9em; }

.home-cta-box > ul > li > a > span {
  position: absolute;
  left: -9999px; }

/* Registration - multiple option reveal layer */
.home-cta-box .btn {
  text-align: center;
  font-size: 1.3em;
  min-height: 46px;
  line-height: 46px;
  border-top-right-radius: 23px;
  border-bottom-right-radius: 23px;
  padding: 0 20px 0 10px;
  z-index: 10;
  position: relative; }

.home-cta-box .btn:before, .home-cta-box .btn:after {
  left: -10px; }

.home-cta-box .btn:before {
  top: 0;
  border-width: 0 10px 28px 0; }

.home-cta-box .btn:after {
  bottom: 0;
  border-width: 0 0 28px 10px; }

.home-cta-box .btn span {
  position: relative;
  display: inline-block;
  top: -2px;
  left: 8px;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #ffffff transparent transparent transparent; }

.home-cta-box > ul > li:first-child:hover span {
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #ffffff transparent; }

.home-cta-box > ul > li:last-child a:hover, .home-cta-box > ul > li > ul > li > a:hover {
  color: #f77d43; }

.home-cta-box > ul > li > ul {
  display: none;
  position: absolute;
  background-color: #f7f8e9;
  z-index: 9;
  padding: 1em 1em 4em 1.8em;
  list-style: none;
  left: -5%;
  bottom: 1.8em;
  top: auto;
  min-width: 110%;
  border: 1px solid #67b52c; }

.home-cta-box > ul > li > ul > li {
  clear: both;
  margin: 0;
  font-size: 1em;
  margin-bottom: 0.3em; }

.home-cta-box > ul > li > ul > li > a {
  color: #458c32; }

/* Features */
.home-features {
  margin-bottom: 5em; }

.home-features.share {
  padding-top: 2em;
  clear: both;
  width: 100%;
  margin-bottom: 0; }

.home-features.share > h1 {
  border-bottom: 1px solid #00a99d;
  color: #00a99d;
  font-size: 2.2em;
  clear: both;
  padding-bottom: 0.2em;
  margin-right: 1%; }

.home-features .span_1_of_3 {
  width: 31%; }

.home-features .col, .home-features .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .home-features .medal-drawer-label {
  margin: 1% 0 1% 3%; }

.home-features .col:first-child, .home-features .budding-gardener-comp .medal-drawer-label:first-child, .budding-gardener-comp .home-features .medal-drawer-label:first-child, .home-features .col:nth-child(5), .home-features .budding-gardener-comp .medal-drawer-label:nth-child(5), .budding-gardener-comp .home-features .medal-drawer-label:nth-child(5) {
  margin-left: 0; }

.home-feature-details {
  padding: 1% 5% 8% 5%;
  min-height: 240px;
  position: relative; }

.home-video-details {
  padding: 0 0 5% 0;
  background-color: #fff;
  float: left;
  min-height: 214px; }

.home-twitter, .home-video {
  padding-top: 0.5%; }

.home-feature-details h2, .home-twitter h2, .home-video h2 {
  color: #555;
  font-size: 1.3em;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.3em; }

.home-twitter h2, .home-video h2 {
  border-color: #ccc;
  margin-bottom: 1em; }

.home-video h3 {
  color: #458c32;
  font-size: 1.8em;
  line-height: 1.2em;
  margin-top: 0.3em; }

.home-feature-details h3 {
  color: #fff;
  font-size: 1.8em;
  line-height: 1.2em; }

.home-feature-details h3 > a {
  color: #fff; }

.home-feature-details p, .home-video-details p {
  color: #444;
  font-size: 1.1em;
  margin-bottom: 1em; }

.home-feature > .image {
  background: none; }

.home-feature > .image > a > img {
  float: left; }

.home-video-details h3 {
  margin: 0 5% 1% 5%;
  padding-top: 0.3em;
  clear: both; }

.home-video-details p {
  margin: 0 5%; }

/* Buttons */
.home-feature-details .btn {
  float: left;
  font-size: 1.25em;
  margin-left: 2.8%;
  position: absolute;
  bottom: 1.3em; }

.home-feature-details .btn:before, .home-feature-details .btn:after {
  left: -8px; }

.white {
  background-color: #fff; }

.text-white {
  color: #fff; }

.beige {
  background-color: #cfb98b; }

.beige .btn {
  background: #7e6e4c; }

.beige .btn:before {
  border-color: transparent #7e6e4c transparent transparent; }

.beige .btn:after {
  border-color: transparent transparent #7e6e4c transparent; }

.yellow {
  background-color: #ddc752; }

.yellow .btn {
  background: #9a8308; }

.yellow .btn:before {
  border-color: transparent #9a8308 transparent transparent; }

.yellow .btn:after {
  border-color: transparent transparent #9a8308 transparent; }

.orange {
  background-color: #f8a25d; }

.orange .btn {
  background: #ce630d; }

.orange .btn:before {
  border-color: transparent #ce630d transparent transparent; }

.orange .btn:after {
  border-color: transparent transparent #ce630d transparent; }

.green {
  background-color: #8cc95f; }

.green .btn, .btn.green {
  background: #458c32; }

.green .btn:before, .green.btn:before {
  border-color: transparent #458c32 transparent transparent; }

.green .btn:after, .green.btn:after {
  border-color: transparent transparent #458c32 transparent; }

/* Latest video */
.home-video iframe {
  height: 217px;
  margin: 0;
  padding: 0;
  float: left; }

/* Bookmarks management page */
.bookmarks .line-shift {
  color: #00a99d;
  border-top: 1px solid #00a99d;
  margin-bottom: -2em;
  margin-top: 2em; }

.bookmarks .line-shift > h2 {
  color: #00a99d;
  background-color: #f7f8e9;
  position: relative;
  top: -1.15em;
  margin-bottom: 0;
  display: inline-block;
  padding-right: 1em; }

.bookmarks .span_1_of_4:nth-child(5n+0) {
  margin-left: 0;
  clear: left; }

.bookmarks .head-feature {
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5em; }

.bookmarks .head-feature .img {
  max-width: 36%;
  margin-right: 4%; }

.bookmarks .feature-block {
  max-width: 60%;
  position: relative; }

.bookmarks .green {
  background: none; }

.bookmarks .green .head-feature {
  background-color: #dcf7bf; }

.bookmarks .blue .head-feature {
  background-color: #dbf1f0; }

.bookmarks .head-feature h3 {
  font-weight: 900;
  font-size: 1.05em;
  line-height: 1.2em; }

.bookmarks .bk-svg {
  position: absolute;
  left: 8px;
  top: 0;
  display: block;
  max-width: 24.4px;
  max-height: 33px;
  z-index: 1; }

.bookmarks .bk-svg .svg-shadow {
  -moz-box-shadow: 0 2px 5px 0 #000;
  -webkit-box-shadow: 0 2px 5px 0 #000;
  box-shadow: 0 2px 5px 0 #000; }

.bookmarks .white .bk-svg {
  fill: #fff; }

.bookmarks .blue .bk-svg {
  fill: #dbf1f0; }

.bookmarks .green .bk-svg {
  fill: #dcf7bf; }

.bookmarks .feature-label {
  font-size: 0.85em;
  padding-bottom: 0;
  margin-bottom: 0.3em;
  margin-top: 0.2em; }

.bookmarks .bk-del {
  display: none;
  position: absolute;
  z-index: 3;
  right: -1em;
  top: -0.7em;
  background: #f77d43;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  line-height: 2.4em;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  text-indent: -3%; }

.bookmarks .head-feature:hover .bk-del {
  display: block; }

/* User Home Page */
.user-home {
  margin-top: 0.8em; }

.user-home h1 {
  margin-bottom: 0.45em; }

/* Grid adjustments */
.latest-news .span_1_of_3 {
  width: 31.33333333333333%;
  margin-left: 3%; }

.user-home .span_1_of_2 {
  width: 48.85%;
  margin-left: 2.3%; }

.user-home .span_1_of_3:first-child, .user-home .span_1_of_2:first-child {
  margin-left: 0; }

.user-home .content-body {
  border-top: 1px solid #00a99d;
  padding-top: 1.75em; }

.user-home .pending {
  margin: 0 0 1em 0; }

.user-home h2 {
  color: #666; }

/* Featured resource */
.user-home .feature {
  position: relative;
  margin-bottom: 2em; }

.user-home .feature-block {
  margin-top: 0.25em; }

.user-home .feature-block > .feature-label {
  border: 0;
  display: inline-block; }

.user-home .feature-block > .resource-type {
  display: inline-block;
  margin: 0.3em 0 0 0.6em; }

.user-home .feature-block > h2 {
  border-top: 1px solid #ccc;
  margin: 0.1em 0 0.2em 0;
  padding-top: 0.25em; }

.user-home .feature h2 > a:link, .user-home .feature h2 > a:visited {
  color: #00a99d; }

.user-home .head-feature > .img {
  max-width: 24%; }

.user-home .head-feature > .feature-block {
  width: 73%; }

.user-home .feature > .see-more {
  position: absolute;
  top: -0.5em;
  right: 3%; }

.user-home .feature > .see-more > .resource-type {
  padding-left: 0; }

.user-home .feature-block > .see-more {
  float: none;
  border-top: 1px solid #ccc;
  margin-top: 1.5em; }

.user-home .feature-block > .see-more > h3 {
  line-height: 1.6em;
  font-size: 1.4em; }

.user-home .feature-block > .see-more > .resource-type {
  line-height: 2em;
  padding-left: 25px;
  color: #00a99d;
  font-size: 1.05em; }

.user-home .feature-block > .see-more > .resource-type:visited {
  color: #00a99d; }

.user-home .feature-block > .see-more > .resource-type:hover {
  color: #f77d43; }

.user-home-module {
  border-top: 1px solid #ccc;
  position: relative; }

.user-home-module.bookmarks {
  margin-top: 0; }

.user-home-module h2, .user-home-module.bookmarks h2 {
  margin-top: -0.65em;
  background-color: #f7f8e9;
  display: block;
  padding-right: 0.65em;
  float: left;
  border: 0;
  color: #666; }

/* See more */
.user-home .see-more > h2, .user-home .see-more > h3 {
  font-size: 1.5em;
  line-height: 2.4em;
  margin: 0;
  padding: 0 0.2em 0 0; }

.user-home .see-more .resource-type {
  color: #458c32;
  font-size: 1.15em;
  line-height: 2.9em;
  margin: 0;
  padding: 0; }

.latest-news .see-more, .competitions .see-more, .bookmarks .see-more {
  position: absolute;
  top: -1.8em;
  right: 0;
  background-color: #f7f8e9;
  padding-left: 1em; }

.latest-news {
  margin-top: 4em;
  margin-bottom: 1.25em; }

.content-body .latest-news .additional-info, .content-body .latest-news .young-gardener-comp .add-info, .young-gardener-comp .content-body .latest-news .add-info, .content-body .latest-news .young-gardener-comp .older-results, .young-gardener-comp .content-body .latest-news .older-results {
  margin: 0;
  padding: 0.5em 1.5em 0.5em 1.5em;
  min-height: 8.75em; }

.latest-news .feature-label {
  border-color: #aacb87; }

.latest-news h3 {
  font-size: 1.3em;
  margin-top: 0.5em;
  line-height: 1.2em; }

.latest-news h3 > a {
  color: #458c32; }

.latest-news .img > img {
  float: left; }

.latest-news .see-more {
  position: absolute;
  top: -1.8em;
  right: 0;
  background-color: #f7f8e9;
  padding-left: 1em; }

.courses {
  margin: 0 0 0 0.8em;
  border-left: 3px solid #458c32;
  border-top: 0;
  padding-left: 2em; }

.courses h2 {
  margin-top: 0; }

.courses h3 {
  font-size: 1.1em; }

.courses h3 > a {
  color: #458c32; }

.courses ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.courses > ul {
  border-bottom: 1px solid #aacb87; }

.courses > ul > li {
  border-top: 1px solid #aacb87;
  padding-top: 0.6em;
  margin-bottom: 1.6em; }

.courses li > ul {
  margin-top: 0.65em; }

.courses li > ul > li:first-child {
  float: left;
  width: 32%;
  margin-right: 0.6em; }

.courses li > ul > li:nth-child(2), .courses li > ul > li:last-child {
  font-size: 0.75em;
  line-height: 1.3em; }

.courses li > ul > li:nth-child(2) {
  font-weight: bold; }

.courses li > strong {
  color: #458c32;
  display: block;
  clear: both;
  font-size: 2em;
  margin-bottom: 0.3em; }

.courses li > span {
  font-size: 0.6em;
  line-height: 1.2em;
  display: inline-block; }

.courses .btn {
  float: left;
  clear: both;
  margin: 0.25em 0 0 0.5em;
  font-size: 1.1em;
  padding-left: 14px; }

.courses .btn:before, .courses .btn:after {
  left: -0.4em; }

.user-home .courses .see-more {
  float: none; }

/* Competitions & bookmarks modules */
.user-home .competitions > ol, .bookmarks ol {
  list-style: none;
  margin: 1em 0 0 0;
  padding: 0;
  clear: both; }

.user-home .competitions > ol > li, .user-home .bookmarks ol > li {
  margin: 0 0 1.75em 0;
  background-color: #fff;
  padding: 0.8em 1.25em 0 1.25em;
  min-height: 8em; }

.user-home .bookmarks > ol > li {
  width: 47.625%;
  margin-left: 4.75%;
  float: left;
  padding: 0.3em 1.1em; }

.user-home .bookmarks > ol > li:nth-child(odd) {
  margin-left: 0; }

.user-home .bookmarks .feature-label {
  font-size: 0.8em;
  padding-bottom: 0.1em; }

.user-home .bookmarks .resource .feature-label {
  color: #00a99d; }

.bookmarks li h3 {
  font-size: 1.1em;
  margin-top: 0.3em;
  line-height: 1.2em; }

.user-home .bookmarks h3 > a {
  color: #458c32; }

.user-home .bookmarks .news {
  background-color: #dcf7bf; }

.user-home .bookmarks .news .feature-label {
  border-color: #abc78e; }

/* Resources */
.user-home .bookmarks .resource-type {
  border-color: #7fd4ce; }

/* Resource type icons */
.bookmarks .activity, .bookmarks .lesson-plan {
  background-size: 0.8em;
  padding-left: 12px;
  background-position: 0px 4px; }

.bookmarks .advice, .bookmarks .project {
  background-size: 1em;
  padding-left: 14px;
  background-position: 0px 3px; }

.bookmarks .spotter-guide {
  background-size: 1em;
  padding-left: 15px;
  background-position: 0px 4px; }

.bookmarks .how-to {
  background-size: 1em;
  padding-left: 15px;
  background-position: 0px 5px; }

.bookmarks .class-growing-topic {
  background-size: 0.75em;
  padding-left: 12px;
  background-position: 0px 2px; }

.bookmarks .image {
  background-size: 0.75em;
  padding-left: 12px;
  background-position: 0px 5px; }

/* Empty boxes */
.user-home .competitions > ol > li.empty, .bookmarks ol > li.empty {
  background: none;
  border: 2px dashed #458c32;
  width: 100%;
  margin-left: 0; }

.bookmarks ol > li.empty {
  padding: 0.3em 1.1em;
  margin-bottom: 1.75em;
  min-height: 8em; }

.user-home .competitions > ol > li.empty {
  text-align: center; }

ol > li.empty > h3 {
  float: none;
  max-width: 100%;
  margin: 1em 2em 0 1em;
  font-style: italic;
  color: #666; }

.user-home .competitions > ol > li.empty > a:after {
  content: ">";
  margin-left: 0.3em; }

.bookmarks ol > li.empty > p {
  font-size: 0.9em;
  margin: 0.5em 3em 0 1.3em;
  max-width: 75%; }

.bookmarks ol > li.empty:first-child {
  background: url(../img/bookmark-instruction-arow.svg) no-repeat 85% 36%; }

.empty-bookmarks {
  width: 50%; }

.competitions > ol > li > p {
  margin: 0;
  width: 18%;
  float: right;
  margin-right: -0.5em;
  display: inline-block;
  text-align: center; }

.competitions > ol > li > p > strong {
  font-size: 0.55em;
  text-transform: uppercase;
  display: block;
  clear: both;
  float: right;
  width: 92%;
  line-height: 1.3em;
  margin-bottom: 0.5em;
  text-align: center; }

.competitions > ol > li > p > span {
  display: inline-block;
  clear: both;
  width: 70%;
  float: right;
  margin-right: 10%; }

.competitions .month {
  background-color: #67b52c;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.7em;
  line-height: 1.3em; }

.competitions .day {
  border-left: 1px solid #00a99d;
  border-right: 1px solid #00a99d;
  font-size: 1.4em;
  line-height: 1.4em; }

.competitions .year {
  background-color: #00a99d;
  color: #fff;
  font-size: 0.7em;
  line-height: 1.3em; }

.competitions .closed .month {
  background-color: #999; }

.competitions .closed .day {
  border-left: 1px solid #666;
  border-right: 1px solid #666; }

.competitions .closed .year {
  background-color: #666; }

.competitions .result-pending ul > li:first-child {
  background: url(../img/clock-pending.svg) no-repeat center left;
  background-size: 25%;
  padding: 0.2em 1em 0.2em 42px;
  display: inline-block;
  font-size: 0.7em;
  line-height: 1.3em;
  border-right: 1px solid #666;
  margin-right: 0.8em; }

.competitions .result-pending ul > li:first-child > span {
  font-size: 1.1em;
  clear: both;
  display: block; }

.competitions .result-pending ul > li:last-child > a {
  font-size: 0.7em;
  display: block;
  float: left;
  color: #458c32;
  line-height: 1.5em; }

.competitions .result-pending ul > li:last-child > a:after {
  content: " >";
  margin-left: 2px; }

.competitions li h3 {
  font-size: 1.1em;
  color: #666;
  float: left;
  max-width: 78%;
  padding-bottom: 0.3em; }

.competitions ul {
  list-style: none;
  margin: 0;
  padding: 0;
  clear: left; }

.competitions ul > li {
  position: relative;
  display: inline-block; }

.competitions .btn {
  float: left;
  margin: 0.25em 0 0 0.5em;
  font-size: 0.7em;
  min-height: 32px;
  line-height: 32px;
  padding: 0 16px 0 10px; }

.competitions .btn.white {
  min-height: 30px;
  line-height: 30px; }

.competitions .btn:before, .competitions .btn:after {
  left: -0.5em; }

.competitions li.open > ul > li:first-child:after {
  content: "OR";
  color: #666;
  margin: 0.25em 0.1em 0 0.7em;
  display: inline-block;
  float: left;
  line-height: 32px;
  font-size: 0.7em;
  min-height: 32px; }

.competitions li.open > ul > li:last-child:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 22px 0;
  border-color: transparent #fff transparent transparent;
  left: 3px;
  top: 4px;
  position: absolute;
  z-index: 2; }

.competitions li.open > ul > li:last-child:after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 22px 8px;
  border-color: transparent transparent #fff transparent;
  left: 3px;
  bottom: 1px;
  position: absolute;
  z-index: 3; }

.btn.white:before {
  top: -1px;
  border-width: 0 8px 21px 0;
  border-color: transparent #458c32 transparent transparent;
  z-index: 1; }

.btn.white:after {
  bottom: -1px;
  border-width: 0 0 21px 8px;
  border-color: transparent transparent #458c32 transparent;
  z-index: 1; }

.competitions-overlay .competitions {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 60%;
  right: 0;
  background-color: #edf0c8;
  padding: 2em;
  border: 1px solid #ccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.competitions-overlay .competitions > h2 {
  background: none; }

.competitions-overlay .competitions > .see-more {
  background: none;
  top: 0.3em;
  right: 2em; }

.competitions-overlay:hover {
  cursor: pointer; }

.competitions-overlay:hover .competitions {
  display: block;
  opacity: 1;
  z-index: 2; }

.user-home .show-more {
  border-top: 1px solid #458c32;
  margin-bottom: 2em;
  clear: both;
  text-align: center; }

.user-home .show-more > a {
  display: inline-block;
  background-color: #f7f8e9;
  padding: 1em;
  top: -1.7em;
  position: relative;
  font-size: 1.2em; }

.user-home .show-more > a:before {
  content: "+";
  margin-right: 0.1em;
  font-size: 3em;
  line-height: 0;
  position: relative;
  top: 0.25em; }

.user-home .twitter, .user-home .video {
  margin-bottom: 5em; }

.user-home .twitter iframe {
  width: 100% !important;
  height: 454px; }

.user-home .video iframe {
  height: 295px;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  margin-bottom: 1em; }

.user-home .video h3 {
  font-size: 1.5em;
  margin-top: 0.5em; }

.user-home .video .home-video-details {
  min-height: 160px;
  float: left;
  background-color: #dcf7bf; }

/* Restore anchor hovers */
.user-home .feature h2 > a:hover, .latest-news h3 > a:hover, .courses h3 > a:hover, .bookmarks h3 > a:hover, .user-home .see-more .resource-type:hover {
  color: #f77d43; }

/* // Registration Landing Page // */
.reg-lp .span_1_of_2 p > a {
  font-weight: bold; }

.reg-lp .head-feature {
  padding-left: 4%;
  padding-right: 4%; }

.reg-lp .head-feature .img {
  display: none; }

.benefits h3 {
  color: #458c32;
  font-size: 1.5em;
  margin-top: 0.8em; }

.maincontent .feature-block.benefits {
  width: 100%; }

.maincontent .feature-block.benefits ul {
  margin-bottom: 1.5em; }

.maincontent .feature-block.benefits ul li {
  margin: 0 0 0.2em 0;
  font-size: 0.9em; }

.reg-lp .span_1_of_3.home-feature {
  width: 31%;
  margin: 1% 0 2% 3%; }

.reg-lp .span_1_of_3.home-feature:first-child {
  margin-left: 0; }

.reg-lp .home-feature-details {
  min-height: 17em; }

.reg-lp .home-feature-details h2 {
  text-transform: none;
  color: #fff;
  font-size: 2em;
  line-height: 1.25em; }

.reg-lp .home-feature-details p {
  font-size: 1.2em; }

.reg-lp .span_2_of_3.home-feature {
  width: 65%;
  margin-left: 0;
  margin-bottom: 3em; }

.reg-lp .span_2_of_3.home-feature .home-feature-details {
  min-height: 1em;
  padding: 1% 2.5% 2% 2.5%; }

.reg-lp .span_2_of_3.home-feature .home-feature-details > h2 {
  border: 0;
  font-size: 1.6em;
  padding-bottom: 0; }

.reg-lp .span_2_of_3.home-feature .home-feature-details > p {
  font-size: 1.1em; }

.reg-lp .span_2_of_3.home-feature .home-feature-details > p > a {
  font-weight: bold;
  color: #7e6e4c; }

.reg-lp .span_2_of_3.home-feature .home-feature-details > p > a:hover {
  color: #fff; }

/* // School stories // */
p.storydate {
  font-size: 1.4em;
  color: #666;
  font-weight: bold;
  margin-bottom: 0.8em;
  margin-top: -0.5em; }

/* School Story - Results listing */
.school-stories-listing .sort-by {
  padding: 1% 2%; }

.school-stories-listing .news .result-details {
  margin-top: 1.1em; }

.school-stories-listing .news .result-details h3 {
  font-size: 1.8em;
  margin: 0.3em 0; }

.school-stories-listing .results-list > ol > li {
  padding: 1.2em 2% 1em 2%; }

.result-details .loc {
  position: absolute;
  right: 0;
  top: -1.5em;
  padding-left: 0;
  text-transform: none;
  color: #00A99D;
  font-family: 'Raleway',sans-serif;
  font-weight: 900;
  font-size: 1em; }

/* Schoot Story - Detail Page */
.school-story {
  margin-bottom: 5em; }

.school-story .section .span_3_of_5, .school-story .diy-hr-turquoise .span_3_of_5, .school-story .diy-hr-grey .span_3_of_5, .school-story .budding-gardener-comp .winner .span_3_of_5, .budding-gardener-comp .school-story .winner .span_3_of_5, .school-story .young-gardener-comp .winner-section .span_3_of_5, .young-gardener-comp .school-story .winner-section .span_3_of_5, .school-story .main-section-budd-gard .span_3_of_5 {
  border-top: 2px solid #00a99d;
  padding-top: 1.5%;
  margin-top: 1%; }

.school-story .article-column {
  border-top: 1px solid #00a99d;
  padding-top: 3%;
  margin-top: 3%; }

.school-story .sga-level-badge {
  margin-top: 0.35em; }

.school-story .share {
  top: 0.8em; }

.quote-box {
  border-left: 3px solid #00a99d;
  padding: 0 0 3% 5%;
  margin-top: 5%; }

.quote-box q {
  font-family: 'Raleway',sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 1.8em;
  line-height: 1.15em;
  color: #666; }

/* // News // */
/* News story */
p.date {
  font-size: 1.4em;
  color: #666;
  font-weight: bold;
  margin-bottom: 0.8em;
  padding-top: 0.6em;
  border-top: 1px solid  #ccc; }

.news-archive h2 {
  color: #666; }

.news-archive h3 {
  color: #23bcb2;
  border-top: 1px solid #23bcb2;
  font-size: 1.8em;
  font-weight: 900; }

.more-news {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
  margin-top: 3em; }

.news-lnk {
  font-size: 1.2em;
  font-weight: bold; }

.news-lnk:before, .news-lnk:after {
  font-size: 1.5em;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  color: #458c32; }

.news-lnk:before {
  content: "< ";
  margin-right: 2px; }

.next {
  float: right; }

.news-lnk.next:after {
  content: " >";
  margin-left: 2px; }

.news-lnk.next:before {
  content: ""; }

.news .share h2 {
  position: absolute;
  left: -9999px; }

/* News listing */
.news h2 {
  font-size: 1.5em;
  margin: 0;
  border-bottom: 2px solid #00a99d;
  padding-bottom: 0.4em;
  margin-bottom: 0.2em; }

.news h3.month {
  font-size: 1.8em; }

.maincontent > .news.results-list > ol > li {
  padding: 1em 2.5% 0.8em 2.5%; }

.news .result-details {
  margin: 0;
  padding-top: 0.3em; }

.news .result-details h3 {
  margin-bottom: 0; }

.news span.date {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0 0 0.2em 0;
  display: inline-block; }

.maincontent .news-archive ul li {
  margin-bottom: 0.2em; }

.showall {
  font-weight: bold;
  margin-bottom: 0.4em;
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.9em; }

.showall:after {
  content: " »";
  font-size: 1.5em;
  position: relative;
  top: 1px; }

/* Forms */
.form {
  margin-top: 1.5em;
  border-top: 3px solid #00A99D;
  clear: both; }

.form .sign-in {
  padding-top: 1em; }

/* Registration - step 1 */
.form .main-reg label {
  margin-top: 1em;
  font-size: 2em;
  color: #00A99D; }

.form .main-reg select {
  width: 50%;
  display: block;
  margin: 1.6em 0;
  box-shadow: 0 1px 4px 0 #CCCCCC inset;
  padding: 10px;
  font-size: 1.2em; }

.form .main-reg input[type="submit"], .form .main-reg input[type="button"], .form .main-reg button {
  padding: 10px 32px;
  font-size: 1.6em; }

.form label, .form h3.radio {
  font-family: 'Raleway',sans-serif;
  font-weight: 900;
  font-size: 2em;
  color: #00A99D;
  display: block; }

.form select {
  font-family: 'Raleway',sans-serif;
  font-size: 1.2em;
  padding: 7px;
  width: 100%; }

.form h2 {
  margin-top: 1em;
  border-top: 1px solid #00A99D;
  padding-top: 0.6em;
  clear: both; }

.form input, .form select {
  margin-bottom: 1em; }

.form input.text {
  width: 100%; }

.form label, .form .radios h3, .form .age h3 {
  font-weight: 600;
  color: #666;
  font-size: 1.3em;
  margin-bottom: 0.5em;
  clear: both; }

img[src="/assets/styles/img/loading.gif"] {
  vertical-align: top; }

/* Post code adjustments */
input.button-postcode {
  margin-bottom: 2.5em; }

.postcode-list select {
  margin-top: -1.5em;
  min-height: 11em; }

/* Register a non UK address link */
p.left {
  float: left; }

p.right {
  float: right; }

p.small {
  font-size: 1.1em; }

p.small a:after {
  content: " >";
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 1.2em;
  margin-right: 2px; }

/* Radio buttons & Checkboxes */
.form .radios input, .form .checkboxes input {
  margin-right: 0.4em; }

.form .radios input, .form .radios label, .form .checkboxes input, .form .checkboxes label {
  display: inline-block;
  clear: none; }

.form .radios label, .form .checkboxes label {
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-right: 12px; }

.form input[type="submit"], .form input[type="button"], .form button {
  background: #f77d43;
  padding: 0 18px; }

.form textarea {
  width: 100%;
  padding: 12px; }

.form #numchildren {
  width: 80%; }

.form #postcode {
  float: left; }

.form .clr {
  clear: both; }

.form ul.checkboxes {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
  display: block; }

.form ul.checkboxes > li > input, .form ul.checkboxes > li > label {
  margin-bottom: 0.4em; }

.form ul.checkboxes > li {
  margin: 0 2% 0 0;
  float: left; }

.form .age ul.checkboxes > li {
  margin: 0;
  width: 50%; }

.form div.checkboxes {
  margin-bottom: 1em;
  width: 100%;
  font-size: 1em;
  line-height: 1.2em;
  display: inline-block; }

.form div.checkboxes input, .form div.checkboxes label {
  vertical-align: text-top;
  display: inline-block; }

.form div.checkboxes label {
  max-width: 85%; }

.form div input[type="submit"], .form div input[type="button"], .form div button {
  float: left;
  clear: both; }

.form .up {
  margin-top: -50px; }

.form .radios {
  margin-right: 0; }

.form .radios .ng-scope {
  display: block;
  float: left;
  width: 50%;
  margin: 0; }

.form label .sml {
  font-weight: 300; }

.b {
  font-weight: bold; }

/* Choose from multiple accounts */
.blocks {
  margin-top: 1em; }

.block {
  background: #fff;
  padding: 15px 19px;
  margin-bottom: 1em;
  width: 100%;
  overflow: hidden;
  position: relative; }

.block:before {
  content: ">";
  position: absolute;
  top: 0.3em;
  left: 2%;
  color: #f77d43;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 5em; }

.block h2 {
  color: #666;
  font-size: 1.5em;
  margin-bottom: 0.8em; }

.block input {
  float: right;
  margin-top: 4px; }

/* Manage accounts */
.manage .block {
  width: 100%; }

.block.primary {
  background: #ffffff;
  border: 3px solid #23bcb2; }

.account-details {
  width: 59%;
  float: left;
  margin-left: 6%; }

.account-details h2 {
  line-height: 1em; }

.account-details h3 {
  font-size: 1.3em;
  color: #666; }

.account-input {
  width: 35%;
  float: left;
  text-align: right;
  padding-left: 2%; }

.account-input span {
  color: #f77d43;
  font-size: 1.2em;
  line-height: 3em; }

.account-input input {
  margin-left: 4%;
  margin-bottom: 4%;
  background-color: #f77d43;
  float: right; }

.manage a.crt-btn {
  display: block;
  padding: 9px 9px 9px 40px;
  color: #ffffff;
  margin-bottom: 20px;
  width: 250px;
  border-radius: 0px 15px 15px 0px;
  -moz-border-radius: 0px 15px 15px 0px;
  -webkit-border-radius: 0px 15px 15px 0px;
  font-weight: bold;
  font-size: 1.2em;
  background: url(../img/bg/create.gif) no-repeat left center #23bcb2; }

/* Account details */
.form.account {
  margin-top: 0; }

.account tr, .account .kids-data td {
  border-bottom: 2px solid #f7f8ea; }

.account th, .account td {
  padding: 1.5%;
  text-align: left; }

.account th {
  background-color: #22bcb2;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
  border-right: 2px solid #f7f8ea;
  width: 30%; }

.account td {
  background-color: #dbf1ef;
  color: #666;
  font-size: 1.4em;
  width: 70%;
  font-family: 'Raleway',​sans-serif; }

.account td > input, .account td > select {
  font-size: 1em;
  width: 47.5%;
  margin-right: 1.5%;
  margin-bottom: 0; }

.account td > select {
  clear: both;
  display: block;
  margin-bottom: 0.5em; }

.account tr.kids, .account .kids td, .account tr.kids-data {
  border-bottom: none; }

.form.account .group:first-child h2, .form.account .diy-hr-turquoise:first-child h2, .form.account .diy-hr-grey:first-child h2, .form.account .open-comps-list .sandy-sub-box:first-child h2, .open-comps-list .form.account .sandy-sub-box:first-child h2, .form.account .competition-faqs .sandy-sub-box:first-child h2, .competition-faqs .form.account .sandy-sub-box:first-child h2, .form.account .budding-gardener-comp .winner:first-child h2, .budding-gardener-comp .form.account .winner:first-child h2, .form.account .young-gardener-comp .winner-section:first-child h2, .young-gardener-comp .form.account .winner-section:first-child h2, .form.account .young-gardener-comp .add-info:first-child h2, .young-gardener-comp .form.account .add-info:first-child h2, .form.account .main-section-budd-gard:first-child h2 {
  border-top: 0;
  margin-top: 0; }

.form.account .checkboxes {
  margin-bottom: 1.5em; }

.account .kids-data th {
  text-align: right; }

input.edit {
  background-color: #458C32 !important; }

.account th a {
  background: url(../img/bg/pencil.gif) no-repeat right;
  color: #ffffff;
  padding-right: 22px; }

.account input[type="button"] {
  margin-right: 1.5%; }

/* /// Custom form styles for webkit browsers (Chrome, Safari) /// */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input, select, textarea {
    -webkit-appearance: none;
    border: 1px solid #f7f8e9; }
  input[type=checkbox],
  input[type=radio], select {
    border: 1px solid #999;
    -webkit-box-shadow: 1px 1px 1px #fff;
    -webkit-border-radius: 0.5em;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
    display: inline-block;
    line-height: 1.1em;
    margin: 0 0.25em 0 0;
    font-size: 1.1em;
    padding: 0;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 0.25em;
    vertical-align: text-top; }
  select {
    min-height: 40px;
    line-height: 40px;
    font-size: 1.3em;
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    padding: 0 12px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='3600px' height='40px' viewBox='0 0 3600 40' enable-background='new 0 0 3600 40' xml:space='preserve'><linearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='1799.9995' y1='-0.5039' x2='1799.9995' y2='40.0278'><stop  offset='0' style='stop-color:#FFFFFF'/><stop  offset='1' style='stop-color:#DDDDDD'/></linearGradient><rect fill='url(#SVGID_1_)' width='3600' height='40'/><g><linearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='3588' y1='1' x2='3588' y2='40.0032'><stop  offset='0' style='stop-color:#FFFFFF'/><stop  offset='1' style='stop-color:#A6A8AB'/></linearGradient><rect x='3576' fill='url(#SVGID_2_)' width='24' height='40'/><polygon fill='#666666' points='3582,16.955 3594,16.955 3588,23.045'/></g></svg>") top right no-repeat; 
  }
  .form select {
    padding: 0 12px; }
  input[type=radio] {
    -webkit-border-radius: 2em;
    /* Make radios round */ }
  input[type=checkbox]:disabled, input[type=radio]:disabled {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    border: 1px solid #ddd; }
  input[type=checkbox]:disabled + label {
    color: #888; }
  input[type=checkbox]:checked, input[type=radio]:checked {
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden; }
  input[type=checkbox]:checked:before {
    content: "\00a0";
    display: block;
    color: #fff;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    position: absolute;
    z-index: 2;
    top: 2.5%;
    left: 25%; }
  input[type=radio]:checked:before {
    content: "\00a0";
    display: block;
    background-color: #fff;
    width: 100%;
    height: 100%;
    border: 0.25em solid rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 2em;
    position: absolute;
    z-index: 2; }
  /* For mobile */
  input[type=radio]:checked:before {
    top: 0;
    left: 0; }
  .search-filters input[type="checkbox"], .search-filters input[type="radio"] {
    margin: 0 0.4em 0.5em 0;
    line-height: 1.4em; }
  .search-filters label {
    line-height: 1.2em;
    margin-bottom: 0.5em; } }

/* ///////////////////////////////////////////////////////////////////////////// */
/* MEDIA QUERIES >> Scaling down header elements for smaller screens */
@media only screen and (max-width: 1860px) {
  .home-carousel {
    height: 480px; }
  .home-carousel img {
    top: 0; } }

@media only screen and (max-width: 1680px) {
  .home-carousel {
    height: 460px; } }

@media only screen and (max-width: 1500px) {
  .home-carousel {
    height: 440px; } }

@media only screen and (max-width: 1366px) {
  .home-carousel {
    height: 380px; }
  .home-carousel img {
    min-width: 1360px; }
  .home-cta-box > h1 {
    font-size: 2.2em; }
  .home-cta-box > p {
    font-size: 1.5em; }
  .home-feature-details .btn {
    font-size: 1.2em; }
  /* Resources */
  ul.tags > li {
    margin: 0 3% 0.4em 2%; } }

@media only screen and (max-width: 1339px) {
  .home-carousel img {
    left: -5%; }
  input {
    font-size: 1.2em;
    min-height: 36px;
    line-height: 36px;
    padding: 0 10px; }
  .signin-register {
    margin-left: -10%; }
  .signin-register ul > li:first-child {
    font-size: 1.4em; }
  .signin-register ul > li:first-child a {
    padding: 0 19px 0 8px;
    line-height: 36px; }
  .signin-register ul > li:last-child {
    font-size: 1.1em; }
  .btn {
    min-height: 36px;
    line-height: 36px;
    padding: 0 18px 0 9px; }
  .signed-in .acct-icon {
    width: 21px;
    height: 21px;
    margin: -3px 5px 0 0; }
  .signed-in > ul {
    padding: 4.8em 2em 1.5em 2em; }
  .site-search input[type="text"] {
    width: 70%; }
  .site-search input[type="button"] {
    margin-left: 0; }
  /* Navigation */
  nav.primary {
    font-size: 0.9em; }
  nav.primary > ul > li {
    background-position: -261px -61px; }
  nav.primary > ul > li > a:after {
    content: ""; }
  /* Bookmarks */
  .empty-bookmarks {
    width: 60%; }
  .bookmarks .head-feature h3 {
    font-size: 1em;
    line-height: 1.15em; }
  /* User home page (logged in) */
  .user-home .courses {
    margin-bottom: 2em;
    padding-left: 1.8em; }
  .user-home .courses h2 {
    font-size: 1.6em; }
  .user-home .courses ul li h3 {
    line-height: 1.25em;
    font-size: 1em; }
  .user-home .courses li > ul > li:first-child {
    width: 100%; }
  .user-home .courses li > ul > li:first-child > strong {
    float: left;
    margin-right: 0.25em; }
  .user-home .courses li > span {
    max-width: 45%;
    font-size: 0.7em; }
  .user-home .courses li > ul > li:nth-child(2) {
    margin-bottom: 0; }
  .user-home .see-more > h2, .user-home .see-more > h3 {
    font-size: 1.4em; }
  .user-home .see-more .resource-type {
    font-size: 1.1em; }
  /* Post code adjustments */
  input.button-postcode {
    margin-bottom: 2.5em; }
  .postcode-list select {
    margin-top: -1.5em;
    min-height: 11em; }
  /* SGA LP */
  .awards .box p {
    font-size: 1.9em; }
  /* LP top right feature */
  .head-feature > .img {
    max-width: 21%; }
  .feature-block {
    width: 76%; } }

@media only screen and (max-width: 1280px) {
  .home-carousel {
    height: 360px; }
  .home-feature-details h2, .home-twitter h2, .home-video h2 {
    font-size: 1.15em; }
  .home-feature-details h3, .home-twitter h3, .home-video h3 {
    font-size: 1.6em; }
  .home-feature-details .btn {
    font-size: 1.1em; }
  .home-feature-details {
    min-height: 220px; }
  .home-video-details {
    min-height: 194px; }
  .home-video iframe {
    height: 204px; }
  /* Bookmarks */
  .empty-bookmarks {
    width: 75%; }
  .bookmarks .span_1_of_4 {
    width: 32.26%; }
  .bookmarks .span_1_of_4:nth-child(5n+0) {
    margin-left: 1.6%;
    clear: none; }
  .bookmarks .span_1_of_4:nth-child(4n+0) {
    margin-left: 0;
    clear: left; }
  .bookmarks .head-feature h3 {
    font-size: 1.1em;
    line-height: 1.2em; }
  /* Home page (logged in) */
  .user-home .see-more > h2, .user-home .see-more > h3 {
    font-size: 1.25em; }
  .user-home .see-more .resource-type {
    font-size: 1em; }
  .latest-news .see-more, .competitions .see-more, .bookmarks .see-more {
    position: absolute;
    top: -1.6em; }
  .user-home .feature > .see-more {
    top: -0.3em; }
  .user-home .feature-block > .resource-type.how-to {
    background-size: 1.3em;
    padding-left: 19px; }
  .user-home .feature-block > .see-more > .resource-type.how-to {
    background-size: 1.15em;
    padding-left: 19px; } }

@media only screen and (max-width: 1256px) {
  .home-carousel img {
    min-width: 1280px; }
  /* SGA Awards */
  .sga .written-evidence textarea {
    width: 100% !important; }
  .sga .span_4_of_11 {
    width: 39.04%; }
  .sga .span_5_of_11 {
    width: 59.36%; }
  footer ul.social-media {
    margin-bottom: 1em; }
  .rhs-banner .img {
    width: 38%; }
  .rhs-banner .offer-text > h2 {
    margin-top: 0.6em;
    white-space: nowrap; }
  .rhs-btn {
    float: right; }
  .rhs-banner .span_5_of_12 > a {
    margin-top: 1em; }
  .rhs-banner .span_5_of_12 > a:last-child * {
    max-width: 80%; }
  footer > .rhs-banner h2 {
    font-size: 1.5em; } }

@media only screen and (max-width: 1210px) {
  .home-carousel img {
    min-width: 1280px; }
  #headcontainer header {
    width: 95%; }
  .logo {
    max-width: 56%; }
  .logo > a {
    max-width: 202px; }
  nav.primary {
    width: 95%;
    max-width: 90em; }
  nav.secondary {
    font-size: 0.8em;
    width: 100%; }
  nav.secondary > div.nav-contain {
    width: 95.5%; }
  div.nav-contain > ul > li > a {
    padding: 0 12px 0 11px; }
  div.nav-contain > ul.present-nav > li:first-child > a {
    padding-left: 16px; }
  .maincontent {
    width: 88%; }
  /* Home page (logged in) */
  .user-home .feature > .see-more {
    bottom: 2%;
    top: auto;
    left: auto;
    right: 1.5em; }
  /* LP top right feature */
  .head-feature > .img {
    max-width: 27%; }
  .feature-block {
    width: 70%; }
  /* Search */
  .search-filters .filter-pairs, .search-filters ul.filter-pairs > li {
    width: auto;
    float: none;
    margin-left: 0;
    margin-right: 0; }
  /* Course results */
  .course-search .result-details > ul.price > li:first-child > span {
    width: 100%; }
  footer {
    width: 88%; }
  footer nav > ul > li {
    display: block;
    border-right: none; }
  footer nav > ul > li > a {
    padding: 0; } }

@media only screen and (max-width: 1180px) {
  .home-carousel img {
    left: -10%; }
  .home-cta-box > h1 {
    font-size: 2em; }
  .home-cta-box > p {
    font-size: 1.4em; }
  .home-feature-details h2, .home-twitter h2, .home-video h2 {
    font-size: 1.1em; }
  .home-feature-details h3, .home-twitter h3, .home-video h3 {
    font-size: 1.5em; }
  .home-feature-details p, .home-video-details p {
    font-size: 1em; }
  .home-feature-details .btn {
    font-size: 1.05em; }
  .competitions-overlay .competitions {
    width: 75%; }
  .user-home .feature-block > .see-more > h3 {
    font-size: 1.2em; }
  .user-home .feature-block > .see-more > .resource-type {
    font-size: 1em; }
  /* Generic landing page */
  .generic-lp .box-pic .image {
    width: 130%; }
  .generic-lp .box-pic .image img {
    margin-left: -15%; } }

@media only screen and (max-width: 1080px) {
  .home-carousel img {
    min-width: 1240px; }
  .home-feature-details h2, .home-twitter h2, .home-video h2 {
    font-size: 1.1em; }
  .home-feature-details h3, .home-twitter h3, .home-video h3 {
    font-size: 1.5em; }
  .home-feature-details p, .home-video-details p {
    font-size: 1em; }
  .home-feature-details .btn {
    font-size: 1em; }
  .home-feature-details {
    min-height: 210px; }
  .home-video iframe {
    height: 196px; }
  /* Bookmarks */
  .bookmarks .head-feature h3 {
    font-size: 1.05em;
    line-height: 1.2em; }
  /* SGA LP */
  .awards .box p {
    font-size: 1.7em; }
  /* Courses LP */
  .course-box {
    padding: 3% 4% 0 4%; }
  .course-box > div, .course-box > div:last-child {
    width: 100%;
    border: 0;
    clear: both;
    padding: 0; }
  .course-box > div:last-child {
    padding-top: 2em;
    border-top: 1px solid #458c32;
    margin-top: 2.5em; }
  .course-box .btn {
    margin-left: 1.5%; }
  .course-box ol, .ol-course-box {
    margin-bottom: 2.5em; } }

@media only screen and (max-width: 1024px) {
  .home-carousel {
    height: 360px; }
  .home-carousel img {
    min-width: 1200px; }
  .home-features .span_1_of_3, .home-cta {
    width: 32%; }
  .home-features .col, .home-features .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .home-features .medal-drawer-label {
    margin: 1% 0 1% 2%; }
  .home-features .col:first-child, .home-features .budding-gardener-comp .medal-drawer-label:first-child, .budding-gardener-comp .home-features .medal-drawer-label:first-child {
    margin-left: 0; }
  .user-home .courses {
    padding-left: 1.5em; }
  /* Type Sizes */
  .maincontent p, .maincontent ul, .maincontent ol, .maincontent dl, .maincontent address, .sga label {
    font-size: 1.1em; }
  h1 {
    font-size: 2.8em;
    line-height: 1.1em; }
  .step-by-step ol > li:before {
    font-size: 2.2em; }
  .IE .step-by-step ol > li:before {
    font-size: 55%; }
  h2, h3 {
    font-size: 1.8em; }
  table tbody th, p.subhead, .key-box ul, aside.see-also > h2, .see-more > h2, p.nc-links {
    font-size: 1.5em; }
  .key-box ul {
    font-size: 1.4em; }
  .ratings > h2, .ratings > h3, .ratings > p, aside.cgt-connect > h3, aside.cgt-connect > ul, .sequence > li:before, .vocab > h2, .result-details > h3, .result-details ul.attributes > li.duration > span, .news-lnk:before, .news-lnk:after {
    font-size: 1.3em; }
  table thead th, .feature-link, .content-header .resource-type, .essential-background > h2, .see-more > .resource-type, .see-more > a:after, span.filter-group-label {
    font-size: 1.2em; }
  table thead th, input, .sort-label, .span_4_of_12 .mod h2, .news-lnk {
    font-size: 1.1em; }
  .rhs-banner .offer-text > p, .search-filters h2, .search-filters label, ul.resource-facets, table tbody td a.resource-type {
    font-size: 1em; }
  p.feature-summary {
    font-size: 0.95em; }
  .maincontent table td p, nav.primary, .gallery > li > p, .span_4_of_12 .mod p {
    font-size: 1em; }
  ul.tags > li > a, .search-filters ul > li, .vocab > ul > li, .result-details .resource-type, .result-details p, .mod ul > li {
    font-size: 0.9em; }
  .sequence p, ul.related-items > li > a {
    font-size: 0.85em; }
  aside.cgt-connect > h3 > span, .result-details ul > li, .tool-tip-content > p {
    font-size: 0.8em; }
  .result-details ul.attributes > li.duration {
    font-size: 0.7em; }
  /* Course listing */
  .course-search .result-details > ul.location-date li > a {
    background: url(../img/location-pin.svg) no-repeat 0 0; }
  ul.tags > li:after {
    border-width: 0.9em;
    margin-top: -0.9em; }
  ul.tags > li:before {
    top: 41%;
    left: -4px; }
  /* Navigation */
  nav.primary {
    font-size: 0.9em; }
  nav.primary > ul > li > a {
    padding: 6px 8px; }
  /* Generic LP */
  .generic-lp .box-pic .image {
    width: 140%; }
  .generic-lp .box-pic .image img {
    margin-left: -20%; }
  /* School Gardening Awards */
  .sga-review .equal-height .col, .sga-review .equal-height .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .sga-review .equal-height .medal-drawer-label {
    width: 100%;
    margin-left: 0; }
  .sga-review .equal-height .col .additional-info, .sga-review .equal-height .budding-gardener-comp .medal-drawer-label .additional-info, .budding-gardener-comp .sga-review .equal-height .medal-drawer-label .additional-info, .sga-review .equal-height .col .young-gardener-comp .add-info, .young-gardener-comp .sga-review .equal-height .col .add-info, .sga-review .equal-height .budding-gardener-comp .medal-drawer-label .young-gardener-comp .add-info, .young-gardener-comp .sga-review .equal-height .budding-gardener-comp .medal-drawer-label .add-info, .budding-gardener-comp .sga-review .equal-height .medal-drawer-label .young-gardener-comp .add-info, .young-gardener-comp .budding-gardener-comp .sga-review .equal-height .medal-drawer-label .add-info, .sga-review .equal-height .col .young-gardener-comp .older-results, .young-gardener-comp .sga-review .equal-height .col .older-results, .sga-review .equal-height .budding-gardener-comp .medal-drawer-label .young-gardener-comp .older-results, .young-gardener-comp .sga-review .equal-height .budding-gardener-comp .medal-drawer-label .older-results, .budding-gardener-comp .sga-review .equal-height .medal-drawer-label .young-gardener-comp .older-results, .young-gardener-comp .budding-gardener-comp .sga-review .equal-height .medal-drawer-label .older-results {
    padding: 1em 5% 2em 5%;
    margin-bottom: 1em; }
  /* Home overrides */
  .home-feature-details p, .home-video-details p {
    font-size: 1em; }
  /* Course detail */
  .course table.prices {
    width: 55%; }
  .course table.prices thead th {
    font-size: 1.1em; }
  .course table.prices td {
    font-size: 3em; }
  /* When */
  .course table.when tr td {
    font-size: 1.1em;
    color: #666; } }

@media only screen and (max-width: 1004px) {
  #headcontainer {
    padding-top: 0; }
  #headcontainer header {
    padding-bottom: 0; }
  .logo > a {
    max-width: 176px; }
  input {
    font-size: 1em;
    min-height: 34px;
    line-height: 34px;
    padding: 0 8px; }
  .signin-register {
    margin-left: -15%; }
  .signin-register ul > li:first-child {
    font-size: 1.3em; }
  .signin-register ul > li:first-child a {
    padding: 0 16px 0 7px;
    line-height: 34px; }
  .signin-register ul > li:last-child {
    font-size: 1em; }
  .btn {
    min-height: 34px;
    line-height: 34px; }
  .signed-in .acct-icon {
    width: 20px;
    height: 20px;
    margin: -4px 5px 0 0; }
  .signed-in > ul {
    padding: 4.5em 2em 1.2em 2em; }
  /* Navigation */
  nav.primary {
    width: 99%;
    max-width: 90em;
    padding-bottom: 2px;
    font-size: 0.75em;
    margin-top: -5px; }
  nav.primary > ul > li {
    background: none;
    border-right: 1px solid #00a99d; }
  nav.primary > ul > li:last-child, nav.primary > ul > li:last-child:hover {
    border-right: 0; }
  nav.primary > ul > li > a {
    padding: 5px 6px; }
  nav.primary > ul > li > div {
    display: none !important; }
  nav.primary > ul > li:hover {
    background: none;
    border: 0;
    border-right: 1px solid #00a99d;
    padding: 1px; }
  nav.primary > ul > li:hover > a {
    background: none; }
  nav.primary > ul > li.selected:hover {
    border: 1px solid #00a99d;
    padding: 0;
    background: none; }
  nav.primary > ul > li > a:hover {
    background: none; }
  nav.secondary {
    width: 100%;
    font-size: 0.75em; }
  nav.secondary > div.nav-contain {
    width: 100%; }
  div.nav-contain > ul > li > a {
    padding: 0 11px 0 10px; }
  div.nav-contain > ul.present-nav > li:first-child > a {
    padding-left: 15px; }
  /* Home page */
  .home nav.primary > ul {
    width: 100%;
    text-align: center; }
  .home nav.primary > ul > li {
    float: none;
    display: inline-block; }
  .home nav.primary > ul > li > a {
    padding: 5px 4px; }
  .home-cta-box > ul > li > ul {
    bottom: 2.3em; }
  /* Home page (user logged in) */
  .user-home .span_3_of_4, .user-home .span_1_of_4 {
    width: 100%;
    margin-left: 0; }
  .user-home .courses {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
    margin-bottom: 2.5em;
    border-top: 1px solid #ccc; }
  .user-home .courses h2 {
    margin-top: -0.65em; }
  .user-home .courses > ul > li {
    width: 48%;
    float: left;
    border-top: 0; }
  .user-home .courses > ul > li:first-child {
    margin-right: 4%;
    border-right: 2px solid #458c32;
    padding-right: 4%; }
  .user-home .courses ul li h3 {
    font-size: 1.1em; }
  .user-home .courses li > ul > li:first-child > strong {
    font-size: 2.4em; }
  .user-home .courses li > span {
    font-size: 0.8em; }
  .courses li > ul > li:nth-child(2), .courses li > ul > li:last-child {
    font-size: 0.9em;
    line-height: 1.3em; }
  .user-home .courses .see-more {
    position: absolute;
    top: -1.6em;
    right: 0;
    background-color: #f7f8e9;
    padding-left: 1em; }
  /* LP top right feature */
  .head-feature > .img {
    max-width: 28%; }
  .feature-block {
    width: 69%; }
  /* Search results */
  .results-head h2 {
    max-width: 100%;
    margin-right: 0;
    float: none; }
  .course-search .results-head h2 {
    max-width: 67%;
    float: left; }
  .results-view {
    float: left;
    margin-top: 0;
    margin-bottom: 1em; }
  /* Resources */
  .resource .block-insert > .img {
    margin-bottom: 1em; }
  /* How to cards */
  .how-to-cards > li.span_1_of_2 {
    width: 100%;
    margin-left: 0; }
  .how-to-cards .img {
    max-width: 33.3%;
    margin-right: 10%; }
  .how-to-cards.sequence > li:before {
    left: 36%;
    font-size: 1.5em; }
  .how-to-cards .instructions {
    max-width: 52%;
    margin-top: 1em; }
  .how-to-cards .instructions h3, .how-to-cards .instructions p {
    font-size: 1em; }
  /* Course detail */
  .course .content-header .btn.back {
    font-size: 1em; }
  /* Generic content */
  .content-body .share h2 {
    left: -9999px;
    position: absolute; }
  /* Footer */
  .rhs-banner .img {
    width: 42%; }
  .rhs-banner .offer-text > h2 {
    margin-top: 0.5em;
    white-space: pre-wrap;
    font-size: 1.45em; }
  .rhs-banner .offer-text > p {
    font-size: 1.05em; }
  .rhs-banner .span_5_of_12 > a {
    margin-bottom: 0.3em; }
  .rhs-banner .span_5_of_12 > a:last-child * {
    max-width: 85%; } }

@media only screen and (max-width: 976px) {
  .sga-level-badge {
    margin-left: 1em; }
  .sga-label {
    margin-left: 0.35em;
    margin-top: 0;
    font-size: 1.2em;
    max-width: 70%; }
  .sga-level {
    float: left;
    width: 50px;
    height: 66px;
    margin-top: 2px;
    background-size: contain;
    font-size: 2.2em;
    line-height: 84px;
    clear: left;
    font-family: 'Raleway', sans-serif;
    font-weight: 500; }
  .comp-entries {
    line-height: 37px; }
  .home-carousel {
    height: 320px; }
  .home-carousel img {
    left: -15%;
    min-width: 1080px; }
  .home-features .span_1_of_3, .home-cta {
    width: 48%; }
  .home-features.share {
    position: absolute;
    left: -9999px; }
  .home-features .col, .home-features .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .home-features .medal-drawer-label, .home-features .col:nth-child(5), .home-features .budding-gardener-comp .medal-drawer-label:nth-child(5), .budding-gardener-comp .home-features .medal-drawer-label:nth-child(5) {
    margin: 1% 0 3% 4%; }
  .home-features .col:nth-child(odd), .home-features .budding-gardener-comp .medal-drawer-label:nth-child(odd), .budding-gardener-comp .home-features .medal-drawer-label:nth-child(odd) {
    margin-left: 0; }
  .home-features .col:nth-child(5), .home-features .budding-gardener-comp .medal-drawer-label:nth-child(5), .budding-gardener-comp .home-features .medal-drawer-label:nth-child(5) {
    margin: 1% 0 3% 4%; }
  .home-features .col:nth-child(6), .home-features .budding-gardener-comp .medal-drawer-label:nth-child(6), .budding-gardener-comp .home-features .medal-drawer-label:nth-child(6) {
    margin-left: 0; }
  .home-features .col:nth-child(7), .home-features .budding-gardener-comp .medal-drawer-label:nth-child(7), .budding-gardener-comp .home-features .medal-drawer-label:nth-child(7) {
    margin: 1% 0 3% 4%; }
  .home-feature-details {
    min-height: 200px; }
  .competitions-overlay .competitions {
    width: 80%; }
  /* LP top right feature */
  .head-feature {
    padding: 2% 5% 3% 5%;
    margin-bottom: 1em; }
  .head-feature > .img {
    display: none; }
  .feature-block {
    width: 100%; }
  .feature-block p {
    margin-bottom: 1em; }
  /* Bookmarks */
  .bookmarks .head-feature {
    padding: 0 3% 0 0;
    margin-bottom: 0.5em; }
  .bookmarks .head-feature > .img {
    display: block; }
  .bookmarks .head-feature h3 {
    font-size: 1em;
    line-height: 1.1em; }
  .bookmarks .bk-svg {
    max-width: 21.4px;
    max-height: 29px;
    left: 6px; }
  /* Home page - logged in */
  .user-home .head-feature {
    padding: 0 3% 0 0; }
  .user-home .head-feature > .img {
    display: block; }
  .user-home .feature-block {
    width: 69%; }
  /* Search */
  span.filter-group-label {
    font-size: 1.1em; }
  /* School Gardening Awards */
  .photo-uploader .col, .photo-uploader .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .photo-uploader .medal-drawer-label {
    width: 100%;
    margin-left: 0; }
  .sga-review ol > .span_1_of_4 {
    width: 49.2%; }
  .sga-review ol > li:nth-child(3) {
    margin-left: 0; }
  .content-header .share h2, .school-story .share h2 {
    position: absolute;
    left: -99em; }
  .content-header .activity {
    padding-left: 2%; }
  /* Resources */
  .spotter-guides .span_1_of_4 {
    width: 48%;
    margin: 1% 0 3% 0; }
  .spotter-guides .span_1_of_4:nth-child(even) {
    margin-left: 4%; }
  /* Generic LP */
  .generic-lp .box, .generic-lp .box-pic {
    width: 100%;
    padding: 4% 8% 4% 8%; }
  .generic-lp .box-pic {
    padding-top: 0;
    padding-bottom: 8%; }
  .generic-lp .box-pic .image {
    width: 100%; }
  .generic-lp .box-pic .image img {
    margin-left: 0; }
  /* SGA LP */
  .awards .box p {
    font-size: 1.6em; }
  /* Footer */
  .rhs-banner .span_7_of_12, .rhs-banner .span_5_of_12 {
    width: 100%; }
  .rhs-banner .span_7_of_12 {
    border-bottom: 1px solid #c8f0ed; }
  .rhs-banner .span_5_of_12 {
    margin-left: 0;
    margin-right: 0; }
  .rhs-banner .img {
    width: 21%; }
  .rhs-banner .offer-text > h2 {
    margin-top: 0.5em;
    font-size: 1.6em; }
  .rhs-banner .offer-text > p {
    font-size: 1.2em;
    margin-right: 3%; }
  .rhs-banner .span_5_of_12 > a:last-child {
    float: left;
    text-align: left;
    clear: none; }
  .rhs-banner .span_5_of_12 > a:last-child * {
    max-width: 100%; } }

@media only screen and (max-width: 880px) {
  .home-carousel {
    height: auto;
    margin: 1em 0 0 0;
    overflow: visible; }
  .home-carousel .maincontent {
    margin-bottom: 2em; }
  .home-carousel img {
    display: none; }
  .home-cta {
    width: 100%;
    height: auto; }
  .home-cta-box {
    padding: 4% 8%;
    text-align: center; }
  /* Bookmarks */
  .bookmarks .span_1_of_4 {
    width: 49.2%; }
  .bookmarks .span_1_of_4:nth-child(4n+0) {
    margin-left: 1.6%;
    clear: none; }
  .bookmarks .span_1_of_4:nth-child(odd) {
    margin-left: 0; }
  .bookmarks .head-feature .img {
    max-width: 30%; }
  .bookmarks .head-feature h3 {
    font-size: 1.1em;
    line-height: 1.2em; }
  .bookmarks .feature-block {
    max-width: 66%; }
  /* Home page - logged in */
  .user-home .span_1_of_2 {
    width: 100%;
    margin-left: 0; }
  .user-home .content-body .section:last-child .span_1_of_2:last-child, .user-home .content-body .diy-hr-turquoise:last-child .span_1_of_2:last-child, .user-home .content-body .diy-hr-grey:last-child .span_1_of_2:last-child, .user-home .content-body .budding-gardener-comp .winner:last-child .span_1_of_2:last-child, .budding-gardener-comp .user-home .content-body .winner:last-child .span_1_of_2:last-child, .user-home .content-body .young-gardener-comp .winner-section:last-child .span_1_of_2:last-child, .young-gardener-comp .user-home .content-body .winner-section:last-child .span_1_of_2:last-child, .user-home .content-body .main-section-budd-gard:last-child .span_1_of_2:last-child {
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 4em; }
  .user-home .twitter {
    margin-bottom: 1em; }
  .user-home .video {
    margin: 1em 0 0 0; }
  .user-home .video h2 {
    clear: both;
    position: relative;
    z-index: 2; }
  .user-home .video h3 {
    font-size: 1.3em;
    line-height: 1.1em; }
  .user-home .video iframe {
    width: 62% !important;
    margin: 0;
    float: left;
    clear: left; }
  .user-home .home-video-details {
    padding: 0; }
  .user-home .home-video-details h3, .user-home .home-video-details p {
    width: 38%;
    float: left;
    margin: 0;
    clear: none;
    padding: 3% 3.5% 0 3.5%; }
  .user-home .home-video-details p {
    padding-top: 1%; }
  .user-home-module .show-more {
    margin-bottom: 0; }
  /* Registration LP */
  .reg-lp .home-feature-details p {
    font-size: 1.1em; }
  ul.related-items .span_1_of_4 {
    width: 49.2%;
    margin: 0.5% 0 1% 1.6%; }
  ul.related-items .span_1_of_4:nth-child(odd) {
    margin-left: 0; }
  ul.related-items > li > a {
    font-size: 1.1em;
    line-height: 1.4em; }
  /* Resources */
  ul.tags > li {
    margin: 0 3% 0.4em 4%; } }

@media only screen and (max-width: 800px) {
  .user-home .pending {
    padding: 1.2em 4em 1.2em 3em;
    font-size: 1.3em; }
  .content-header h1, .content-header .subhead {
    margin-right: 0; }
  .site-results .site-search input[type="text"] {
    width: 80%; }
  /* Manage accounts */
  .account-details {
    width: 69%; }
  .account-input {
    width: 25%; }
  /* User Home page - bookmarks & competitions modules */
  .user-home li.empty:last-child {
    display: none; }
  /* Generic landing page */
  .generic-lp .span_1_of_3 {
    width: 100%;
    margin: 0 0 2em 0; }
  .generic-lp .mod-head {
    min-height: 1%; }
  .generic-lp .mod-head {
    width: 75%;
    float: left;
    padding: 1% 4%; }
  .generic-lp .image {
    width: 25%;
    float: left;
    overflow: hidden; }
  .generic-lp .image > a {
    width: 150%;
    margin-left: -25%;
    display: block; }
  /* Generic content */
  .content-body .span_2_of_5, .content-body .span_3_of_5 {
    width: 100%;
    margin-left: 0; }
  .content-body .article-column {
    margin-right: 0; }
  .article-column .img {
    margin-bottom: 0; }
  .content-body .article-column .share {
    position: relative;
    right: auto;
    top: auto;
    float: left;
    width: 100%;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    text-align: left;
    clear: both;
    display: block;
    border-bottom: 1px solid #ccc; }
  .content-body .additional-info, .content-body .young-gardener-comp .add-info, .young-gardener-comp .content-body .add-info, .content-body .young-gardener-comp .older-results, .young-gardener-comp .content-body .older-results {
    margin-top: 0; }
  /* News story */
  .news .span_3_of_4, .news .span_1_of_4 {
    width: 100%;
    margin-left: 0; }
  .news-archive > div {
    width: 47%;
    float: left; }
  .news-archive > div:nth-child(odd) {
    margin-left: 6%; }
  /* Courses */
  .course .content-header {
    border-bottom: none;
    margin-bottom: 0.3em; }
  .course .span_1_of_2, .course .span_8_of_11, .course .span_3_of_11 {
    width: 100%;
    margin-left: 0; }
  .course .span_1_of_2 .article-column {
    margin-right: 0; }
  .course .content-header .btn.back {
    left: -1.2%;
    margin-top: -2.9em; }
  .course .article-column .img {
    margin-bottom: 0; }
  .course .content-body .article-column .share {
    padding-bottom: 0.6em; }
  .course .event-info > div.prices > h3:first-child {
    border-top: 3px solid #458c32;
    padding-top: 1.5%; } }

@media only screen and (max-width: 768px) {
  #headcontainer {
    position: relative; }
  header {
    max-height: 7.5em;
    position: relative; }
  .signin-register {
    margin-left: -30%; }
  .site-search input[type="text"] {
    width: 66%; }
  /* Navigation */
  /* Primary nav */
  .nav-btn {
    width: 40px;
    height: 36px;
    background: #00a99d url(../img/mobile-nav.svg) no-repeat center center;
    background-size: 50%;
    position: absolute;
    display: block;
    right: 0;
    bottom: 0.6em;
    cursor: pointer;
    z-index: 4;
    border-left: 1px solid #fff;
    -webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.1); }
  .nav-btn-close {
    background: none;
    border: none;
    bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .nav-btn-close:after {
    content: "x";
    border: 1px solid #fff;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    display: block;
    line-height: 1.3em;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center; }
  nav.primary {
    position: absolute;
    display: none;
    left: 0;
    top: 73.7%;
    width: 100%; }
  nav.primary > ul {
    position: absolute;
    z-index: 3;
    background: #00a99d;
    width: 100%;
    padding: 2% 3%;
    margin: 0; }
  nav.primary > ul > li {
    clear: both;
    border: 0; }
  nav.primary > ul > li:hover {
    border: 0;
    color: #fff; }
  nav.primary > ul > li > a {
    color: #fff;
    border: 0;
    float: none;
    display: block;
    clear: both;
    font-size: 1.1em; }
  nav.primary > ul > li > a:hover {
    color: #fff; }
  nav.primary > ul > li.selected:hover {
    border: 0; }
  nav.primary > ul > li.selected:hover > a {
    background: #f7f8e9;
    color: #458c32; }
  nav.primary > ul > li.selected {
    border: 0; }
  /* Secondary nav */
  nav.secondary {
    display: block;
    z-index: 1;
    overflow: hidden; }
  nav.secondary > div.nav-contain {
    width: 1280px; }
  /* Home page (logged out) */
  .home .signin-register {
    margin-left: -38%; }
  .home .site-search {
    margin-right: 4.5em; }
  .home .nav-btn {
    bottom: auto;
    top: 33%;
    right: 3%;
    border-left: 0;
    height: 34px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; }
  .home .nav-btn-close {
    top: 40%; }
  .home nav.primary {
    top: 36%; }
  .home nav.primary > ul {
    text-align: left; }
  .home nav.primary > ul > li {
    float: left;
    display: block; }
  .home nav.primary > ul > li > a {
    padding: 5px 6px; }
  /* Home (user logged in) */
  .user-home .content-body {
    border-top: 0; }
  .user-home .pending {
    margin-top: 0.75em; }
  .user-home .latest-news .span_1_of_3 {
    width: 100%;
    margin-left: 0;
    background-color: #dcf7bf;
    padding: 0;
    margin-bottom: 1em; }
  .user-home .latest-news .img {
    float: left;
    max-width: 20%;
    float: left;
    overflow: hidden; }
  .user-home .latest-news .img > a {
    display: block;
    width: 150%;
    margin-left: -25%; }
  .user-home .latest-news .img > a > img {
    float: left; }
  .latest-news .feature-label {
    margin-top: 0; }
  .user-home .latest-news .additional-info, .user-home .latest-news .young-gardener-comp .add-info, .young-gardener-comp .user-home .latest-news .add-info, .user-home .latest-news .young-gardener-comp .older-results, .young-gardener-comp .user-home .latest-news .older-results {
    float: right;
    width: 80%;
    padding-bottom: 0;
    min-height: 1em; }
  .user-home .feature > .see-more {
    display: none; }
  /* Manage accounts */
  .block:before {
    font-size: 4em; }
  .block h2 {
    margin-top: 0.2em; }
  /* Global */
  h1 {
    display: block;
    clear: both; }
  /* // Search // */
  /* / Filters / */
  .search-filters {
    float: none;
    width: 100%;
    clear: both;
    margin-left: 0;
    margin-right: 0;
    overflow: visible; }
  .search-filters > h2 {
    padding: 1% 1.666666666666667%; }
  .search-filters span.filter-group-label, .search-filters fieldset {
    padding: 1.5% 2.5%; }
  .filter-group .ng-scope {
    width: 50%;
    float: left; }
  .filter-group .tool-tip, .filter-group .tool-tip:after, .tool-tip-content, .filter-group .tool-tip:hover .tool-tip-content {
    display: none;
    cursor: auto; }
  /* Course search */
  .course-search .filter-group .ng-scope:first-child {
    width: 100%;
    clear: both; }
  /* / Results / */
  .results, .resource-lp-mods {
    float: none;
    width: 100%;
    clear: both;
    margin-left: 0;
    margin-right: 0; }
  .resource-lp-mods .span_3_of_4 {
    margin-left: 0;
    width: 100%; }
  .resource-lp-mods .span_5_of_12 {
    margin-left: 0;
    width: 49.2%; }
  .resource-lp-mods .span_4_of_12 {
    width: 49.2%; }
  .span_4_of_12 .equal-height .mod {
    width: 48%;
    margin-left: 4%; }
  .span_4_of_12 .equal-height .mod:first-child {
    margin-left: 0; }
  .sga-level-badge {
    text-align: left;
    margin: -0.5em 0 0.5em 0;
    padding: 0 0 0.3em 0em;
    float: left; }
  .sga-label {
    margin-left: 0.4em;
    margin-top: 0;
    clear: none;
    float: none;
    display: inline-block;
    font-size: 1em;
    max-width: 100%; }
  .sga-level {
    float: left;
    width: 35px;
    height: 46px;
    margin-top: 2px;
    background-size: contain;
    font-size: 1.6em;
    line-height: 60px;
    clear: left;
    font-family: 'Raleway', sans-serif;
    font-weight: 500; }
  .comp-entries {
    line-height: 28px; }
  .school-story .sga-level-badge {
    float: right;
    max-width: 164px;
    margin-left: 1em; }
  .school-story .sga-label {
    max-width: 70%; }
  .quote-box q {
    font-size: 1.6em;
    line-height: 1.1em; }
  .competitions-overlay {
    margin-right: 2em; }
  .competitions-overlay .competitions {
    width: 100%;
    right: auto;
    left: 150%;
    top: -0.5em; }
  .competitions-overlay:hover .competitions {
    left: 0;
    right: auto; }
  .sga .span_4_of_11, .sga .span_5_of_11 {
    width: 100%;
    margin-left: 0; }
  .sga .span_5_of_11 textarea, .written-evidence textarea:last-child {
    max-height: 20em; }
  .sga .span_4_of_11 textarea {
    max-height: 10em; }
  .sga.level-5 .written-evidence .col, .sga.level-5 .written-evidence .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .sga.level-5 .written-evidence .medal-drawer-label {
    width: 100%;
    margin-left: 0; }
  .sga.level-5 .written-evidence .span_4_of_12 textarea {
    max-height: 10em; }
  .sga-review.level-1 .additional-info, .sga-review.level-1 .young-gardener-comp .add-info, .young-gardener-comp .sga-review.level-1 .add-info, .sga-review.level-1 .young-gardener-comp .older-results, .young-gardener-comp .sga-review.level-1 .older-results, .sga-review.level-2 .additional-info, .sga-review.level-2 .young-gardener-comp .add-info, .young-gardener-comp .sga-review.level-2 .add-info, .sga-review.level-2 .young-gardener-comp .older-results, .young-gardener-comp .sga-review.level-2 .older-results {
    max-width: 100%; }
  .sga-review.level-5 .span_5_of_9 {
    width: 75%; }
  /* Courses LP */
  .course-box {
    width: 100%;
    margin-left: 0; }
  /* Resources */
  .content-header .activity {
    padding-left: 2.5%; }
  .step-by-step ol > li:before {
    left: -13%; }
  /* How to cards */
  .how-to-cards.sequence > li:before {
    left: 35%; }
  /* News listing */
  .news-listing .span_1_of_4, .news-story .span_1_of_4 {
    width: 100%;
    margin-left: 0; }
  .news-archive {
    padding: 1% 2.5% 2% 2.5%; }
  /* Footer */
  .rhs-banner .img {
    display: none; }
  .rhs-banner .offer-text {
    margin-left: 3%; }
  .rhs-banner .offer-text > p {
    margin-bottom: 1em; }
  .rhs-banner .span_5_of_12 > a:last-child {
    margin-top: 0.5em; }
  .rhs-banner .span_5_of_12 > a:last-child * {
    max-width: 80%; } }

@media only screen and (max-width: 728px) {
  /* Bookmarks */
  .bookmarks .head-feature h3 {
    font-size: 0.95em;
    line-height: 1.15em; }
  /* // Home page // */
  /* Header tweasks */
  .home .signin-register {
    margin-left: -44%; }
  .home .site-search {
    margin-right: 4em; }
  .home .site-search input[type="text"] {
    width: 56%; }
  /* Main body tweaks */
  .home-cta h1 {
    border-top: 0; }
  .home-features .span_1_of_3 {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .home-feature {
    min-height: 200px;
    overflow: hidden; }
  .home-feature-details {
    width: 60%;
    float: left;
    clear: none;
    padding: 1% 3% 8% 3%;
    min-height: 1px; }
  .home-feature > .image {
    width: 40%;
    float: left;
    overflow: hidden;
    min-height: 200px; }
  .home-feature > .image > a {
    display: block;
    width: 140%; }
  .home-feature > .image > a > img {
    margin-left: -20%; }
  /* Registration LP */
  .reg-lp .span_1_of_3.home-feature, .reg-lp .span_2_of_3.home-feature {
    width: 100%;
    margin-left: 0; }
  .reg-lp .span_1_of_3.home-feature .home-feature-details {
    min-height: 1em; }
  .reg-lp .span_2_of_3.home-feature {
    min-height: 1em; }
  .reg-lp .span_2_of_3.home-feature .home-feature-details {
    width: 100%; }
  ul.related-items > li > a {
    font-size: 1em;
    line-height: 1.3em; }
  /* How to cards */
  .how-to-cards .img {
    max-width: 33.3%;
    margin-right: 9%; }
  .how-to-cards.sequence > li:before {
    left: 35%;
    font-size: 1.3em; }
  .how-to-cards .instructions {
    max-width: 54%; }
  .how-to-cards .instructions h3, .how-to-cards .instructions p {
    font-size: 0.9em; } }

@media only screen and (max-width: 640px) {
  /* Header */
  .logo {
    max-width: 60%; }
  /* Manage accounts */
  .account-details, .account-input {
    width: 98%;
    margin-left: 6%;
    text-align: left;
    padding-left: 0; }
  .account-input input {
    margin-left: 0;
    margin-right: 3%;
    float: left; }
  .signin-register {
    min-width: 1px;
    margin-left: 7%;
    padding-top: 17px;
    float: right; }
  .signin-register ul > li {
    float: none; }
  .signin-register ul > li:first-child {
    font-size: 1.2em;
    text-align: center; }
  .signin-register ul > li:first-child a {
    padding: 0 5px 0 9px;
    line-height: 34px;
    background-position: -247px -45px; }
  .signin-register ul > li:last-child {
    font-size: 0.9em; }
  .btn {
    min-height: 34px;
    line-height: 34px;
    padding: 0 15px 0 10px; }
  .signed-in > ul {
    left: -5em;
    padding: 4.8em 1em 1.2em 1em; }
  .site-search {
    padding-top: 0;
    float: none;
    text-align: left;
    width: 100%;
    margin: -15px 0 0.8em 0;
    position: relative; }
  .site-search input[type="text"] {
    width: 100%;
    padding-right: 70px; }
  .site-search input[type="button"] {
    position: absolute;
    top: 0;
    right: 0; }
  .site-search ul {
    width: 100%; }
  .site-search ul > li > a {
    padding: 1.5%; }
  .site-results .site-search {
    margin-top: 0; }
  .site-results .site-search ul {
    width: 100%; }
  .site-results .site-search input[type="button"] {
    position: relative;
    top: auto;
    right: auto; }
  .maincontent .site-results .results-list ol > li {
    padding-top: 2%; }
  nav.primary {
    top: 79.5%; }
  h1 {
    font-size: 2.5em; }
  /* Home page - logged out */
  .home-feature-details h2, .home-twitter h2, .home-video h2 {
    font-size: 1em; }
  .home-feature-details {
    width: 57%; }
  .home-feature-details .btn {
    position: relative;
    bottom: auto;
    left: auto; }
  /* Bookmarks */
  .empty-bookmarks {
    width: 100%; }
  .user-home .bookmarks ol > li.empty:first-child {
    background: none; }
  .user-home .bookmarks ol > li.bookmarks ol > li.empty > p {
    max-width: 100%; }
  .share ul.social-media > li {
    max-width: 28px;
    max-height: 28px; }
  .share ul.social-media > li > a {
    width: 30px;
    height: 30px; }
  #headcontainer header {
    margin-top: -1%;
    border: none; }
  #headcontainer header .col, #headcontainer header .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp #headcontainer header .medal-drawer-label {
    margin: 1% 0 1% 0%; }
  #headcontainer header .span_1_of_3 {
    width: 50%; }
  #headcontainer header .span_1_of_3:last-child {
    width: 100%; }
  /* // Home page // */
  /* Header tweasks */
  .home .site-search {
    margin-right: 0; }
  .home .site-search input[type="text"] {
    width: 88%; }
  .home .site-search input[type="button"] {
    right: 4em; }
  .home .nav-btn {
    top: auto;
    position: relative;
    float: right;
    margin-top: -51px; }
  .home .nav-btn-close {
    top: auto;
    margin-top: -2.5em; }
  .home nav.primary {
    top: auto;
    bottom: -0.2em; }
  /* Account details */
  .account th {
    font-size: 1em; }
  .account td {
    font-size: 1.3em; }
  .account td > input, .account td > select {
    font-size: 0.9em; }
  /* Landing page */
  .lp-feat .span_1_of_2, .lp-feat .awards .box, .lp-feat .awards .box-pic {
    width: 100%;
    margin: 0; }
  .lp-feat .awards .box, .generic-lp .awards .box {
    margin-bottom: 2em; }
  .lp-feat .awards .box .btn-course-box {
    font-size: 1em; }
  /* // School Gardening Awards // */
  .sga-lp .awards .box {
    width: 100%;
    padding-top: 5%; }
  .sga-lp .awards .box .btn {
    margin-bottom: 1.5em; }
  .sga-levels:last-child {
    border: 0; }
  .sga-levels .col, .sga-levels .budding-gardener-comp .medal-drawer-label, .budding-gardener-comp .sga-levels .medal-drawer-label {
    width: 100%;
    margin-left: 0; }
  .level {
    border-bottom: 1px solid #458c32; }
  .level.span_2_of_3 {
    border-bottom: 0; }
  .level .img, .level.span_2_of_3 .img {
    overflow: visible;
    margin-right: 4%;
    max-width: 40%;
    width: 40%; }
  .level img {
    margin-left: 0;
    width: auto; }
  .level .level-box, .level.span_2_of_3 .level-box {
    max-width: 56%;
    margin-left: 0; }
  /* Review evidence */
  .sga-review.level-5 .span_5_of_9 {
    width: 100%; }
  /* Resources */
  .resource .content-header {
    float: left;
    clear: both;
    margin-top: 2.5em; }
  .resource .content-header > div, .resource .block-insert, .resource .main-body > .group > div, .resource .main-body > .diy-hr-turquoise > div, .resource .main-body > .diy-hr-grey > div, .resource .open-comps-list .main-body > .sandy-sub-box > div, .open-comps-list .resource .main-body > .sandy-sub-box > div, .resource .competition-faqs .main-body > .sandy-sub-box > div, .competition-faqs .resource .main-body > .sandy-sub-box > div, .resource .budding-gardener-comp .main-body > .winner > div, .budding-gardener-comp .resource .main-body > .winner > div, .resource .young-gardener-comp .main-body > .winner-section > div, .young-gardener-comp .resource .main-body > .winner-section > div, .resource .young-gardener-comp .main-body > .add-info > div, .young-gardener-comp .resource .main-body > .add-info > div, .resource .main-body > .main-section-budd-gard > div, .resource .introduction > div {
    width: 100%;
    margin-left: 0; }
  .resource .content-header > .span_2_of_5 {
    border: 0; }
  .content-header .resource-type {
    top: -1.8em; }
  .content-header .activity {
    padding-left: 3%; }
  ul.resource-facets {
    margin: 0.5em 0;
    padding: 0.5em 0 0 0;
    border-top: 1px solid #00a99d;
    border-bottom: 1px solid #00a99d; }
  .resource .content-header .share {
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    float: left;
    margin-bottom: 1em; }
  .share .fade-msg .pending {
    left: 0;
    right: auto; }
  .resource .content-header .share h2 {
    position: static;
    left: auto; }
  .resource .primary-content, .resource .additional-info, .resource .young-gardener-comp .add-info, .young-gardener-comp .resource .add-info, .resource .young-gardener-comp .older-results, .young-gardener-comp .resource .older-results, .main-body .span_3_of_5 > .additional-info, .main-body .young-gardener-comp .span_3_of_5 > .add-info, .young-gardener-comp .main-body .span_3_of_5 > .add-info, .main-body .young-gardener-comp .span_3_of_5 > .older-results, .young-gardener-comp .main-body .span_3_of_5 > .older-results {
    margin-right: 0; }
  .resource .main-body {
    border-top: none; }
  .resource .additional-info, .resource .young-gardener-comp .add-info, .young-gardener-comp .resource .add-info, .resource .young-gardener-comp .older-results, .young-gardener-comp .resource .older-results {
    margin-bottom: 1.5em; }
  .resource .introduction > .essential-block {
    margin-top: -1em;
    margin-bottom: 2em; }
  .resource .essential-background > ul > li > a, .resource .essential-background > h2 {
    padding: 2% 3%; }
  /* How to cards */
  .how-to-cards .img {
    max-width: 33.3%;
    margin-right: 10%; }
  .how-to-cards.sequence > li:before {
    left: 35%;
    font-size: 1.2em; }
  .how-to-cards .instructions {
    max-width: 52%;
    margin-top: 0.6em; }
  .how-to-cards .instructions h3, .how-to-cards .instructions p {
    font-size: 0.85em; }
  /* Course listing */
  .course-search .result-details > * {
    width: 78%; }
  .course-search .result-details > ul.price {
    width: 18%; }
  .course-search .result-details > ul.price > li:first-child > a {
    font-size: 2.5em; }
  .course-search .result-details > ul.price > li:last-child {
    font-size: 0.8em; }
  /* Course detail */
  .course .content-header .btn.back {
    left: 0;
    float: left;
    margin-top: 0;
    margin-bottom: 0.4em; }
  footer h2 {
    font-size: 1.5em; }
  footer nav, .rhs-banner .offer-text > p {
    font-size: 1.1em; }
  .copyright {
    text-align: left;
    font-size: 0.9em; } }

@media only screen and (max-width: 604px) {
  .signed-in > h2 {
    font-size: 1.2em; }
  .signed-in .acct-icon {
    width: 18px;
    height: 18px; }
  .signed-in > ul {
    min-width: 240px;
    left: -4.5em; }
  /* Bookmarks */
  .bookmarks ol > li.empty:first-child {
    background-position: 92% 36%; }
  .bookmarks .head-feature h3 {
    font-size: 0.9em;
    line-height: 1.2em; }
  .bookmarks .feature-label {
    margin-top: 0.1em;
    margin-bottom: 0.2em; }
  /* Home (logged in) */
  .user-home .latest-news h3 {
    font-size: 1.15em;
    margin-top: 0.3em; }
  .user-home .latest-news .feature-label {
    font-size: 0.9em;
    padding-bottom: 0; }
  .user-home .video iframe {
    width: 100% !important;
    clear: both;
    float: left; }
  .user-home .home-video-details {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0; }
  .user-home .home-video-details h3, .user-home .home-video-details p {
    float: none;
    clear: both;
    width: 100%; }
  .user-home .home-video-details p {
    margin-bottom: 5%; }
  .course-lp .span_3_of_4 .equal-height .mod {
    width: 48.8%; }
  .course-lp .span_3_of_4 .equal-height .mod:last-child {
    width: 100%;
    margin-left: 0; }
  .course-lp .span_3_of_4 .equal-height .mod:last-child .mod-head {
    padding-left: 4%;
    padding-right: 4%; }
  .course-lp .span_3_of_4 .equal-height .mod img {
    display: none; }
  /* Search */
  /* Course results */
  .course-search .results-head h2 {
    max-width: 100%; }
  .course-search .download-form {
    display: block;
    clear: both;
    margin: 0 0 0.5em 0;
    float: right; }
  /* Course detail */
  .course .when table tr td {
    font-size: 1.1em;
    padding-bottom: 0.4em; }
  .course .event-info .address h4, .course .event-info .address p {
    font-size: 1.4em; }
  .course .event-info .address td {
    font-size: 1em;
    padding-bottom: 0.2em; }
  /* School stories */
  .school-story .sga-level-badge {
    max-width: 120px; }
  .school-story .sga-label {
    max-width: 56%; }
  .school-story .share {
    position: relative;
    top: -0.8em;
    right: auto;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 0.5em;
    padding-bottom: 0.8em;
    border-bottom: 1px solid #00a99d; }
  .quote-box {
    padding: 0 0 5% 7%; }
  .quote-box q {
    font-size: 1.5em; }
  /* News story */
  .news-lnk {
    font-size: 1.05em; }
  .news-lnk:before, .news-lnk:after, .news-lnk.next:after {
    font-size: 1.2em;
    margin: 0; }
  /* Related */
  ul.related-items > li > a, ul.tags > li > a {
    font-size: 0.9em; }
  /* Footer */
  .rhs-banner .span_5_of_12 > a {
    clear: both; }
  .rhs-banner .span_5_of_12 > a:first-child {
    float: left;
    margin-left: 3%;
    margin-bottom: 0.5em; }
  .rhs-banner .offer-text > h2 {
    font-size: 1.5em; } }

@media only screen and (max-width: 480px) {
  nav.primary {
    top: 79.5%; }
  nav.primary > ul > li > a {
    font-size: 0.8em; }
  .maincontent {
    width: 92%;
    margin-bottom: 2em; }
  /* Bookmarks */
  .bookmarks ol > li.empty {
    padding: 0.3em 1em 2em 0.5em; }
  .bookmarks ol > li.empty:first-child {
    background: none; }
  ol > li.empty > h3 {
    margin-right: 0; }
  .bookmarks ol > li.empty > p {
    max-width: 100%;
    margin-right: 0; }
  .bookmarks ol > li.empty strong {
    background: url(../img/add-bookmark.svg) no-repeat;
    background-size: 1.3em;
    padding-left: 1.5em;
    margin-left: 0.2em; }
  .bookmarks .span_1_of_4 {
    width: 100%;
    margin-left: 0;
    clear: none; }
  .bookmarks .span_1_of_4:nth-child(5n+0) {
    margin-left: 0;
    clear: none; }
  .bookmarks .span_1_of_4:nth-child(4n+0) {
    margin-left: 0;
    clear: none; }
  .share .fade-msg .pending {
    width: 19em;
    font-size: 1.2em;
    top: 1.8em; }
  /* // Home page (logged out) // */
  /* Header tweasks */
  .home .site-search input[type="text"] {
    width: 85%; }
  .home .site-search input[type="button"] {
    right: 4em; }
  .home .nav-btn {
    margin-top: -49px; }
  .home .nav-btn-close {
    top: auto;
    margin-top: -2.5em; }
  .home nav.primary {
    top: auto;
    bottom: 0.2em; }
  .home-feature > .image {
    width: 100%;
    min-height: 1%; }
  .home-feature > .image > a {
    width: 100%; }
  .home-feature > .image > a > img {
    margin-left: 0;
    margin-top: -5%; }
  .home-cta-box > ul > li > ul {
    bottom: 2.8em;
    padding-bottom: 4.5em; }
  .home-cta-box > ul > li > ul > li {
    font-size: 1.2em;
    margin-bottom: 0.8em; }
  .home-feature-details {
    width: 100%; }
  /* Manage accounts */
  .block:before {
    font-size: 3em;
    left: 3%; }
  .block h2 {
    font-size: 1.15em;
    margin-top: 0; }
  .manage h3 {
    font-size: 1.15em; }
  /* Type */
  .maincontent p, .maincontent ul, .maincontent ol, .maincontent dl, .maincontent address, .sga label {
    font-size: 1em; }
  h1 {
    font-size: 2.2em;
    line-height: 1.1em; }
  .step-by-step ol > li:before {
    font-size: 2em; }
  .IE .step-by-step ol > li:before {
    font-size: 40%; }
  h2, h3 {
    font-size: 1.5em; }
  table tbody th, p.subhead, .key-box ul, aside.see-also > h2, .see-more > h2, p.nc-links {
    font-size: 1.3em; }
  .key-box ul, .span_4_of_12 .mod h2 {
    font-size: 1.2em; }
  table thead th, .feature-link, .essential-background > h2, .see-more > .resource-type, .see-more > a:after, span.filter-group-label {
    font-size: 1.1em; }
  table thead th, input, .sort-label, .content-header .resource-type {
    font-size: 1em; }
  p.feature-summary {
    font-size: 0.95em; }
  .maincontent table td p, nav.primary, .gallery > li > p, .span_4_of_12 .mod p {
    font-size: 1em; }
  .search-filters ul > li, .vocab > ul > li, .result-details .resource-type, .result-details p, .mod ul > li {
    font-size: 1em; }
  .sequence p {
    font-size: 0.95em; }
  ul.tags > li > a, aside.cgt-connect > h3 > span, ul.related-items > li > a, .result-details ul > li, .tool-tip-content > p, .how-to-cards h3 {
    font-size: 0.9em; }
  .result-details ul.attributes > li.duration {
    font-size: 0.8em; }
  /* /// Home page (logged in) /// */
  /* News */
  .user-home .latest-news .img {
    float: left;
    max-width: 27%;
    float: left;
    overflow: hidden; }
  .user-home .latest-news .additional-info, .user-home .latest-news .young-gardener-comp .add-info, .young-gardener-comp .user-home .latest-news .add-info, .user-home .latest-news .young-gardener-comp .older-results, .young-gardener-comp .user-home .latest-news .older-results {
    float: right;
    width: 73%;
    padding-bottom: 0;
    min-height: 1em; }
  .user-home .latest-news h3 {
    font-size: 1.05em; }
  /* Courses */
  .user-home .courses > ul > li {
    width: 100%;
    float: none; }
  .user-home .courses > ul > li:first-child {
    margin-right: 0;
    border-right: none;
    padding-right: 0; }
  .user-home .courses ul li h3 {
    font-size: 1.3em; }
  .user-home .courses li > ul > li:first-child > strong {
    font-size: 2.8em; }
  .user-home .courses li > span {
    font-size: 0.9em; }
  .user-home .courses > ul > li:last-child {
    border-top: 1px solid #aacb87; }
  .courses li > ul > li:nth-child(2), .courses li > ul > li:last-child {
    font-size: 1em;
    line-height: 1.3em; }
  /* Generic landing page */
  .awards .box p {
    font-size: 1.4em; }
  .generic-lp .box-pic {
    padding: 0; }
  .generic-lp .mod-head {
    width: 100%;
    float: left;
    padding: 1% 4%; }
  .generic-lp .image {
    width: 100%;
    float: left; }
  .generic-lp .image > a {
    width: 100%;
    margin-left: 0%; }
  /* Resource LP */
  .resource-lp-mods .span_3_of_4, .resource-lp-mods .span_5_of_12 {
    margin-bottom: 0.5em;
    clear: both; }
  .resource-lp-mods .span_3_of_4 .equal-height .mod, .resource-lp-mods .span_5_of_12 {
    width: 100%;
    margin-left: 0; }
  .section .span_3_of_4 .equal-height .mod, .diy-hr-turquoise .span_3_of_4 .equal-height .mod, .diy-hr-grey .span_3_of_4 .equal-height .mod, .budding-gardener-comp .winner .span_3_of_4 .equal-height .mod, .young-gardener-comp .winner-section .span_3_of_4 .equal-height .mod, .main-section-budd-gard .span_3_of_4 .equal-height .mod {
    margin-bottom: 1px;
    clear: both; }
  .section .span_3_of_4 .equal-height .mod-head, .diy-hr-turquoise .span_3_of_4 .equal-height .mod-head, .diy-hr-grey .span_3_of_4 .equal-height .mod-head, .budding-gardener-comp .winner .span_3_of_4 .equal-height .mod-head, .young-gardener-comp .winner-section .span_3_of_4 .equal-height .mod-head, .main-section-budd-gard .span_3_of_4 .equal-height .mod-head {
    margin: 0;
    padding: 2% 6% 0.5em 6%; }
  .resource-lp-mods .span_4_of_12 {
    width: 100%;
    margin-bottom: 0.5em; }
  .resource-lp-mods .col img, .resource-lp-mods .budding-gardener-comp .medal-drawer-label img, .budding-gardener-comp .resource-lp-mods .medal-drawer-label img {
    display: none; }
  .course-lp .span_3_of_4 .equal-height .mod:last-child .mod-head {
    padding-left: 6%;
    padding-right: 6%; }
  /* // Search // */
  /* Sort by */
  .sort-by {
    padding: 2% 3%; }
  .sort-label:after {
    content: ""; }
  .maincontent .sort-by > ul {
    clear: both;
    float: none; }
  .maincontent .sort-by > ul > li {
    margin: 0 1.8em 0 0; }
  .sort-by > ul > li.selected > a:after {
    border-width: 6px 6px 0 6px;
    right: -1.1em;
    top: 0.4em; }
  /* Results list */
  .maincontent .results-list > ol > li {
    padding-top: 0.6em; }
  .results-list > ol > li > .img, .course-search .results-list > ol > li > .img {
    max-width: 100%;
    float: none;
    margin: 0 0 0.7em 0; }
  .course-search .results-list > ol > li > .img > a {
    width: 100%;
    margin: 0; }
  .result-details, .course-search .result-details {
    width: 100%; }
  /* Course listing */
  .course-search .result-details > ul.price > li:first-child > a {
    font-size: 2.5em; }
  .course-search .result-details > ul.price > li:last-child {
    font-size: 1em; }
  .result-details .resource-type {
    background-position: 0 2px; }
  .result-details h3, .result-details p {
    max-width: 100%; }
  .simple .result-details h3 {
    margin-bottom: 0.6em; }
  .simple .result-details ul.tags, .result-details ul.tags {
    margin-left: 3%; }
  .result-details ul.tags > li, .result-details ul.attributes > li {
    margin-bottom: 0.8em; }
  .result-details ul.attributes > li.duration {
    position: static;
    top: auto;
    background: url(../img/clock.svg) no-repeat 0 0;
    right: auto;
    display: block;
    border: 0;
    text-align: left;
    padding: 0 0 0 1.6em;
    margin-left: 1em;
    background-size: contain;
    line-height: 1.25em;
    font-size: 1em; }
  .result-details ul.attributes > li.duration > span {
    display: inline;
    clear: none;
    font-size: 1em; }
  /* Site search results */
  .site-results .results-head h2 {
    margin-top: 0.3em; }
  .site-results .site-search input[type="text"] {
    width: 77%; }
  .site-results .result-details {
    padding-top: 0.3em; }
  /* Account details */
  .account th {
    font-size: 0.9em; }
  .account td {
    font-size: 1em; }
  .account td > input, .account td > select {
    font-size: 0.9em;
    width: 100%;
    margin-right: 0; }
  /* Resource templates */
  /* Content header */
  .content-header {
    margin-top: 0;
    margin-bottom: 0;
    border-top-width: 2px; }
  .content-header .share {
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    float: left;
    margin-bottom: 1em; }
  .content-header .share h2 {
    position: relative;
    left: auto; }
  /* Key Box */
  .key-box {
    padding: 0 4%;
    margin-bottom: 1.5em; }
  .key-box h2 {
    margin-left: 0;
    margin-bottom: 0; }
  .key-box ul {
    margin-right: 0; }
  /* Main body */
  .main-body {
    border: 0; }
  .block-insert {
    width: 100%;
    margin-left: 0; }
  .block-insert > .img {
    margin-bottom: 1em; }
  /* Step by step / Additional info / Hints & tips */
  .step-by-step {
    margin-bottom: 1em; }
  .step-by-step ol, .hints-and-tips ul {
    margin: 4% 2% 1% 0%; }
  .step-by-step ol > li:before {
    left: -7.5%; }
  .additional-info, .young-gardener-comp .add-info, .young-gardener-comp .older-results {
    margin-bottom: 1em; }
  .hints-and-tips ul {
    padding-left: 9px; }
  .objectives ul > li {
    min-height: 21px; }
  /* How to cards */
  .how-to-cards .img {
    max-width: 100%;
    float: none;
    margin-right: 0; }
  .how-to-cards.sequence > li:before {
    left: 0;
    font-size: 2em;
    padding: 5px 8px 9px 8px; }
  .how-to-cards .instructions {
    padding-left: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    max-width: 100%; }
  .how-to-cards .instructions h3 {
    font-size: 1.1em; }
  .how-to-cards .instructions p {
    font-size: 1em; }
  /* School Gardening Awards */
  .sga-review .span_1_of_4 {
    width: 100%;
    margin-left: 0; }
  .sga-review ol > li > .caption {
    min-height: 3em; }
  /* Tags */
  ul.tags > li {
    margin: 0 2% 0.4em 3%; }
  ul.tags > li:after {
    border-width: 0.95em;
    margin-top: -0.95em; }
  ul.tags > li:before {
    top: 41%;
    left: -4px; }
  ul.tags > li > a {
    padding: 0 7px 0 5px; }
  /* Ratings */
  .ratings h3, .ratings p {
    display: block;
    float: left;
    font-size: 1.1em;
    margin-top: 0.3em; }
  .ratings h3 {
    clear: left; }
  .ratings p {
    width: 75%;
    font-size: 1.1em;
    padding-left: 1%; }
  /* CGT Connect */
  aside.cgt-connect > h3, aside.cgt-connect > ul {
    font-size: 1.1em; }
  /* Course detail */
  .course .prices table thead th {
    padding-bottom: 0.6em; }
  .course .prices table td {
    font-size: 3em; }
  .course .when table tr td {
    font-size: 1em;
    padding: 0 1em 0.3em 0; }
  .course .event-info .address h4, .course .event-info .address p {
    font-size: 1.3em; }
  .course .event-info .address td {
    font-size: 0.9em;
    padding-bottom: 0.1em; }
  /* Related */
  ul.related-items > li > div.img {
    max-width: 20%; }
  ul.related-items > li > a {
    font-size: 0.85em; }
  /* News listing */
  .news .result-details {
    border-top: 0;
    padding-top: 0; }
  /* News story */
  .more-news {
    text-align: center;
    padding: 0.8em; }
  .news-lnk, .news-lnk.next {
    float: none;
    display: block; }
  .news-lnk {
    margin-bottom: 0.4em; }
  /* Footer */
  footer ul.social-media {
    margin-bottom: 0.5em; }
  footer > .span_1_of_2 > h2 {
    font-size: 1.6em; }
  footer nav {
    margin-top: 0;
    font-size: 1em;
    border-top: 1px solid #fff;
    padding-top: 1em; }
  footer nav > ul {
    text-align: left; }
  footer nav > ul > li {
    display: inline-block;
    border-right: 1px solid #dbf1f0; }
  footer nav > ul > li > a {
    padding: 0 5px; }
  footer nav > ul > li:first-child > a {
    padding-left: 0; }
  .rhs-banner .offer-text > h2 {
    font-size: 1.4em; } }

@media only screen and (max-width: 428px) {
  .signed-in > h2 {
    font-size: 1.1em; }
  .signed-in .btn {
    padding-left: 8px;
    padding-right: 20px; }
  .signed-in .btn span {
    left: 6px; }
  .signed-in .acct-icon {
    width: 16px;
    height: 16px; }
  .signed-in > ul {
    min-width: 240px;
    left: -5.8em; }
  /* Logged in header */
  .sga-label {
    max-width: 82%;
    margin-left: 0.25em; }
  .competitions-overlay {
    margin-right: 1.5em; }
  .user-home .courses .see-more, .latest-news .see-more, .competitions .see-more, .bookmarks .see-more {
    position: relative;
    padding-left: 0;
    float: left; }
  .competitions .see-more, .bookmarks .see-more {
    margin-top: 0; }
  .latest-news .see-more {
    margin-top: 1em; }
  .user-home .courses .see-more {
    top: 0; }
  .course-search .result-details > ul.price > li:last-child {
    font-size: 0.9em; }
  /* Site search results */
  .site-results .site-search input[type="text"] {
    width: 75%; }
  /* Course detail */
  .course .prices table {
    width: 70%; }
  .course .event-info p.download {
    float: left;
    margin-top: 0;
    border-top: 1px solid #acd185;
    background-position: 0 11px;
    width: 100%; }
  .course .event-info p.download a {
    padding-top: 0.6em;
    display: block; }
  .course .event-info .address {
    width: 100%;
    margin-right: 0; }
  .course .event-info .address p {
    margin-bottom: 1em; }
  .course .event-info .map {
    width: 100%;
    margin-bottom: 2em; }
  ul.related-items > li {
    min-height: 50px;
    padding: 0.3em 0.4em; }
  ul.related-items > li > div.img {
    display: none; }
  footer nav {
    font-size: 1.2em; }
  footer nav > ul > li {
    display: block;
    border-right: none;
    margin-bottom: 0.8em; }
  footer nav > ul > li > a {
    padding: 0; }
  .rhs-banner .offer-text > h2 {
    font-size: 1.3em; }
  .rhs-banner .offer-text > p {
    font-size: 1em; } }

@media only screen and (max-width: 350px) {
  .signed-in em {
    left: -9999px;
    position: absolute; }
  .signed-in .btn {
    padding-right: 16px; }
  .signed-in .btn span {
    left: 2px; }
  .signed-in > h2 > .btn:before, .signed-in > h2 > .btn:after {
    left: -9%; }
  .signed-in .acct-icon {
    width: 20px;
    height: 20px; }
  .signed-in > ul {
    left: auto;
    right: -0.4em;
    width: 500%;
    min-width: 1%;
    padding-top: 1em; }
  /* Navigation */
  /* Home page (logged out)*/
  .home .site-search input[type="text"] {
    width: 82%; }
  .home nav.primary {
    bottom: -1.6em; }
  /* Global */
  .nav-btn {
    height: 34px; }
  nav.primary {
    height: 34px; }
  nav.secondary {
    height: 34px; }
  div.nav-contain > ul > li > a {
    margin-top: -19px; }
  div.nav-contain > ul > li > a {
    padding: 0 9px 0 8px; }
  div.nav-contain > ul.breadcrumb > li.l-1 > a {
    padding-left: 9px; }
  div.nav-contain > ul.breadcrumb > li.l-2 > a, div.nav-contain > ul.present-nav > li:first-child > a {
    padding-left: 12px; }
  /* Logged in header */
  .sga-level-badge {
    max-width: 160px;
    margin-bottom: 0; }
  .sga-label {
    max-width: 74%; }
  .competitions-overlay {
    margin-right: 1.25em; }
  .user-home .pending {
    padding: 0.8em 3.5em 1em 3em;
    font-size: 1.2em; }
  /* Resources */
  .step-by-step ol > li:before {
    left: -10%; }
  .spotter-guides .span_1_of_4 {
    width: 100%;
    margin: 1% 0 8% 0; }
  .spotter-guides .span_1_of_4:nth-child(even) {
    margin-left: 0; }
  .how-to-cards.sequence > li.span_1_of_2 {
    width: 108%;
    margin-left: -4%; }
  /* Content */
  .essential-background, .block-insert > .img {
    width: 108%;
    margin-left: -4%; }
  .article-column {
    margin-right: 0;
    margin-bottom: 1em; }
  .content-body .article-column .img {
    width: 108%;
    margin-left: -4%; }
  .content-body .article-column .share {
    width: 108%;
    margin-left: -4%;
    padding-left: 2%; }
  .content-body .article-column .img img {
    float: left; }
  /* Tags */
  ul.tags > li {
    margin: 0 2% 0.4em 4%; } }

@media only screen and (max-width: 320px) {
  /* Header */
  #headcontainer header {
    margin-top: -3%; }
  .logo {
    max-width: 95%; }
  /* Footer */
  .rhs-banner .span_5_of_12 > a:last-child * {
    max-width: 100%; } }

/* James' additions */
.vspace50 {
  height: 50px; }

.vspace100 {
  height: 100px; }

.vspace150 {
  height: 150px; }

.vspace120 {
  height: 120px; }

.vspace20 {
  height: 20px; }

.vspace30 {
  height: 30px; }

.vspace10 {
  height: 10px; }

.vspace15 {
  height: 15px; }

.vspace200 {
  height: 200px; }

/*miscellaneous Jimmy - bug fixes - to be integrated with rest of css accordingly*/
.share-right {
  float: right; }

a.share-submit-link {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  font-size: 1.2em;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: #458c32;
  color: #fff;
  padding: 2.5%; }

a:hover.share-submit-link {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  font-size: 1.2em;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: #f77c43;
  color: #fff;
  padding: 2.5%;
  transition: all 0.3s ease; }

.my-svg-alternate {
  display: none; }

.no-svg .my-svg-alternate {
  display: block;
  width: 202px;
  height: 102px;
  background-image: url(../img/cfsg-logo-fallback.png); }

.android-svg {
  display: block;
  width: 203px;
  height: 110px;
  background: url(../img/cfsg-logo-fallback.png) no-repeat !important;
  background-size: 70%;
  margin-top: 1.5em; }

/* IE8 */
/* for IE8 support*/
.IE8 article, .IE8 aside, .IE8 details, .IE8 figcaption, .IE8 figure, .IE8 footer, .IE8 header, .IE8 hgroup, .IE8 section {
  display: block; }

.IE8 audio, .IE8 canvas, .IE8 video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

.IE8 #ctl00_primaryNav {
  margin-top: -100px;
  font-family: sans-serif;
  float: left;
  display: block;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto; }

.IE8 #ctl00_primaryNav > ul {
  font-family: sans-serif;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden; }

.IE8 #ctl00_primaryNav > ul > li {
  float: left; }

.IE8 #ctl00_primaryNav > ul > li > a {
  color: #00a99d;
  display: block;
  padding: 7px 9px;
  z-index: 2;
  position: relative;
  font-weight: bold;
  font-size: 1.2em; }

.IE8 .site-search {
  padding-top: 35px;
  display: inline-block;
  vertical-align: top;
  top: 0px;
  right: 100px;
  text-align: right;
  width: 25% !important;
  position: absolute; }

.IE8 #ctl00_primaryNav ul > li > div > ul > li {
  margin: 0 0 1em 0;
  padding: 0;
  width: auto;
  font-size: .9em; }

.IE8 #ctl00_primaryNav ul > li > div {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none; }

.IE8 #ctl00_primaryNav ul > li:hover {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block; }

.IE8 #footercontainer a {
  float: left;
  color: #ffffff;
  font-weight: bold;
  list-style-type: none;
  padding-right: 20px; }

.IE8 #footercontainer a:hover {
  text-decoration: underline; }

.IE8 #footercontainer ul li {
  font-size: 1.5em;
  color: #ffffff;
  font-weight: bold;
  list-style-type: none; }

.IE8 #footercontainer ul {
  width: 200%; }

.IE8 .home-features > div {
  margin: 1%; }

/*update browser message*/
.message {
  font-size: 0.9em;
  font-weight: bold;
  padding: 20px;
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #00a99d;
  width: 100%;
  color: #ffffff; }

#message-side {
  bottom: 20px;
  right: 20px;
  top: 20px;
  width: 35px;
  height: 38px;
  position: absolute;
  font-size: 2em;
  background: #ff0000; }

.spotter-number {
  content: counter(item) " ";
  counter-increment: item;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  display: block;
  background: #00a99d;
  padding: 3px 6px 7px 6px; }

/* Akeels' additions for cookie */
.cc-cookies {
  position: static;
  width: 100%;
  left: 0;
  top: 0;
  padding: .6em 5%;
  background: #ddc752;
  color: #444;
  font-size: 1.0em;
  z-index: 99999;
  text-align: center; }

.lt-ie8 .cc-cookies {
  padding-top: 0;
  height: 34px; }

.cc-cookies a, .cc-cookies a:hover {
  color: #555;
  text-decoration: underline;
  font-weight: bold; }

.cc-cookies a:hover {
  text-decoration: none; }

.cc-overlay {
  height: 100%;
  padding-top: 25%; }

.cc-cookies-error {
  float: left;
  width: 90%;
  text-align: center;
  margin: 1em 0 2em 0;
  background: #fff;
  padding: 2em 5%;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333; }

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
  display: inline-block;
  margin-left: 1em;
  color: #fff;
  text-decoration: none;
  background: #9a8308;
  padding: .5em 0.8em;
  -o-transition: background .5s ease-in;
  -webkit-transition: background .25s ease-in;
  -moz-transition: background .25s ease-in;
  font-family: 'Raleway', sans-serif;
  font-weight: 900; }

.lt-ie8 .cc-cookies a.cc-cookie-accept, .lt-ie8 .cc-cookies-error a.cc-cookie-accept, .lt-ie8 .cc-cookies a.cc-cookie-decline, .lt-ie8 .cc-cookies-error a.cc-cookie-decline, .lt-ie8 .cc-cookies a.cc-cookie-reset {
  position: relative;
  top: .6em; }

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
  background: #af3b3b;
  margin-left: .5em; }

.cc-cookies a.cc-cookie-reset {
  background: #f15b00; }

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
  background: #f77d43;
  -o-transition: background .5s ease-in;
  -webkit-transition: background .25s ease-in;
  -moz-transition: background .25s ease-in; }

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
  display: block;
  margin-top: 1em; }

.cc-cookies.cc-discreet {
  width: auto;
  padding: .5em 1em;
  left: auto;
  top: auto; }

.cc-cookies.cc-discreet a.cc-cookie-reset {
  background: 0;
  padding: 0;
  text-decoration: underline; }

.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
  text-decoration: none; }

@media screen and (max-width: 768px) {
  .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0; } }

@media screen and (max-width: 480px) {
  .cc-cookies {
    position: relative;
    float: left; } }

/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  header {
    width: 93.75%;
    /* 960px / 1024px */ }
  #maincontent {
    width: 93.75%;
    /* 960px / 1024px */ }
  .maincontent {
    width: 93.75%;
    /* 960px / 1024px */ }
  footer {
    width: 93.75%;
    /* 960px / 1024px */ } }

/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  header {
    width: 93.75%;
    /* 720px / 768px */ }
  #maincontent {
    width: 93.75%;
    /* 720px / 768px */ }
  .maincontent {
    width: 93.75%;
    /* 720px / 768px */ }
  footer {
    width: 93.75%;
    /* 720px / 768px */ } }

/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */
@media only screen and (max-width: 480px) {
  header {
    width: 93.75%;
    /* 450px / 480px */ }
  #maincontent {
    width: 93.75%;
    /* 450px / 480px */ }
  .maincontent {
    width: 93.75%;
    /* 450px / 480px */ }
  footer {
    width: 93.75%;
    /* 450px / 480px */ }
  /*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */
  .span_8_of_8 {
    width: 100%;
    margin-left: 0; }
  .span_7_of_8 {
    width: 100%;
    margin-left: 0; }
  .span_6_of_8 {
    width: 100%;
    margin-left: 0; }
  .span_5_of_8 {
    width: 100%;
    margin-left: 0; }
  .span_4_of_8 {
    width: 100%;
    margin-left: 0; }
  .span_3_of_8 {
    width: 74.2%;
    margin: 1% 0 1% 3.2%; }
  .span_2_of_8 {
    width: 48.4%;
    margin: 1% 0 1% 3.2%; }
  .span_1_of_8 {
    width: 22.6%;
    margin: 1% 0 1% 3.2%; }
  .span_1_of_8:nth-child(4n+1) {
    clear: both;
    margin-left: 0; }
  /*  Except in the Example */
  #example .maincontent .span_8_of_8 {
    width: 100%;
    margin-left: 0; }
  #example .maincontent .span_7_of_8 {
    width: 100%;
    margin-left: 0; }
  #example .maincontent .span_6_of_8 {
    width: 100%;
    margin-left: 0; }
  #example .maincontent .span_5_of_8 {
    width: 100%;
    margin-left: 0; }
  #example .maincontent .span_4_of_8 {
    width: 100%;
    margin-left: 0; }
  #example .maincontent .span_3_of_8 {
    width: 100%;
    margin-left: 0; }
  #example .maincontent .span_2_of_8 {
    width: 100%;
    margin-left: 0; }
  #example .maincontent .span_1_of_8 {
    width: 100%;
    margin-left: 0; } }

/************************************************************************************************************************/
/**********************************************************************************************************************/
/*   CONTENTS    CONTENTS      CONTENTS    CONTENTS    CONTENTS    CONTENTS    CONTENTS    CONTENTS    CONTENTS */
/**********************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/
/*******************************************************************************************************/
/* 1 - CHANGE background                                                                                */
/*******************************************************************************************************/
.white-back, .results-basic .comp-meta, .main-section-budd-gard .comp-meta, .budding-gardener-comp .medal-drawer-label, .young-gardener-comp .drawer-label {
  background: #fff; }

table.white-back, .results-basic table.comp-meta, .main-section-budd-gard table.comp-meta, .budding-gardener-comp table.medal-drawer-label, .young-gardener-comp table.drawer-label {
  background: #fff; }

.light-green-back {
  background: #dcf7bf; }

.orange-back {
  background: #f77d43; }

.sandy-beige-back, .open-comps-list .sandy-sub-box, .competition-faqs .sandy-sub-box, .budding-gardener-comp .sandy-box, .young-gardener-comp .inner-drawer {
  height: 100%;
  background: #edf0c8 !important;
  background-color: #edf0c8 !important; }

/*******************************************************************************************************/
/*  2 -CHANGE font-size    or weight                                                                       */
/*******************************************************************************************************/
.font-bold {
  font-weight: bold; }

p.font015em {
  font-size: 1.5em; }

.font015em {
  font-size: 1.5em;
  font-size: 1.8em; }

.font016em, .budding-gardener-comp h3 {
  font-size: 1.6em; }

.font012em, .open-comps-list .comp-listing a, .competition-faqs .comp-listing a, .results-basic p.town, .main-section-budd-gard p.town {
  font-size: 1.2em; }

p.font012em, .results-basic p.town, .main-section-budd-gard p.town {
  font-size: 1.2em; }

.font009em, .young-gardener-comp .older-results ul {
  font-size: 0.9em; }

p.font009em {
  font-size: 0.9em; }

.font0095em {
  font-size: 0.95em; }

p.font005em {
  font-size: 0.5emp; }

h3.font005em {
  font-size: 0.5em; }

.font005em {
  font-size: 0.5em; }

.font-50 {
  font-size: 50%; }

p.font-50 {
  font-size: 50%; }

.font-60 {
  font-size: 60%; }

p.font-60 {
  font-size: 60%; }

p.font-70 {
  font-size: 70%; }

.font-70 {
  font-size: 70%; }

p.font-80, .young-gardener-comp p.winner-section {
  font-size: 80%; }

.font-80, .young-gardener-comp .winner-section {
  font-size: 80%; }

.font-85 {
  font-size: 85%; }

.font-110 {
  font-size: 110%; }

p.font-90 {
  font-size: 90%; }

.font-90 {
  font-size: 90%; }

.font-120, .results-basic p.school, .main-section-budd-gard p.school {
  font-size: 120%; }

p.font-120, .results-basic p.school, .main-section-budd-gard p.school {
  font-size: 120%; }

font-130 {
  font-size: 130%; }

p.font-130 {
  font-size: 130%; }

font-135 {
  font-size: 135%; }

p.font-135 {
  font-size: 135%; }

.font-150, .budding-gardener-comp .garden-title, .young-gardener-comp p.wname1 {
  font-size: 150%; }

p.font-150, .budding-gardener-comp p.garden-title, .young-gardener-comp p.wname1 {
  font-size: 150%; }

.font-170, .young-gardener-comp .atitle1 {
  font-size: 170%; }

.font-200 {
  font-size: 200%; }

.font-250 {
  font-size: 250%; }

.font-300 {
  font-size: 300%; }

p.font-170, .young-gardener-comp p.atitle1 {
  font-size: 170%; }

p.font-200 {
  font-size: 200%; }

p.font-300 {
  font-size: 300%; }

p.font-110 {
  font-size: 110%;
  font-size: 110%; }

.font-90 {
  font-size: 90%; }

ul.font-80, .young-gardener-comp ul.winner-section {
  font-size: 80%; }

ul.font-90 {
  font-size: 90%; }

.font-50 {
  font-size: 50%; }

p.font-80, .young-gardener-comp p.winner-section {
  font-size: 80%; }

p.font-50 {
  font-size: 50%; }

a.email {
  font-weight: 600; }

p.fontw600, .results-basic p.school, .main-section-budd-gard p.school, .results-basic p.older-results, .main-section-budd-gard p.older-results, .budding-gardener-comp p.garden-title, .young-gardener-comp p.wname1, .young-gardener-comp .older-results p.title {
  font-weight: 600; }

ul.fontw600, .results-basic ul.older-results, .main-section-budd-gard ul.older-results, .budding-gardener-comp ul.garden-title {
  font-weight: 600; }

p.fontw700 {
  font-weight: 700; }

p.fontw800, .young-gardener-comp .older-results p.title {
  font-weight: 800; }

.fontw600, .results-basic p.school, .main-section-budd-gard p.school, .results-basic .older-results, .main-section-budd-gard .older-results, .budding-gardener-comp .garden-title, .young-gardener-comp h3.winner, .young-gardener-comp p.wname1, .young-gardener-comp .older-results p.title {
  font-weight: 600; }

.fontw700 {
  font-weight: 700; }

.fontw800, .comps-results-list .result-details h3, .young-gardener-comp .older-results p.title {
  font-weight: 800; }

.fontw900, .open-comps-list .comp-listing a, .competition-faqs .comp-listing a, .open-comps-list .comp-listing h3, .competition-faqs .comp-listing h3 {
  font-weight: 900; }

/*******************************************************************************************************/
/* 3 - CHANGE font-colour                                                                                  */
/*******************************************************************************************************/
.turquoise, .results-basic p.school, .main-section-budd-gard p.school, .results-basic .comp-meta h4, .main-section-budd-gard .comp-meta h4, .budding-gardener-comp .garden-title, .young-gardener-comp p.wname1 {
  color: #00a99d; }

.bottle-green-text, .open-comps-list .sandy-sub-box h4, .competition-faqs .sandy-sub-box h4, .young-gardener-comp .atitle1 {
  color: #458c32; }

.dark-grey-text, .open-comps-list .comp-listing h3, .competition-faqs .comp-listing h3 {
  color: #666; }

/*******************************************************************************************************/
/* 4 - ALIGN TEXT                                                                                           */
/*******************************************************************************************************/
.center-text {
  text-align: center; }

.center-all {
  display: block;
  margin: auto; }

/********************************************************************************************************/
/*  5 - hr */
/********************************************************************************************************/
/* DIY HR*/
.diy-hr-grey {
  margin-bottom: 1em; }

/* new bits of miscellaneous styles  */
hr.turquoise, .budding-gardener-comp hr.garden-title {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid;
  border-color: #00a99d;
  margin-bottom: -10px;
  padding: 0; }

hr.turquoise-medium {
  display: block;
  height: 2px;
  border-top: 2px solid;
  border-color: #00a99d;
  padding: 15px 0px 15px 0px; }

hr.turquoise-big {
  display: block;
  height: 3px;
  border-top: 3px solid;
  border-color: #00a99d;
  padding: 15px 0px 15px 0px; }

hr.bottle-green {
  display: block;
  height: 2px;
  border-top: 2px solid;
  border-color: #458c32;
  padding: 0px;
  margin: 30px 0px 10px 0px; }

hr.bottle-green-no-margin {
  display: block;
  height: 1px;
  border-top: 1px solid;
  border-color: #458c32;
  padding: 0px;
  width: 90%;
  margin-top: 15px; }

/********************************************************************************************************/
/* 6 - border   */
/********************************************************************************************************/
.top-grey-border, .young-gardener-comp .older-results p {
  border-top: 1px solid  #ccc; }

.top-turquoise-border, .results-basic .tb, .main-section-budd-gard .tb {
  border-top: 1px solid #00a99d; }

.top-turquoise-border-2px, .main-section-budd-gard {
  border-top: 2px solid #00a99d; }

.bottom-grey-border, .diy-hr-grey, .budding-gardener-comp .school-name, .young-gardener-comp p.school1 {
  border-bottom: 1px solid  #ccc; }

.bottom-thick-grey-border, .open-comps-list .comp-listing, .competition-faqs .comp-listing {
  border-bottom: 2px solid  #c4c4c4; }

.bottom-turquoise-border, .diy-hr-turquoise, .results-basic .bb, .main-section-budd-gard .bb, .young-gardener-comp .award-winners-title, .young-gardener-comp .winner-section {
  border-bottom: 1px solid #00a99d; }

.bottom-turquoise-border-2px, .budding-gardener-comp .winner {
  border-bottom: 2px solid #00a99d; }

.bottom-turquoise-border-3px {
  border-bottom: 3px solid #00a99d; }

.bottom-thick-green-border, .budding-gardener-comp .sandy-box {
  border-bottom: 6px solid #458c32; }

.no-border {
  border: none; }

.bottom-green-thick, .open-comps-list .sandy-sub-box, .competition-faqs .sandy-sub-box {
  border-bottom: 3px solid #458c32; }

/*******************************************************************************************************/
/* 7 - BUTTONS */
/*******************************************************************************************************/
input[type="submit"].orange-back, input[type="button"].orange-back, button.orange-back {
  background: #f77d43 !important; }

.btn.bottle-green.long:before, .btn.bottle-green.long:after {
  left: -3.5%; }

.btn.bottle-green.small:before, .btn.bottle-green.small:after {
  left: -5.5%; }

.btn.bottle-green, .button.bottle-green {
  background: #458c32 !important;
  margin: auto; }

.btn.bottle-green:before {
  border-color: transparent #458c32 transparent transparent; }

.btn.bottle-green:after {
  border-color: transparent transparent #458c32 transparent; }

.btn.bottle-green:hover {
  color: #fff;
  background: #f77d43; }

.btn.bottle-green:hover:before {
  border-color: transparent #f77d43 transparent transparent; }

.btn.bottle-green:hover:after {
  border-color: transparent transparent #f77d43 transparent; }

.btn.cream.long:before, .btn.cream.long:after {
  left: -5.5%; }

.btn.cream {
  background: #f7f8e9;
  border: solid #458c32;
  color: #458c32;
  border-width: 1px 2px 2px 4px;
  margin: auto; }

.btn.cream:before {
  border-color: transparent #458c32 transparent transparent; }

.btn.cream:after {
  border-color: transparent transparent #458c32 transparent; }

.btn.cream:hover {
  color: #fff;
  background: #f77d43; }

.btn.cream:hover:before {
  border-color: transparent #f77d43 transparent transparent; }

.btn.cream:hover:after {
  border-color: transparent transparent #f77d43 transparent; }

.btn.btn-large {
  font-size: 1.4em; }

/***********************************************************************************************************/
/* 8 lists                                                                                               */
/***********************************************************************************************************/
ol.none {
  list-style-type: none; }

ul.green-dot {
  list-style: none;
  padding: 0;
  margin: 0; }

ul.green-dot > li {
  padding-left: 1em;
  text-indent: -.7em; }

ul.green-dot > li:before {
  content: "• ";
  color: #458c32; }

/********************************************************************************************************/
/*  9 -  classes to shift stuff  */
/********************************************************************************************************/
.shift-left-20px {
  margin-left: -20px; }

.shift-left-10px {
  margin-left: -10px; }

.shift-left-15px {
  margin-left: -15px; }

.shift-right-20px {
  padding-left: 20px; }

.shift-right-40px {
  padding-left: 40px; }

.shift-right-tiny {
  margin-right: -0.1em !important; }

.left-col {
  display: block;
  float: left;
  margin: 1% 0 1% -0.6%; }

.left-col1 {
  display: block;
  float: left;
  margin: 0px; }

.float-left {
  float: left; }

.float-right {
  float: right !important; }

.shift-up10px {
  margin-top: -10px; }

.shift-up15px {
  margin-top: -15px; }

.shift-up17px {
  margin-top: -17px; }

.shift-up20px {
  margin-top: -20px; }

.shift-up1px {
  margin-top: -1px; }

.shift-up5px {
  margin-top: -5px; }

.shift-up2px {
  margin-top: -2px; }

.shift-up0001em {
  margin-top: -0.01em; }

.shift-up002em, .young-gardener-comp .award-title {
  margin-top: -0.2em; }

.shift-up0025em {
  margin-top: -0.25em; }

.shift-up003em {
  margin-top: -0.3em; }

.shift-up005em, .results-basic p.info, .main-section-budd-gard p.info {
  margin-top: -0.5em; }

.shift-up006em {
  margin-top: -0.6em; }

.shift-up007em {
  margin-top: -0.7em; }

.shift-up009em {
  margin-top: -0.9em; }

p.shift-up007em {
  margin-top: -0.7em; }

.shift-up010em {
  margin-top: -1.0em; }

.shift-up020em {
  margin-top: -2.0em; }

.shift-up030em {
  margin-top: -3.0em; }

p.shift-up015em, .budding-gardener-comp p.school-name {
  margin-top: -1.5em; }

.shift-up013em {
  margin-top: -1.3em; }

p.shift-up013em {
  margin-top: -1.3em; }

p.shift-up017em {
  margin-top: -1.7em; }

.shift-up017em {
  margin-top: -1.7em; }

.shift-down-1em {
  margin-bottom: -1em !important; }

.shift-down-10px {
  margin-bottom: -10px; }

/***************************************************************************************************************/
/*   10 VERTICAL SPACES                                                                                           */
/***************************************************************************************************************/
.vspace10 {
  height: 10px; }

.vspace20 {
  height: 20px; }

.vspace30 {
  height: 30px; }

.vspace40 {
  height: 40px; }

.vspace50 {
  height: 50px; }

.vspace60 {
  height: 60px; }

.vspace70 {
  height: 70px; }

.vspace80 {
  height: 80px; }

.vspace90 {
  height: 90px; }

.vspace100 {
  height: 100px; }

.vspace110 {
  height: 110px; }

.vspace100percent {
  height: 100%; }

.vspace150 {
  height: 150px; }

.vspace120 {
  height: 120px; }

.vspace15 {
  height: 15px; }

.vspace200 {
  height: 200px; }

/********************************************************************************************************/
/*  11 -classes to change widths  */
/********************************************************************************************************/
.width-60-percent {
  width: 60%; }

.width-70-percent {
  width: 70%; }

.width-80-percent {
  width: 80%; }

.width-90-percent {
  width: 90%; }

/********************************************************************************************************/
/* 12 - classes to change padding or margin  of a div */
/********************************************************************************************************/
.top-padd-0 {
  padding-top: 0px; }

.top-padd-1em {
  padding-top: 1em; }

.padding-bottom005 {
  padding-bottom: 0.5em; }

.top-marg-10 {
  display: block;
  margin-top: 10% !important; }

.top-marg-0 {
  display: block;
  margin-top: 0% !important; }

.no-margin {
  margin: 0px 0px 0px 90px; }

.margin-bott-005 {
  margin-bottom: 0.5em; }

.margin-bott-015 {
  margin-bottom: 1.5em; }

.padding-bottom-005, .young-gardener-comp .award-winners-title {
  padding-bottom: 0.5em; }

p.padding-bottom-005em {
  padding-bottom: 0.5em; }

p.padding-bottom-015em, .young-gardener-comp p.school1 {
  padding-bottom: 1.5em; }

.no-bottom-margin, .budding-gardener-comp .medal-drawer-label {
  margin-bottom: 0px; }

.no-bottom-padding, .young-gardener-comp .award-title {
  padding-bottom: 0px; }

.no-top-margin, .young-gardener-comp .award-winners-title {
  margin-top: 0px; }

.no-top-or-bottom-margin {
  margin-top: 0px;
  margin-bottom: 0px; }

.top-and-bottom-margin-5percent {
  margin-top: 5%;
  margin-bottom: 5%; }

.bottom-padding-5percent {
  padding-bottom: 5%; }

.bottom-padding-6percent {
  padding-bottom: 6%; }

.top-and-bottom-padding-5percent {
  padding-top: 5%;
  padding-bottom: 5%; }

.top-and-bottom-padding-1percent {
  padding-top: 1%;
  padding-bottom: 1%; }

.bottom-margin-010em {
  margin-bottom: 1em; }

.bottom-margin-015em, .young-gardener-comp .winner-section {
  margin-bottom: 1.5em; }

.no-padding-or-margin {
  padding: 0px;
  margin: 0px; }

.faq > .col, .budding-gardener-comp .faq > .medal-drawer-label {
  margin-top: 0;
  margin-bottom: 0; }

.small-padd-border, .results-basic .older-results, .main-section-budd-gard .older-results, .young-gardener-comp .older-results {
  padding: 10% 8%; }

.smaller-padd-border, .budding-gardener-comp .sandy-box, .young-gardener-comp .inner-drawer {
  padding: 2.5% 4% 3.5% 4%; }

.even-smaller-padd-border, .budding-gardener-comp .medal-drawer-label, .young-gardener-comp .drawer-label {
  padding: 2% 2%; }

.tiny-padd-border {
  padding: 0.8% 1% 0.8% 1%; }

.right-padd-10px {
  padding-right: 10px; }

.right-padd-5px {
  padding-right: 5px; }

.right-padd-7px {
  padding-right: 7px; }

/*********************************************************************************************************/
/* 13 DISPLAY                                                                                                */
/**********************************************************************************************************/
.block-no-arrow {
  background: #fff;
  padding: 15px 19px;
  margin-bottom: 1em;
  width: 100%;
  overflow: hidden;
  position: relative; }

.block-no-arrow1, .open-comps-list .comp-listing, .competition-faqs .comp-listing {
  background: #fff;
  padding: 15px 19px;
  margin-bottom: 0em;
  width: 100%;
  overflow: hidden;
  position: relative; }

.block-display {
  display: block;
  width: 100%; }

.block1 {
  display: block; }

.no-wrap {
  white-space: no-wrap; }

.clear {
  clear: both; }

.clear-left {
  clear: left; }

/*******************************************************************************************************/
/* 14 - NICE DATE BADGE   - open competitions (full colour green and turquoise)                                                                                      */
/*******************************************************************************************************/
/***************/
/*    MAR      */
/***************/
/*             */
/*      5      */
/*             */
/***************/
/*    2015     */
/***************/
.closing-date {
  background: #00a99d;
  width: 60px;
  margin: auto;
  padding: 0px 2px 5px 2px; }

.closing-date-month {
  background: #67b52c;
  margin-top: -5px;
  padding-top: 1px;
  color: #fff;
  font-weight: bold; }

.closing-date-day {
  background: #fff;
  color: #666;
  font-size: 2em;
  padding: 20% 0 15% 0; }

.closing-date-year {
  font-weight: bold;
  padding: 3% 0 3% 0;
  font-size: 0.7em;
  color: #fff;
  height: 10px;
  margin-bottom: 5px; }

/*******************************************************************************************************/
/* 15 - NICE DATE BADGE   - closed  competitions (grey )                                                                                      */
/*******************************************************************************************************/
/***************/
/*    MAR      */
/***************/
/*             */
/*      5      */
/*             */
/***************/
/*    2015     */
/***************/
.grey-closing-date {
  background: #cccccc;
  width: 60px;
  margin: auto;
  padding: 0px 2px 2px 2px; }

.grey-closing-date-month {
  background: #c4c4c4;
  margin-top: -5px;
  padding-top: 3px;
  color: #fff;
  font-weight: bold; }

.grey-closing-date-day {
  background: #fff;
  color: #666;
  font-size: 2em;
  padding: 20% 0 15% 0; }

.grey-closing-date-year {
  font-weight: bold;
  background: #666;
  padding: 3% 0 3% 0;
  font-size: 0.7em;
  color: #fff; }

/*********************************************************************************************************/
/*  16  ICONS   ALSO SEE FONT AWSOME                                                                                            */
/*********************************************************************************************************/
.tick {
  background: url(../img/check.svg) no-repeat 0 2px;
  background-size: 18px;
  width: 20px;
  height: 30px;
  right: 0px; }

/***********************************************************************************************************/
/* 17 SHAPES                                                                                            */
/***********************************************************************************************************/
.gold-circle {
  width: 30px;
  height: 30px;
  background: #e8e063;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  float: left;
  margin-top: -5px;
  margin-right: 10px; }

.silver-circle {
  width: 30px;
  height: 30px;
  background: #cecece;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  float: left;
  margin-top: -5px;
  margin-right: 10px; }

.bronze-circle {
  width: 30px;
  height: 30px;
  background: #d1b64b;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  float: left;
  margin-top: -5px;
  margin-right: 10px; }

/***********************************************************************************************************/
/* 18 RESULT DATE                                                                                          */
/***********************************************************************************************************/
/* OPen COmpetitions listing */
.open-comps-list h2, .competition-faqs h2 {
  color: #666;
  margin-top: -0.2em;
  margin-bottom: 0.1em; }

.open-comps-list .sandy-sub-box, .competition-faqs .sandy-sub-box {
  margin-top: 1em;
  margin-left: -3%;
  margin-right: -3%; }
  .open-comps-list .sandy-sub-box p, .competition-faqs .sandy-sub-box p {
    font-size: 0.9em; }
  .open-comps-list .sandy-sub-box ul, .competition-faqs .sandy-sub-box ul {
    margin-bottom: 1em; }
  .open-comps-list .sandy-sub-box ul li, .competition-faqs .sandy-sub-box ul li {
    font-size: 0.75em;
    line-height: 1.3em; }
  .open-comps-list .sandy-sub-box .btn.sandy, .competition-faqs .sandy-sub-box .btn.sandy {
    background: #edf0c8;
    border: 1px solid #458c32;
    color: #458c32;
    padding-left: 14px;
    height: 30px;
    line-height: 30px; }
  .open-comps-list .sandy-sub-box .btn.sandy:after, .competition-faqs .sandy-sub-box .btn.sandy:after {
    content: "";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-width: 16px;
    border-top-width: 15px;
    border-left: 7px solid #edf0c8;
    left: -1px; }
  .open-comps-list .sandy-sub-box .btn.sandy:before, .competition-faqs .sandy-sub-box .btn.sandy:before {
    content: "";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-width: 16px;
    border-top-width: 15px;
    border-left: 7px solid #458c32;
    left: 0; }

.open-comps-list p.subhead > a:after, .competition-faqs p.subhead > a:after {
  content: " »"; }

.open-comps-list .competitions li h3, .competition-faqs .competitions li h3 {
  width: 100%;
  float: none;
  font-size: 1.5em;
  margin-bottom: 0;
  padding-bottom: 0.2em; }

.open-comps-list .competitions .result-details, .competition-faqs .competitions .result-details {
  width: 56%;
  border-top: 0;
  margin-top: 0; }
  .open-comps-list .competitions .result-details a, .competition-faqs .competitions .result-details a {
    cursor: pointer;
    border-top: 1px solid #458c32;
    padding: 0.3em 0.8em 0 0;
    margin-top: 0.5em;
    display: inline-block; }

.open-comps-list .competitions ol > li > p, .competition-faqs .competitions ol > li > p {
  width: 10%; }

.open-comps-list .competitions .btn, .competition-faqs .competitions .btn {
  float: left;
  font-size: 0.9em;
  margin-top: 1.2em; }

.open-comps-list .disabled, .competition-faqs .disabled {
  background: #f7f8e9;
  color: #999;
  box-shadow: 0px 2px 0px 0px #666 inset; }

.open-comps-list .disabled::after, .competition-faqs .disabled::after {
  background: #f7f8e9;
  bottom: 0;
  border-width: 0 0 21px 8px;
  border-color: transparent transparent #f7f8e9 transparent;
  box-shadow: 0px 2px 0px 0px #888 inset; }

.open-comps-list .disabled::before, .competition-faqs .disabled::before {
  top: 0;
  border-width: 21px 8px 21px 1px;
  border-color: transparent #f7f8e9 transparent transparent;
  box-shadow: 0px 2px 2px 2px #888 inset; }

.open-comps-list .arrow, .competition-faqs .arrow {
  height: 110%;
  border: 10px 10px 0px solid #000; }

.open-comps-list .results-list > ol > li > .img, .competition-faqs .results-list > ol > li > .img {
  width: 20%; }

/* competition results list */
.comps-results-list h2 {
  color: #458c32;
  margin-top: -0.2em;
  margin-bottom: 0.1em; }

.comps-results-list .result-details {
  width: 50% !important; }
  .comps-results-list .result-details h3 {
    color: #458c32; }

.comps-results-list ul.date {
  width: 15%;
  clear: none;
  float: none;
  float: left;
  border: none; }
  .comps-results-list ul.date li:first-child {
    border-right: none;
    border-bottom: 1px solid #458c32;
    padding: 2.2em 0em 1em 42px;
    background-position: 0% 70%; }

.competition-faqs .further-questions ul > li, .results-basic .further-questions ul > li, .main-section-budd-gard .further-questions ul > li {
  list-style-type: none; }

.competition-faqs .btn.bottle-gren, .results-basic .btn.bottle-gren, .main-section-budd-gard .btn.bottle-gren {
  float: left; }

.competition-faqs .btn.sandy, .results-basic .btn.sandy, .main-section-budd-gard .btn.sandy {
  background: #f7f8e9;
  border: 1px solid #458c32;
  color: #458c32;
  padding-left: 13px;
  height: 30px;
  line-height: 30px;
  float: left; }

.competition-faqs .btn.sandy:before, .results-basic .btn.sandy:before, .main-section-budd-gard .btn.sandy:before {
  content: "";
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-bottom-width: 16px;
  border-top-width: 15px;
  border-left: 7px solid #458c32;
  left: -1px; }

.competition-faqs .btn.sandy:after, .results-basic .btn.sandy:after, .main-section-budd-gard .btn.sandy:after {
  content: "";
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-bottom-width: 16px;
  border-top-width: 15px;
  border-left: 7px solid #edf0c8;
  left: -1px;
  z-index: 10; }

.competition-faqs .competitions, .results-basic .competitions, .main-section-budd-gard .competitions {
  width: 100%; }

.competition-faqs .competitions ul, .results-basic .competitions ul, .main-section-budd-gard .competitions ul {
  margin: 5% 10% 5% 0%;
  padding: 0% 15% 0% 30%; }

.competition-faqs .competitions .day, .results-basic .competitions .day, .main-section-budd-gard .competitions .day {
  background: #fff; }

.competition-faqs .competitions ol > li > p, .results-basic .competitions ol > li > p, .main-section-budd-gard .competitions ol > li > p {
  margin: 0%  0% 10% 5%;
  padding: 0%  0% 10% 15%;
  width: 100%; }

.competition-faqs .competitions ol > li, .results-basic .competitions ol > li, .main-section-budd-gard .competitions ol > li {
  width: 100%; }

.competition-faqs .competitions ol, .results-basic .competitions ol, .main-section-budd-gard .competitions ol {
  list-style-type: none;
  width: 70%; }

.results-basic h2, .main-section-budd-gard h2 {
  font-weight: 600;
  font-size: 2.3em; }

.results-basic h1, .main-section-budd-gard h1 {
  font-size: 2.5em; }

.results-basic p.info, .main-section-budd-gard p.info {
  font-size: 0.9em;
  border-top: 1px solid #ccc;
  padding-top: 5%;
  margin-top: -1.7em; }

.results-basic p.town, .main-section-budd-gard p.town {
  @extnd .shift-up013em {} }

.results-basic .line, .main-section-budd-gard .line {
  border-top: solid 1px #ccc;
  padding: 4% 0% 0 0%; }

.results-basic h3, .main-section-budd-gard h3 {
  font-weight: 600;
  font-size: 1.4em;
  margin-top: 1em; }

.results-basic p.town, .main-section-budd-gard p.town {
  margin-top: -1.6em;
  padding: 0;
  font-size: 1.1em; }

.results-basic p.school, .main-section-budd-gard p.school {
  margin-top: 2%; }

.results-basic .comp-meta, .main-section-budd-gard .comp-meta {
  margin-top: -0.6em; }

.budding-gardener-comp h3 {
  margin: 0px 0px 0px 0px; }

.budding-gardener-comp .school-name {
  padding-bottom: 1.5em;
  margin-bottom: 0.40em; }

.budding-gardener-comp p.school-info {
  font-size: 1em; }

.budding-gardener-comp .winner {
  padding-bottom: 0px;
  padding-top: 1em; }

.budding-gardener-comp h1 {
  font-size: 2.2em; }

.young-gardener-comp p.school1 {
  font-size: 1.25em; }

.young-gardener-comp .inner-drawer {
  @extedd .bottom-thick-green-border {} }

.young-gardener-comp .add-info {
  padding-top: 1em;
  margin-top: -0.7em;
  background: #fff; }

.young-gardener-comp .older-results p.title {
  border-top: 0; }

.young-gardener-comp .older-results p {
  padding-top: 0.7em; }

.young-gardener-comp .older-results ul li {
  margin-top: -0.7em; }

.entry-form h1 {
  font-size: 2.7em; }

.entry-form .form h2 {
  border-top: 3px solid #00a99d; }

.entry-form p.subhead {
  margin: 4% 0% 5% 0%; }

.entry-form .block-no-arrow {
  margin: 3% 0% 3% 0%; }

.entry-form .tick {
  position: absolute;
  top: 30%; }

.entry-form ul.switch-user {
  margin-top: -2em; }

.entry-form .close {
  position: absolute;
  top: 2em;
  right: 2em; }

@media screen and (max-width: 976px) {
  .competitions ol > li > p, .competition-faqs .competitions ol > li > p {
    min-width: 60px;
    margin-top: 10%; } }

.rocket-science #ageRange input[type=checkbox], .rocket-science #ageRange input[type=radio], .rocket-science #ageRange select, .rocket-science #refererList input[type=checkbox], .rocket-science #refererList input[type=radio], .rocket-science #refererList select {
  position: absolute;
  margin: 0.2em 0.25em 0 0; }

.rocket-science #ageRange .form label, .rocket-science #ageRange .form .radios h3, .rocket-science #ageRange .form .age h3, .rocket-science #ageRange label, .rocket-science #refererList .form label, .rocket-science #refererList .form .radios h3, .rocket-science #refererList .form .age h3, .rocket-science #refererList label {
  margin-left: 1.5em; }

.rocket-science #ageRange span, .rocket-science #refererList span {
  font-weight: 600;
  color: #666666;
  font-size: 1.3em;
  margin-bottom: 0.5em;
  clear: both; }

.rocket-science .error-msg p {
  background: url("../img/alert.svg") no-repeat scroll 1em 1.3em #F77D43;
  color: #fff;
  padding: 1.2em 2em 1.5em 3em;
  width: 100%;
  font-size: 1.5em;
  margin-top: 0.8em;
  position: relative;
  clear: both;
  margin-bottom: 1em; }

.rocket-science .valid-message p {
  background: url("../img/check.svg") no-repeat scroll 1em 1.3em #00a99d;
  color: #fff;
  padding: 1.2em 2em 1.5em 3em;
  width: 100%;
  font-size: 1.5em;
  margin-top: 0.8em;
  position: relative;
  clear: both;
  margin-bottom: 1em; }

.course .box ul.tick {
  width: 100%;
  height: 100%; }
  .course .box ul.tick li {
    height: 100%; }

.fade-msg .pending1 {
  position: relative;
  background: #fcd754;
  padding: 1.8em 2em 1em 1em;
  right: 0;
  min-height: 8em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  text-align: left;
  z-index: 0; }
  .fade-msg .pending1 span {
    line-height: 1.2em;
    font-size: 1.5em;
    color: #666666; }
  .fade-msg .pending1 a {
    line-height: 1.5em;
    font-size: 1.5em;
    text-decoration: underline;
    color: #00a99d; }
  .fade-msg .pending1 a:hover {
    color: #f77d43; }

.fade-msg .pending1.ng-hide {
  display: none; }

.btn-close {
  background: #666;
    background-border: 1px solid #fff;
  top: 3em;
  right: 1em;
  width: 2em;
  height: 2em;
  position: absolute;
  display: block;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 10;
  border-radius: 50%; }

.btn-close:after {
  content: "x";
  margin-top: -0.15em;
  border-radius: 50%;
  width: 1em;
  height: 2em;
  display: block;
  line-height: 1.3em;
  color: #fcd754;
  font-weight: bold;
  font-size: 2em;
  text-align: center; }

.my-show-hide-animation {
  -webkit-transition: 0.5s linear all;
  transition: 0.5s linear all;
  /* remember to add this */
  display: block !important; }

@media screen and (min-width: 480px) and (max-width: 768px) {
  .c-news-side-bar .flex {
    display: flex;
    align-items: stretch; } }

.c-news-side-bar .mod-head {
  min-height: 8em; }

.c-news-side-bar .mod {
  width: 100%; }

@media screen and (max-width: 768px) {
  .c-news-side-bar {
    width: 100%;
    margin: 0px; } }

@media screen and (min-width: 480px) and (max-width: 768px) {
  .c-news-side-bar__story {
    width: calc(50% - 0.8%);
    display: block;
    float: left; }
    .c-news-side-bar__story:nth-child(2) {
      margin-left: 1.6%; } }

/*# sourceMappingURL=maps/main.css.map */