/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


/* HOME MODULE */

.uk-grid.row-1-home {
    padding-top: 30px;
}

.uk-grid.row-2-home {
    padding-top: 50px;
}

.uk-grid.row-3-home {
    padding-top: 50px;
    padding-bottom: 50px;
}


.uk-width-medium-1-3.uk-width-1-1.light {
    background-color: #d5e2f2 !important;
    color: #000 !important;
}
.uk-width-medium-2-3.uk-width-1-1.light {
color: #000 !important;
}

.uk-width-medium-2-3.uk-width-1-1.textpadding.dark-blue {
    background-color: #7dadd7 !important;
    color: #fff!important;
}
.uk-width-medium-2-3.uk-width-1-1.blue {
    background-color: #aaceef !important;
    color: #000 !important;
}
.uk-width-medium-1-3.uk-width-1-1.blue {
    background-color: #aaceef !important;
    color: #000 !important;
}

.icon-minus-sign {
  display: none !important;
}

.zoocompare-default-layout .horizontal-mode .row-fluid.level1:first-child >.span3{
  opacity: 0;
}

.zoocompare-default-layout .horizontal-mode .row-fluid.level1:first-child{
  border: 0;
  background: transparent;
}

.zoocompare-default-layout .horizontal-mode .row-fluid.level1:first-child .row-fluid.level2{
  background: transparent;
}

.zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2{
  background: #fff;
}

.zoocompare-default-layout .horizontal-mode .row-fluid.level1:first-child .row-fluid.level2 > [class*="span"] {
  border-left: 0;
}

.zoocompare-default-layout .horizontal-mode .row-fluid.element:hover [class*="span"] {
  background-color: inherit;
}

.zoocompare-default-layout .horizontal-mode .row-fluid.level1:first-child .level2>.span6:nth-child(2) > .level3>.span6.data{
  text-align: right;
}


.uk-button {
  color: #000 !important;
  font-weight: 500;
  text-indent: 0 !important;
  padding: 5px 20px;
  background: #ddd;
  box-shadow: none;
  /* position:absolute; */
}

.ml-clear:before{
  content: '\f146';
  font-family: FontAwesome;
  padding-right: 10px;
}
.ml-print:before{
  content: '\f02f';
  font-family: FontAwesome;
  padding-right: 10px;
}
.uk-button.back-nav:before {
  content: '\f053';
  font-family: FontAwesome;
  padding-right: 10px;
}
.uk-button.next-nav:after{
  content: '\f054';
  font-family: FontAwesome;
  padding-left: 10px;
}

.uk-button.back-nav{
  left:20%;
}

.uk-button.next-nav {
  right:20%;
}

ul.teachersroletable li:nth-child(even) {
  background-color: #adc9e6;
}
ul.teachersroletable li:nth-child(odd) {
  background-color: #d5e2f2;
}
ul.teachersroletable li {
    padding: 4px;
    padding-left: 10px;
    border: 1px solid #fff;
}
ul.teachersroletable {
    list-style: none;
    max-width: 50%;
    padding: 0px;
}
article.uk-article.tm-article .uk-grid.qualityteaching .uk-width-1-1 {
  padding: 8px;
  border: 1px solid #fff;
}
article.uk-article.tm-article .uk-grid.qualityteaching .uk-width-medium-2-3 {
  background-color: #d5e2f2;
}
article.uk-article.tm-article .uk-grid.qualityteaching .uk-width-medium-1-3 {
  background-color: #7dadd7;
  color: #fff;
}

.row-fluid.level3{
  position: relative;
}

.extra-btns{
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.uk-grid.researchtable .uk-width-1-1.researchtable1-1 {
  background-color: #aec2d7;
  padding: 8px;
  border: 1px solid #fff;
}
.uk-grid.researchtable .uk-width-medium-1-3.uk-width-1-1.researchtablemod, .uk-grid.researchtable .uk-width-medium-2-3.uk-width-1-1.researchtablemod, .uk-width-1-1.researchtablemod {
  background-color: #7dadd7;
  color: #fff;
  padding: 8px;
  border: 1px solid #fff;
}
.uk-grid.researchtable .uk-width-medium-1-3.uk-width-1-1, .uk-grid.researchtable .uk-width-medium-2-3.uk-width-1-1 {
  background-color: #d5e2f2;
  padding: 8px;
  border: 1px solid #fff;
}
.uk-grid.researchtable .uk-width-1-1.researchbodytext {
  background-color: #d5e2f2;
  padding: 8px;
  border: 1px solid #fff;
}
p.nopadding {
    padding-left: 43px;
    margin: -13px;
    font-size: 12px;
}

.ml-cont{
  margin-top:20px;
  position: relative;
}
.uk-width-medium-1-2.uk-width-1-1.numeracybody {
    background-color: #d5e2f2;
    margin-bottom: -5px;
    padding: 12px;
    border: 1px solid #fff;
}
.uk-width-medium-1-2.uk-width-1-1.numeracyheading {
    background-color: #aec2d7;
    color: #fff;
    padding: 8px;
    border: 1px solid #fff;
    padding-left: 19px;
}
.uk-width-1-1.mainheading {
    background-color: #7dadd7;
    color: #fff;
    padding: 8px;
    border-bottom: 1px solid #fff;
}
.uk-grid.researchtable {
    margin: 0px;
}

.ml-cont .extra-btns{
  display:none;
}

.ml-cont .ml-li{
  border-bottom: 1px solid #ddd;
}

.ml-li-rm{
  cursor: pointer;
}

.ml-li .ml-stage{
  margin:0;
}

.ml-li .ml-asp{
  margin-top: 3px;
  margin-bottom: 5px;
}
p.textpadding {
    padding-left: 14px;
}
p.textnopadding {
    margin-bottom: -15px;
}
h3.fontmod {
    font-weight: bold;
}
h2.fontmod {
    font-weight: 600;
    font-size: 26px;
}
.toast-msg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: #fff;
  }
.success p {
  padding: 20px; 
  text-align: center;
  font-size: 20px;
}
.success{
  background-color:#a4f9a9 !important;
}
p.headingbackgroundcolour {
    background-color: #d5e2f2;
    padding: 5px;
    padding-left: 15px;
}

.uk-grid.borderedtable {
    border: 2px solid #888888;
}
.uk-width-medium-1-2.uk-width-1-1.twocolumntable.paddingimage {
    padding-top: 15px;
    padding-bottom: 2px;
}

li {
font-size: 12px;
line-height: 17px;
padding-bottom: 5px;
}
.zoocompare-default-layout .row-fluid.level1:nth-child(2) .span9 .row-fluid.level3 .data .content {
font-weight: bold;
text-align: center;
}
.uk-width-medium-1-2.uk-width-1-1.numeracybody {
    background-color: #d5e2f2;
    margin-bottom: 0px;
    padding: 0px;
    border: 1px solid #fff;
}
.numeracyheadingmod {
    background-color: #aec2d7;
    padding: 7px;
    border-bottom: 2px solid #fff;
}
.uk-width-medium-1-2.uk-width-1-1.numeracybody p {
    padding: 0 12px;
}
.zoocompare-default-layout .horizontal-mode .row-fluid.level1:nth-child(n+3) >.span9 {
   color: #333;
}
.focus-area-1 .zoocompare-default-layout .row-fluid.level1{
  background: #e5dcec;
}

.focus-area-1 .zoocompare-default-layout .row-fluid.level1:nth-child(2) {
   background: #834b9d;
   color: #000;
  font-size: 15px;
    line-height: 20px;
}

.focus-area-1 .zoocompare-default-layout .row-fluid.level2 {
   background:  #834b9d;
}

.focus-area-1 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:first-child {
   background: #f6f3f9;
}

.focus-area-1 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:nth-child(2) {
   background: #e5dcec;
}

.focus-area-2 .zoocompare-default-layout .row-fluid.level1 {
   background: #e1f3fa;
}
.focus-area-2 .zoocompare-default-layout .row-fluid.level1:nth-child(2) {
   background: #19bfdf;
   color: #000;
  font-size: 15px;
    line-height: 20px;
}
.focus-area-2 .zoocompare-default-layout .row-fluid.level2 {
   background:  #19bfdf;
}

.focus-area-2 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:first-child {
   background: #f5fbfe;
}

.focus-area-2 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:nth-child(2) {
   background: #e1f3fa;
}
.focus-area-3 .zoocompare-default-layout .row-fluid.level1:nth-child(2){
   background: #007bba;
   color: #000;
  font-size: 15px;
    line-height: 20px;
}

.focus-area-3 .zoocompare-default-layout .row-fluid.level1 {
   background: #c8daee;
}

.focus-area-3 .zoocompare-default-layout .row-fluid.level2 {
   background:  #007bba;
}

.focus-area-3 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:first-child {
   background: #e8eff7;
}

.focus-area-3 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:nth-child(2) {
   background: #c8daee;
}

.focus-area-4 .zoocompare-default-layout .row-fluid.level1:nth-child(2) {
   background: #14bbaf;
   color: #000;
  font-size: 15px;
    line-height: 20px;
}

.focus-area-4 .zoocompare-default-layout .row-fluid.level1 {
   background: #def1f0;
}

.focus-area-4 .zoocompare-default-layout .row-fluid.level2 {
   background:  #14bbaf;
}

.focus-area-4 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:first-child {
   background: #f5fbfa;
}

.focus-area-4 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:nth-child(2) {
   background: #def1f0;
}

.focus-area-5 .zoocompare-default-layout .row-fluid.level1:nth-child(2){
   background: #f89829;
   color: #000;
  font-size: 15px;
    line-height: 20px;
}

.focus-area-5 .zoocompare-default-layout .row-fluid.level1 {
   background: #fdecd8;
}

.focus-area-5 .zoocompare-default-layout .row-fluid.level2 {
   background:  #f89829;
}

.focus-area-5 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:first-child {
   background: #fff9f2;
}

.focus-area-5 .zoocompare-default-layout .row-fluid.level1:nth-child(n+3) .row-fluid.level2>.span6:nth-child(2) {
   background: #fdecd8;
}

.zoocompare-default-layout .horizontal-mode .row-fluid.level1 {
border: 1px solid #E8E8E8;
}
.zoocompare-default-layout .horizontal-mode .row-fluid.level2>[class*="span"] {
border-left: 2px solid #e8e8e8;
}

.uk-grid.ml-li:last-child {
border-bottom: 0;
}

.print.ml-cont .ml-asp a {
color: #000;
}
.print.ml-cont .ml-li-rm {
   display: none;
}
.print.ml-cont{
margin-top:0;
background:#fff;
padding:20px;
}
.email-list {
  margin-top: 20px;
  margin-bottom: 0px;
}
.uk-width-medium-1-2.uk-width-1-1.numeracybody.toppadding:last-of-type p:last-child {
    padding-bottom: 10px;
}
.uk-width-medium-1-2.uk-width-1-1.numeracybody.toppadding.paddingtoptext:first-of-type p:first-child {
    padding-top: 10px;
}
p.numeracyheadingmod {
    padding: 5px 11px !important;
    color: #fff;
}
p.firstparapadding {
    margin-top: 8px;
}
.uk-grid em {
    color: #555555;
}
p.lastparapadding {
    margin-bottom: 21px !important;
}
.uk-width-1-1.mainheadingmod {
    background-color: #7dadd7;
    color: #fff;
    padding: 8px;
    border: none;
}
.uk-width-medium-1-2.uk-width-1-1.twocolumntable.researchbodytext {
    background-color: #d5e2f2;
}
.uk-width-medium-1-2.uk-width-1-1.twocolumntable.researchbodytext ol {
    margin-top: 10px;
    margin-bottom: 10px;
}
.uk-width-medium-1-2.uk-width-1-1.twocolumntable.graphpadding {
    padding-bottom: 5px;
}
.learningheading {
    background-color: #7dadd7;
    padding: 11px;
    margin-left: -20px;
    border-bottom: 2px solid #fff;
    color: #fff;
}
.learningbodytext {
    background-color: #d5e2f2;
    padding: 11px;
    margin-left: -20px;
}
.learningbodytext.learningline {
    min-height: 233px;
}
.learningbodytext.learningstrategy {
    min-height: 190px;
}
.learningbodytext.learningpicture {
    min-height: 213px;
}
.learningbodytext.learningstem {
    min-height: 372px;
}
.learningbodytext.learningback {
    min-height: 331px;
}
.uk-width-medium-1-2.uk-width-1-1.learningtablemod.imagealign {
    margin-top: 20px;
}
.uk-width-medium-1-2.uk-width-1-1.learningtablemod.imagealignmod {
    margin-top: 130px;
}
.uk-grid.qualityteaching {
    margin-left: 0px;
}
.uk-grid.researchtable.uk-hidden-small {
    margin-left: -1px;
    margin-right: -2px;
}



.uk-width-1-1.mainheading {
background-color: #7dadd7;
color: #fff;
padding: 8px;
border: 1px solid #fff;
}

.uk-navbar-nav li:nth-child(2) > a{
    background: #E5DCEC;
    color: #000;
}

.uk-navbar-nav li:nth-child(3) > a {
    background: #E1F3FA;
    color: #000;
}

.uk-navbar-nav li:nth-child(4) > a {
    background: #C8DAEE;
    color: #000;
}

.uk-navbar-nav li:nth-child(5) > a {
    background: #DEF1F0;
    color: #000;
}

.uk-navbar-nav li:nth-child(6) > a {
    background: #FDECD8;
    color: #000;
}

.uk-navbar-nav li:nth-child(2) > a:hover{
    background: #834B9D;
    color: #000;
}

.uk-navbar-nav li:nth-child(3) > a:hover {
    background: #19BFDF;
    color: #000;
}

.uk-navbar-nav li:nth-child(4) > a:hover {
    background: #007BBA;
    color: #000;
}

.uk-navbar-nav li:nth-child(5) > a:hover {
    background: #14BBAF;
    color: #000;
}

.uk-navbar-nav li:nth-child(6) > a:hover {
    background: #F89829;
    color: #000;
}

.focus-area-5 .uk-navbar-nav li:nth-child(6) > a, .focus-area-4 .uk-navbar-nav li:nth-child(5) > a,  .focus-area-3 .uk-navbar-nav li:nth-child(4) > a,  .focus-area-2 .uk-navbar-nav li:nth-child(3) > a,  .focus-area-1 .uk-navbar-nav li:nth-child(2) > a{
	color: #000;
}

.focus-area-1 .tm-middle, .focus-area-2 .tm-middle, .focus-area-3 .tm-middle, .focus-area-4 .tm-middle, .focus-area-5 .tm-middle{
  margin-top: 0;
}


.tm-toolbar {
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);
}

.tm-container > .tm-top-block.tm-grid-block {
  background:  transparent;
  box-shadow:none;
}

.tm-top-a{
  margin-top:0;
}

nav.tm-navbar{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);
    background-image: url('/images/navbar-colours-end.png');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 10px 100%;
}

.tm-content .uk-article {
  margin-top:0;
}

.tm-main-top .uk-slideshow li div.uk-margin{
  margin: 0;
}
.early, .end {
    position: relative;
}
.end {
    border-top: 1px solid #ddd;
}

.tm-search > h3 {
    padding-right: 9px;
}

footer.tm-footer {
    background-image: url('/images/footer-colours.png');
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: 0 100%;
}


.focus-area-1 .uk-navbar-nav li:nth-child(2) > a{
    background: #834B9D;
}

.focus-area-2 .uk-navbar-nav li:nth-child(3) > a {
    background: #19BFDF;
}

.focus-area-3 .uk-navbar-nav li:nth-child(4) > a {
    background: #007BBA;
}

.focus-area-4 .uk-navbar-nav li:nth-child(5) > a {
    background: #14BBAF;
}

.focus-area-5 .uk-navbar-nav li:nth-child(6) > a {
    background: #F89829;
}

.focus-area-1 .tm-toolbar {
    background: #e5dcec;
}

.focus-area-2 .tm-toolbar {
    background: #e1f3fa;
}

.focus-area-3 .tm-toolbar {
    background: #c8daee;
}

.focus-area-4 .tm-toolbar {
    background: #def1f0;
}

.focus-area-5 .tm-toolbar {
    background: #fdecd8;
}

.zoocompare-default-layout .row-fluid.level1:nth-child(2) .content {
    padding-top: 20px;
}
.uk-width-1-1.numeracybody.planningmod {
    background-color: #d5e2f2;
    margin-bottom: 0px;
    padding: 7px;
    border: 1px solid #fff;
}
.uk-width-medium-1-2.uk-width-1-1.numeracybody.planningmod.minheight {
    background-color: #d5e2f2;
    margin-bottom: 0px;
    padding: 7px;
    border: 1px solid #fff;
    min-height: 600px;
}

.assess-resource .uk-width-1-1{
  margin-top: 20px;
}

.assess-resource img{
  border: 1px solid #888;
}

.assess-resource .uk-button {
    line-height: 15px;
}

.transition-3-4 > li {
		font-size: 14px;
	}
	
	.projects a.uk-button {
		line-height: 16px;
	}
	
	.projects .uk-grid + .uk-grid {
		margin-top: 0;
	}
	
	.projects img {
		border: 1px solid #888;
		padding: 2px;
		width: 100%;
	}
	
	.projects .uk-width-1-1.uk-width-medium-1-2.uk-grid {
		margin-bottom: 10px;
	}
a.uk-button.answers-button {
    margin-top: 10px;
}

.newsletter .tm-article-content .uk-grid > .uk-width-medium-1-6 img {
    width: 100%;
}

.newsletter .tm-article-content .uk-grid > .uk-width-medium-1-6 p {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}
	
/*
 ========================================================================
   Media Queries
 ========================================================================
*/


@media(max-width: 480px){
  .tm-navbar{
    background: #ddd;
    box-shadow:none;
  }
  .uk-width-medium-1-2.uk-width-1-1.numeracybody.planningmod.minheight {
    min-height: initial;
  }
  
  .projects .uk-grid + .uk-grid {
			margin-top: 10px;
		}
}