/*
Theme Name: Smart Learning Teachers Club
Theme URI: http://www.shaunpower.com/
Author: Shaun Power Design
Author URI: http://www.shaunpower.com/
Description: This is a bespoke theme created by Shaun Power Design for a Client.
Version: 1.0
License: GNU General Public License
License URI: license.txt

Text Domain: jameshofton

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 spd_responsive is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
*/
/*
------------------- VARIABLES -------------------
*/
/* base colors */
/* Subject Colours */
/* Block Colours */
/* Font families */
/* border radius */
/* ========= */
/* = Reset = */
/* ========= */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
del {
  color: #333;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
small {
  font-size: smaller;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  /* prevents space under images */
  vertical-align: bottom;
}
textarea {
  resize: auto;
}
/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
  clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
  display: table;
  content: "";
}
/*
------------------- TOOLS -------------------
*/
/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}
/* IE7 */
/*

assistive text

display:none would not provide the content at all on a screen reader or
other assistive devices, use positioning instead.

*/
.assistive-text {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*

remove

rendering and hiding content is not perfect, but it is very practical. Use
a single universal class to avoid lists of disply:none;

*/
.remove {
  display: none;
}
.top-margin {
  margin-top: 30px;
}
.bot-margin {
  margin-bottom: 30px;
}
.bot-padding {
  padding-bottom: 30px;
}
/*

media

*/
picture {
  display: block;
}
/* ======== */
/* = Grid = */
/* ======== */
.col {
  padding: 0 10px;
  float: left;
}
.col-1,
.col-2,
.col-3,
.col-3-feature,
.col-3-side,
.col-4,
.col-4-feature-block,
.col-8-feature-block,
.col-12-feature-block,
.col-5,
.col-6,
.col-4-feature,
.col-7,
.col-8,
.col-9,
.col-10,
.footer-col-6,
.col-11,
.col-12 {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .col-4-feature {
    width: 50%;
  }
  .col-3-feature {
    width: 50%;
  }
}
@media only screen and (min-width: 600px) {
  .col-side {
    padding: 0;
    float: left;
  }
  .col-2 {
    width: 50%;
  }
  .col-3 {
    width: 50%;
  }
  .col-4 {
    width: 33.333%;
  }
  .col-8 {
    width: 66.667%;
  }
  .col-6 {
    width: 50%;
  }
  .footer-col-6 {
    width: 100%;
  }
}
@media only screen and (min-width: 770px) {
  .col-9 {
    width: 75%;
  }
  .col-3-side {
    width: 25%;
    padding: 0 10px;
  }
  .col-3-feature {
    width: 25%;
  }
  .col-8-feature-block {
    width: 66.667%;
  }
  .col-4-feature-block {
    width: 33.333%;
  }
  .col-2 {
    width: 33.333333%;
  }
}
@media only screen and (min-width: 980px) {
  .col-1 {
    width: 8.333%;
  }
  .col-2 {
    width: 16.667%;
  }
  .col-3 {
    width: 25%;
  }
  .col-4-feature {
    width: 33.333%;
  }
  .footer-col-6 {
    width: 50%;
  }
  .col-5 {
    width: 41.667%;
  }
  .col-7 {
    width: 58.333%;
  }
  .col-8 {
    width: 66.667%;
  }
  .col-9 {
    width: 75%;
  }
  .col-10 {
    width: 83.333%;
  }
  .col-11 {
    width: 91.667%;
  }
  .col-12 {
    width: 100%;
  }
}
/* ========== */
/* = GLOBAL = */
/* ========== */
body {
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
}
#page {
  background-color: #ffffff;
  position: relative;
  max-width: 980px;
  max-width: 61.25rem;
  margin: 0 auto 0 auto;
}
#primary {
  margin-top: 20px;
}
#secondary {
  margin-top: 20px;
  clear: both;
  padding: 10px;
}
body,
select,
textarea {
  color: #3d5459;
  font-family: "museo-slab", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.inner {
  max-width: 980px;
  max-width: 61.25rem;
  padding: 0;
  margin: 0 auto;
  clear: both;
}
.top-margin {
  margin-top: 30px;
}
.bot-padding {
  padding-bottom: 30px;
}
.shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.two-col-text {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -moz-column-count: 2;
       column-count: 2;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
#block1:focus > div,
#block2:focus > div,
#block3:focus > div,
#block4:focus > div,
#block5:focus > div,
#block6:focus > div,
#block7:focus > div,
#block8:focus > div,
#block9:focus > div,
#block10:focus > div,
#block11:focus > div,
#block12:focus > div {
  outline: 1;
  -webkit-animation: myfirst 0.4s;
          animation: myfirst 0.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  text-decoration: none;
}
@-webkit-keyframes myfirst {
  from {
    box-shadow: 0 0 15px 3px #00b4ec;
  }
  to {
    box-shadow: 0 0 0px 0px #00b4ec;
  }
}
@keyframes myfirst {
  from {
    box-shadow: 0 0 15px 3px #00b4ec;
  }
  to {
    box-shadow: 0 0 0px 0px #00b4ec;
  }
}
div:focus {
  outline: none;
  outline: 0;
  box-shadow: 0px 0px 0px #016c8d;
}
/* General Headings Styles*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "museo-slab", serif;
  clear: both;
  margin: 0 0 10px 0;
  font-style: normal;
  font-weight: 500;
  color: #3d5459;
  text-align: left;
}
h1 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
}
h2 {
  font-size: 18px;
  font-size: 1.125rem;
}
h3 {
  font-size: 17px;
  font-size: 1.0625rem;
}
h4 {
  font-size: 16px;
  font-size: 1rem;
}
h5 {
  font-size: 16px;
  font-size: 1rem;
}
h6 {
  font-size: 16px;
  font-size: 1rem;
}
hr {
  height: 5px;
  margin: 20px 0;
  border: 0;
  border-bottom: 2px dotted #3d5559;
  clear: both;
}
/* Text elements */
p {
  margin-bottom: 1em;
  font-weight: 400;
  text-align: left;
}
ul,
ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
  text-align: left;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 20px;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 1.5em 1.5em;
}
b,
strong {
  font-weight: 700;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  font-style: italic;
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
small {
  font-size: 75%;
}
big {
  font-size: 125%;
}
figure {
  margin: 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
th {
  font-weight: 700;
}
img {
  height: auto;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
}
/* Links */
a {
  color: #00b4ec;
  text-decoration: none;
  outline: none;
  outline: 0;
}
a:visited {
  color: #00b4ec;
  outline: none;
  outline: 0;
}
a:hover,
a:focus,
a:active {
  color: #016c8d;
  outline: none;
  outline: 0;
  text-decoration: underline;
}
/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: white;
  /* Old browsers */
  border: 1px solid #3d5459;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 7px 10px 8px 10px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: white;
  background: #3d5459;
  /* Old browsers */
  border: 1px solid #3d5459;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  border: 1px solid #666;
  background: #ccc;
  /* Old browsers */
  /* FF3.6+ */
  background: #cccccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4)));
  /* Chrome,Safari4+ */
  background: #cccccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera11.10+ */
  /* IE10+ */
  background: #cccccc linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* W3C */
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* #Forms
================================================== */
form {
  margin-bottom: 20px;
}
fieldset {
  margin-bottom: 20px;
}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 7px;
  outline: none;
  font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}
textarea {
  width: 100%;
}
select {
  padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
textarea {
  min-height: 60px;
}
label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}
select {
  width: 220px;
}
input[type="checkbox"] {
  display: inline;
}
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}
select {
  border: 1px solid #ccc;
  padding: 7px;
  outline: none;
  border-radius: 2px;
  font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #555;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: #f9f9f9 url(images/general/select.png) no-repeat right center;
  cursor: pointer;
  -webkit-padding-end: 30px;
}
/* center any images in a grid */
.col img {
  display: block;
  margin: 0 auto;
}
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute!important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 5px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto!important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/* The first lot of styles are for Mobile first styles */
/* ======================= */
/* = Quick Access header = */
/* ======================= */
#quick-access {
  margin: 10px 0;
}
#quick-access a {
  color: #3d5459;
  font-size: 11px;
  font-size: 0.6875rem;
  padding: 5px;
  line-height: 1em;
  font-family: Helmet, Freesans, sans-serif;
}
#quick-access a:hover {
  text-decoration: none;
  color: black;
}
a#quick-site-logo {
  float: none;
  padding: 0;
  display: block;
  margin: 0px 10px 0px 10px;
}
.quick-access-nav {
  float: left;
  margin-top: 11px;
  display: none;
}
.quick-access-nav ul {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
.quick-access-nav ul li {
  text-align: left;
  float: left;
  margin-right: 10px;
}
#search-site {
  float: none;
  display: none;
}
#search-site form {
  margin-bottom: 0;
  text-align: center;
}
#search-site input {
  display: inline-block;
}
#teacher-club-login {
  float: right;
  margin: 15px 0 0 0;
  display: none;
}
/* ========== */
/* = HEADER = */
/* ========== */
/* =Header logo
----------------------------------------------- */
.site-logo {
  width: 200px;
  display: block;
  margin: 10px 0 10px 0;
}
#tc-subject-logo {
  display: block;
  max-width: 100%;
  margin: 10px auto;
}
a#smart-learning-logo {
  float: right;
  display: none;
}
.subject-strapline {
  font-family: "museo-slab", serif;
  font-style: normal;
  font-weight: 300;
  color: #ffffff;
  background-color: #00b4ec;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 0px;
  padding: 10px;
}
/* = Teachers Club Navigation
----------------------------------------------- */
#site-navigation {
  display: block;
  position: relative;
  z-index: 999;
  font-family: 'Anton', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 2px;
}
#site-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#site-navigation,
#site-navigation div > ul ul {
  clear: both;
  background: #3d5459;
}
#site-navigation li a {
  color: #ffffff;
  display: block;
  padding: 10px 15px;
  line-height: 1em;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-weight: 400;
  text-align: center;
}
#site-navigation li a:hover {
  background-color: #003942;
}
#site-navigation ul ul li a {
  padding: 13px 15px 13px 15px;
}
.menu-item-has-children > ul {
  display: none;
}
#site-navigation .current-menu-item > a,
#site-navigation .current-menu-item > a:hover,
#site-navigation .current-menu-ancestor > a,
#site-navigation .current-menu-ancestor > a:hover,
#site-navigation .current_page_item > a,
#site-navigation .current_page_item > a:hover,
#site-navigation .current_page_ancestor > a,
#site-navigation .current_page_ancestor > a:hover {
  background-color: #003942;
  color: #ffffff;
}
/* = Magento Navigation
----------------------------------------------- */
#menu-button {
  display: block;
  background-color: #003942;
  color: #ffffff;
  border: none;
  padding: 0.3em;
  width: 100%;
  font-family: 'Anton', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 2px;
  max-width: none;
  text-align: center;
  outline: none;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#menu-button:hover {
  background-color: #003942;
}
#magento-navigation {
  display: block;
  position: relative;
  z-index: 999;
  font-family: 'Anton', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 2px;
}
#magento-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#magento-navigation,
#magento-navigation div > ul ul {
  clear: both;
  background: #3d5459;
}
#magento-navigation li a {
  color: #ffffff;
  display: block;
  padding: 10px 15px;
  line-height: 1em;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-weight: 400;
  text-align: center;
}
#magento-navigation li a:hover {
  background-color: #003942;
}
#magento-navigation div > ul ul {
  background: rgba(0, 0, 0, 0.2);
}
#magento-navigation li.menu-item-has-children > a:after {
  content: '+';
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 10px;
  font-family: "museo-slab", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
#magento-navigation ul ul li a:before {
  content: '-';
  position: absolute;
  top: 7px;
  right: 2px;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 10px;
  font-family: "museo-slab", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
#magento-navigation ul ul li a {
  padding: 13px 15px 13px 15px;
}
#magento-navigation .current-menu-item > a,
#magento-navigation .current-menu-item > a:hover,
#magento-navigation .current-menu-ancestor > a,
#magento-navigation .current-menu-ancestor > a:hover,
#magento-navigation .current_page_item > a,
#magento-navigation .current_page_item > a:hover,
#magento-navigation .current_page_ancestor > a,
#magento-navigation .current_page_ancestor > a:hover {
  background-color: #003942;
  color: #ffffff;
}
.masthead-inner {
  position: relative;
}
a#join-club-button {
  background: #3d5459;
  color: #ffffff;
  padding: 10px 15px;
  line-height: 1em;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 10px;
  display: none;
  font-family: 'Anton', sans-serif;
}
a#join-club-button:hover {
  background: #003942;
  color: white;
}
/* =========== */
/* = Main = */
/* =========== */
#breadcrumbs {
  margin-top: 20px;
  font-size: 12px;
  font-size: 0.75rem;
}
.entry-meta {
  clear: both;
}
.entry-header {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.entry-header .entry-meta {
  font-size: 12px;
  font-size: 0.75rem;
}
.entry-header img.wp-post-image {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.entry-header .entry-title {
  line-height: 1.2;
  font-weight: normal;
  font-weight: 700;
  margin-bottom: 5px;
  color: #3d5459;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.entry-title {
  border-bottom: 2px dotted #3d5459;
  padding-bottom: 15px;
}
.widget-title {
  color: #3d5459;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: normal;
  padding-bottom: 5px;
  padding-top: 1px;
  font-weight: 700;
  border-bottom: 1px solid #003942;
  margin-bottom: 10px;
  margin-top: 5px;
  text-transform: uppercase;
}
.entry-header .entry-title a {
  text-decoration: none;
}
.entry-header .entry-format {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-weight: normal;
}
.entry-header .comments-link {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.846153846;
  color: #00b4ec;
}
.comments-link a,
.entry-meta a {
  color: #00b4ec;
}
.comments-link a:hover,
.entry-meta a:hover {
  color: #016c8d;
  text-decoration: underline;
}
.entry-title a:hover {
  color: #016c8d;
}
article.sticky .featured-post {
  border-top: 4px double #ededed;
  border-bottom: 4px double #ededed;
  color: #00b4ec;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 3.692307692;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  text-align: center;
}
.search-results-h1 {
  border-bottom: 1px solid #003942;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.entry-content,
.entry-summary,
.mu_register {
  line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
  margin: 20 0;
  margin: 1.25rem 0;
  line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
  line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
  line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
  line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
  line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
  line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
  line-height: 1.846153846;
}
p,
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
  margin: 0 0 10px;
  margin: 0 0 0.625rem;
  line-height: 1.714285714;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
  text-align: justify;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
  margin: 0 0 10px;
  margin: 0 0 0.625rem;
  line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
  margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
  list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
  list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
  margin: 0 0 0 10px;
  margin: 0 0 0 0.625rem;
}
.entry-content blockquote,
.comment-content blockquote {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
  padding: 24px;
  padding: 1.714285714rem;
  font-style: italic;
  border-left: 8px solid #3d5459;
  background-color: rgba(150, 150, 150, 0.48);
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
  margin-bottom: 0;
}
.entry-content code,
.comment-content code {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}
.entry-content pre,
.comment-content pre {
  border: 1px solid #ededed;
  color: #666;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.714285714;
  margin: 24px 0;
  margin: 1.714285714rem 0;
  overflow: auto;
  padding: 24px;
  padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
  display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
.entry-content address,
.comment-content address {
  display: block;
  line-height: 1.714285714;
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
}
img.alignleft,
img.alignright,
img.aligncenter {
  width: 100%;
  margin: 20px 0;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
  padding: 0 24px;
  padding: 0 1.714285714rem;
  margin-bottom: 20px;
}
.entry-content dt,
.comment-content dt {
  font-weight: bold;
  line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
  line-height: 1.714285714;
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
  border-bottom: 1px solid #003942;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
  width: 100%;
}
.entry-content table caption,
.comment-content table caption {
  font-size: 16px;
  font-size: 1rem;
  margin: 24px 0;
  margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
  border-top: 1px solid #003942;
  padding: 6px 10px 6px 0;
}
.site-content article {
  margin-bottom: 30px;
  padding-right: 0px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}
.page-links {
  clear: both;
  line-height: 1.714285714;
}
footer.entry-meta {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.846153846;
  color: #3d5459;
}
.single-author .entry-meta .by-author {
  display: none;
}
.mu_register h2 {
  color: #00b4ec;
  font-weight: normal;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}
/* ===================== */
/* = Home Template = */
/* ==================== */
.subject-feature-link {
  margin-bottom: 10px;
  display: block;
}
.subject-feature-link img {
  border-top: 10px solid #ec6835;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.subject-feature-link img:hover {
  border-color: #d5312a;
}
.science-link img {
  border-top: 10px solid #ec6835;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.science-link img:hover {
  border-color: #d5312a;
}
.computing-link img {
  border-top: 10px solid #6a9e11;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.computing-link img:hover {
  border-color: #3f6006;
}
.english-link img {
  border-top: 10px solid #554596;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.english-link img:hover {
  border-color: #35286c;
}
/* ===================== */
/* = Authors Template = */
/* ==================== */
.authors {
  margin-bottom: 20px;
  clear: both;
}
.author-img-wrapper {
  margin-bottom: 20px;
}
.author-img {
  width: 150px;
  background-color: white;
  padding: 10px;
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.33);
}
/* ================ */
/* = Subject HOME = */
/* ================ */
#banner-quicklinks-bloc {
  margin-bottom: 10px;
  margin-top: 20px;
}
#subject-free-res-banner {
  position: relative;
  margin-bottom: 10px;
}
#subject-free-res-banner h2 {
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  line-height: 1.2;
  top: 10%;
  left: 32%;
  padding-right: 20px;
  text-align: left;
}
#subject-free-res-banner h2:before {
  content: '»';
  position: absolute;
  top: 0;
  left: -14px;
  display: block;
  font-family: "museo-slab", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a#subject-free-res-banner:hover h2 {
  color: #ffffff;
}
a#subject-free-res-banner:hover h2:before {
  left: -12px;
}
#subject-free-res-banner img {
  margin: 0;
}
#subject-free-res-banner img {
  border-top: 10px solid #ec6835;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#subject-free-res-banner:hover img {
  border-color: #d5312a;
}
#quick-links a {
  position: relative;
  width: 100%;
  padding: 6px 20px 6px 24px;
  display: block;
  text-align: left;
  background-color: #00b4ec;
  color: white;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1.3;
  font-size: 14px;
  font-size: 0.875rem;
}
#quick-links a:before {
  content: '»';
  position: absolute;
  top: -1px;
  left: 8px;
  padding: 6px 0 6px 0;
  display: block;
  font-family: "museo-slab", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#quick-links a:hover:before {
  left: 10px;
}
#quick-links a:hover {
  background-color: #016c8d;
  color: white;
  text-decoration: none;
}
.home-img-block {
  margin-bottom: 10px;
  display: block;
}
.homework-block {
  position: relative;
}
.homework-block h2 {
  font-size: 13px;
  font-size: 0.8125rem;
  position: absolute;
  line-height: 1.3;
  top: 5%;
  left: 55%;
  padding: 14px 10px 14px 0;
  text-align: left;
}
.homework-block h2:before {
  content: '»';
  position: absolute;
  top: 0;
  left: -14px;
  padding: 14px 0 14px 0;
  display: block;
  font-family: "museo-slab", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.home-img-block:hover .homework-block h2:before {
  left: -12px;
}
.home-block {
  margin-bottom: 10px;
  display: block;
  position: relative;
}
.home-block h2 {
  line-height: 1.2em;
  padding: 10px 14px 10px 24px;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  text-align: left;
}
.home-block p {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 10px 10px 10px 10px;
  line-height: 1.4;
  margin-bottom: 0;
}
.home-block img {
  margin: 0px;
}
.home-blog-block img {
  margin: 0px;
}
.home-ad-block img {
  border-top: 10px solid #ec6835;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.home-blog-block .home-feature-img {
  display: none;
}
.home-ad-block:hover img {
  border-color: #d5312a;
}
img.play-icon {
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  margin: 0;
  bottom: 0;
  right: 0;
  display: none;
}
a.bloc-link:hover img.play-icon {
  opacity: 0.6;
}
a.bloc-link:hover {
  text-decoration: none;
}
a.bloc-link h2 {
  padding: 10px 14px 10px 24px;
  width: 100%;
  text-align: left;
}
a.bloc-link h2:before {
  content: '»';
  position: absolute;
  top: 0;
  left: 11px;
  padding: 10px 0 10px 0;
  display: block;
  font-family: "museo-slab", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.bloc-link:hover h2:before {
  left: 13px;
}
/* webinar block */
.webinar-block {
  background-image: url('images/general/webinar-bg.svg');
  background-repeat: no-repeat;
  background-position: right bottom;
  margin: 0 0 10px 0;
}
.no-svg .webinar-block {
  background-image: url('images/general/webinar-bg.png');
}
.webinar-block-wrapper {
  border-bottom: 2px dotted #3d5459;
  border-top: 2px dotted #3d5459;
  padding-top: 15px;
  padding-bottom: 15px;
}
a.webinar-block:hover .webinar-block-wrapper {
  border-bottom: 2px dotted #003942;
  border-top: 2px dotted #003942;
}
a.webinar-block {
  color: #3d5459;
}
a.webinar-block:hover,
a.webinar-block:hover h2 {
  color: #003942;
}
#webinar-img {
  margin: 10px auto 0 auto;
  float: none;
  width: 50%;
}
#webinar-block-text {
  width: 100%;
  float: none;
  padding-top: 10px;
}
.webinar-block h2 {
  clear: none;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}
.webinar-label {
  width: 20%;
  float: left;
}
.webinar-block p {
  clear: none;
  margin: 0;
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}
.webinar-text {
  width: 80%;
  float: left;
}
/* ============================== */
/* = Subject Specific Colouring = */
/* ============================== */
/* Science */
.science-webinar-block .webinar-block-wrapper {
  border-bottom: 2px dotted #f4983a;
  border-top: 2px dotted #f4983a;
}
a.science-webinar-block:hover .webinar-block-wrapper {
  border-bottom: 2px dotted #ec6835;
  border-top: 2px dotted #ec6835;
}
a.science-webinar-block,
a.science-webinar-block h2 {
  color: #f4983a;
}
a.science-webinar-block:hover,
a.science-webinar-block:hover h2 {
  color: #ec6835;
}
.single-science a,
.single-science .comments-link a,
.science-category-links a,
.single-science .entry-meta a,
.page-template-page-science-home-php a,
.page-template-page-full-width-science-php a,
.page-template-page-full-width-science-php .entry-meta a,
.page-template-page-authors-science-php a,
.page-template-page-authors-science-php .entry-meta a,
.page-template-page-full-width-science-holding-php a,
.tax-science-articles a,
.tax-science_tags a,
.post-type-archive-science a,
.tax-science-articles a {
  color: #f4983a;
}
.single-science a:visited,
.science-category-links a:visited,
.page-template-page-full-width-science-php .single-science a:visited,
.page-template-page-authors-science-php .single-science a:visited,
.page-template-page-full-width-science-holding-php .single-science a:visited,
.tax-science-articles a:visited,
.page-template-page-science-home-php a:visited,
.tax-science_tags a:visited,
.tax-science-articles a:visited,
.post-type-archive-science a:visited {
  color: #f4983a;
}
.single-science a:hover,
.single-science a:focus,
.single-science a:active,
.page-template-page-science-home-php a:hover,
.page-template-page-science-home-php a:focus,
.page-template-page-science-home-php a:active,
.science-category-links a:hover,
.science-category-links a:focus,
.science-category-links a:active,
.page-template-page-full-width-science-php a:hover,
.page-template-page-full-width-science-php a:focus,
.page-template-page-full-width-science-php a:active,
.page-template-page-authors-science-php a:hover,
.page-template-page-authors-science-php a:focus,
.page-template-page-authors-science-php a:active,
.page-template-page-full-width-science-holding-php a:hover,
.page-template-page-full-width-science-holding-php a:focus,
.page-template-page-full-width-science-holding-php a:active .tax-science-articles a:hover,
.tax-science-articles a:focus,
.tax-science-articles a:hover,
.tax-science_tags a:hover,
.tax-science_tags a:focus,
.tax-science_tags a:active,
.tax-science-articles a:hover,
.tax-science-articles a:focus,
.tax-science-articles a:active,
.post-type-archive-science a:hover,
.post-type-archive-science a:focus,
.post-type-archive-science a:active {
  color: #ec6835;
}
.single-science .single-call-to-action-feature,
.page-template-page-full-width-science-php .single-call-to-action-feature,
.page-template-page-authors-science-php .single-call-to-action-feature,
.page-template-page-full-width-science-holding-php .single-call-to-action-feature {
  background-color: #fccea0;
}
.single-science .single-call-to-action-feature a,
.page-template-page-full-width-science-php .single-call-to-action-feature a,
.page-template-page-authors-science-php .single-call-to-action-feature a,
.page-template-page-full-width-science-holding-php .single-call-to-action-feature a {
  color: #ec6835;
}
.single-science .single-call-to-action-feature a:hover,
.page-template-page-full-width-science-php .single-call-to-action-feature a:hover,
.page-template-page-authors-science-php .single-call-to-action-feature a:hover,
.page-template-page-full-width-science-holding-php .single-call-to-action-feature a:hover {
  color: #d5312a;
}
.page-template-page-science-home-php a#join-club-button,
.single-science a#join-club-button,
.page-template-page-authors-science-php a#join-club-button,
.tax-science-articles a#join-club-button,
.post-type-archive-science a#join-club-button,
.page-template-page-full-width-science-php a#join-club-button,
.page-template-page-full-width-science-holding-php a#join-club-button {
  background: #f4983a;
}
.page-template-page-science-home-php a#join-club-button:hover,
.single-science a#join-club-button:hover,
.page-template-page-authors-science-php a#join-club-button:hover,
.tax-science-articles a#join-club-button:hover,
.post-type-archive-science a#join-club-button:hover,
.page-template-page-full-width-science-php a#join-club-button:hover,
.page-template-page-full-width-science-holding-php a#join-club-button:hover {
  background: #ec6835;
}
.page-template-page-science-home-php .subject-strapline,
.single-science .subject-strapline,
.page-template-page-authors-science-php .subject-strapline,
.tax-science-articles .subject-strapline,
.post-type-archive-science .subject-strapline,
.page-template-page-full-width-science-php .subject-strapline,
.tax-science_tags .subject-strapline,
.page-template-page-full-width-science-holding-php .subject-strapline {
  color: #ffffff;
  background-color: #f4983a;
}
.page-template-page-science-home-php .subject-strapline {
  color: #f4983a;
  background-color: #ffffff;
  padding: 0px 10px 0px 10px;
}
.tax-science-articles .entry-header .entry-title a,
.tax-science_tags .entry-header .entry-title a,
.tax-science-articles .entry-header .entry-title a {
  color: #f4983a;
}
.tax-science-articles .entry-header .entry-title a:hover,
.tax-science_tags .entry-header .entry-title a:hover,
.tax-science-articles .entry-header .entry-title a:hover {
  color: #ec6835;
}
.page-template-page-science-home-php #quick-links a,
.page-template-page-science-home-php #quick-links-inner {
  background-color: #f4983a;
}
.page-template-page-science-home-php #quick-links a:hover {
  background-color: #ec6835;
}
.page-template-page-science-home-php a.bloc-link .text-block {
  background-color: #fccea0;
  color: #ec6835;
}
.page-template-page-science-home-php a.bloc-link:hover .text-block {
  background-color: #fccea0;
}
.page-template-page-science-home-php a.bloc-link .home-block h2 {
  color: #ffffff;
}
.page-template-page-science-home-php a.bloc-link:hover .home-block h2 {
  background-color: #ec6835;
  color: #ffffff;
}
.page-template-page-science-home-php .home-block h2 {
  background-color: #f4983a;
  color: #ffffff;
}
.page-template-page-science-home-php .home-block p,
.page-template-page-science-home-php .home-block {
  color: #ec6835;
}
.page-template-page-science-home-php a.bloc-link .home-blog-img {
  color: #003942;
}
.page-template-page-science-home-php a.bloc-link .home-blog-img h2 {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-template-page-science-home-php a.bloc-link:hover .home-blog-img h2 {
  background-color: #003942;
  color: #ffffff;
}
.page-template-page-science-home-php .home-blog-img h2 {
  background-color: #3d5559;
  color: #ffffff;
}
.page-template-page-science-home-php .home-blog-img {
  color: #003942;
}
/* english ==============================================================*/
.english-webinar-block .webinar-block-wrapper {
  border-bottom: 2px dotted #937ab6;
  border-top: 2px dotted #937ab6;
}
a.english-webinar-block:hover .webinar-block-wrapper {
  border-bottom: 2px dotted #554596;
  border-top: 2px dotted #554596;
}
a.english-webinar-block,
a.english-webinar-block h2 {
  color: #937ab6;
}
a.english-webinar-block:hover,
a.english-webinar-block:hover h2 {
  color: #554596;
}
.single-english a,
.single-english .comments-link a,
.english-category-links a,
.single-english .entry-meta a,
.page-template-page-english-home-php a,
.page-template-page-full-width-english-php a,
.page-template-page-full-width-english-php .entry-meta a,
.page-template-page-authors-english-php a,
.page-template-page-authors-english-php .entry-meta a,
.page-template-page-full-width-english-holding-php a,
.tax-english-articles a,
.tax-english_tags a,
.post-type-archive-english a,
.tax-english-articles a {
  color: #937ab6;
}
.single-english a:visited,
.page-template-page-english-home-php a:visited,
.english-category-links a:visited,
.page-template-page-full-width-english-php .single-english a:visited,
.page-template-page-authors-english-php .single-english a:visited,
.page-template-page-full-width-english-holding-php .single-english a:visited,
.tax-english-articles a:visited,
.tax-english_tags a:visited,
.tax-english-articles a:visited,
.post-type-archive-english a:visited {
  color: #937ab6;
}
.single-english a:hover,
.single-english a:focus,
.single-english a:active,
.english-category-links a:hover,
.english-category-links a:focus,
.english-category-links a:active,
.page-template-page-english-home-php a:hover,
.page-template-page-english-home-php a:focus,
.page-template-page-english-home-php a:active,
.page-template-page-full-width-english-php a:hover,
.page-template-page-full-width-english-php a:focus,
.page-template-page-full-width-english-php a:active,
.page-template-page-authors-english-php a:hover,
.page-template-page-authors-english-php a:focus,
.page-template-page-authors-english-php a:active,
.page-template-page-full-width-english-holding-php a:hover,
.page-template-page-full-width-english-holding-php a:focus,
.page-template-page-full-width-english-holding-php a:active .tax-english-articles a:hover,
.tax-english-articles a:focus,
.tax-english-articles a:hover,
.tax-english_tags a:hover,
.tax-english_tags a:focus,
.tax-english_tags a:active,
.tax-english-articles a:hover,
.tax-english-articles a:focus,
.tax-english-articles a:active,
.post-type-archive-english a:hover,
.post-type-archive-english a:focus,
.post-type-archive-english a:active {
  color: #554596;
}
.single-english .single-call-to-action-feature,
.page-template-page-full-width-english-php .single-call-to-action-feature,
.page-template-page-authors-english-php .single-call-to-action-feature,
.page-template-page-full-width-english-holding-php .single-call-to-action-feature {
  background-color: #c7bcde;
}
.single-english .single-call-to-action-feature a,
.page-template-page-full-width-english-php .single-call-to-action-feature a,
.page-template-page-authors-english-php .single-call-to-action-feature a,
.page-template-page-full-width-english-holding-php .single-call-to-action-feature a {
  color: #554596;
}
.single-english .single-call-to-action-feature a:hover,
.page-template-page-full-width-english-php .single-call-to-action-feature a:hover,
.page-template-page-authors-english-php .single-call-to-action-feature a:hover,
.page-template-page-full-width-english-holding-php .single-call-to-action-feature a:hover {
  color: #35286c;
}
.page-template-page-english-home-php a#join-club-button,
.single-english a#join-club-button,
.page-template-page-authors-english-php a#join-club-button,
.tax-english-articles a#join-club-button,
.post-type-archive-english a#join-club-button,
.page-template-page-full-width-english-php a#join-club-button,
.page-template-page-full-width-english-holding-php a#join-club-button {
  background: #937ab6;
}
.page-template-page-english-home-php a#join-club-button:hover,
.single-english a#join-club-button:hover,
.page-template-page-authors-english-php a#join-club-button:hover,
.tax-english-articles a#join-club-button:hover,
.post-type-archive-english a#join-club-button:hover,
.page-template-page-full-width-english-php a#join-club-button:hover,
.page-template-page-full-width-english-holding-php a#join-club-button:hover {
  background: #554596;
}
.page-template-page-english-home-php .subject-strapline,
.single-english .subject-strapline,
.page-template-page-authors-english-php .subject-strapline,
.tax-english-articles .subject-strapline,
.post-type-archive-english .subject-strapline,
.page-template-page-full-width-english-php .subject-strapline,
.tax-english_tags .subject-strapline,
.page-template-page-full-width-english-holding-php .subject-strapline {
  color: #ffffff;
  background-color: #937ab6;
}
.page-template-page-english-home-php .subject-strapline {
  color: #937ab6;
  background-color: #ffffff;
  padding: 0px 10px 0px 10px;
}
.tax-english-articles .entry-header .entry-title a,
.tax-english_tags .entry-header .entry-title a,
.tax-english-articles .entry-header .entry-title a {
  color: #937ab6;
}
.tax-english-articles .entry-header .entry-title a:hover,
.tax-english_tags .entry-header .entry-title a:hover,
.tax-english-articles .entry-header .entry-title a:hover {
  color: #554596;
}
.page-template-page-english-home-php #quick-links a,
.page-template-page-english-home-php #quick-links-inner {
  background-color: #937ab6;
}
.page-template-page-english-home-php #quick-links a:hover {
  background-color: #554596;
}
.page-template-page-english-home-php a.bloc-link .text-block {
  background-color: #c7bcde;
  color: #554596;
}
.page-template-page-english-home-php a.bloc-link:hover .text-block {
  background-color: #c7bcde;
}
.page-template-page-english-home-php a.bloc-link .home-block h2 {
  color: #ffffff;
}
.page-template-page-english-home-php a.bloc-link:hover .home-block h2 {
  background-color: #554596;
  color: #ffffff;
}
.page-template-page-english-home-php .home-block h2 {
  background-color: #937ab6;
  color: #ffffff;
}
.page-template-page-english-home-php .home-block p,
.page-template-page-english-home-php .home-block {
  color: #554596;
}
.page-template-page-english-home-php a.bloc-link .home-blog-img {
  color: #003942;
}
.page-template-page-english-home-php a.bloc-link .home-blog-img h2 {
  color: #ffffff;
}
.page-template-page-english-home-php a.bloc-link:hover .home-blog-img h2 {
  background-color: #003942;
  color: #ffffff;
}
.page-template-page-english-home-php .home-blog-img h2 {
  background-color: #3d5559;
  color: #ffffff;
}
.page-template-page-english-home-php .home-blog-img {
  color: #003942;
}
.page-template-page-english-home-php #subject-free-res-banner img {
  border-top: 10px solid #554596;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.page-template-page-english-home-php #subject-free-res-banner:hover img {
  border-color: #35286c;
}
.page-template-page-english-home-php .home-ad-block img {
  border-top: 10px solid #554596;
}
.page-template-page-english-home-php .home-ad-block:hover img {
  border-color: #35286c;
}
/* computing */
/* computing ==============================================================*/
.computing-webinar-block .webinar-block-wrapper {
  border-bottom: 2px dotted #82ba25;
  border-top: 2px dotted #82ba25;
}
a.computing-webinar-block:hover .webinar-block-wrapper {
  border-bottom: 2px dotted #6a9e11;
  border-top: 2px dotted #6a9e11;
}
a.computing-webinar-block,
a.computing-webinar-block h2 {
  color: #82ba25;
}
a.computing-webinar-block:hover,
a.computing-webinar-block:hover h2 {
  color: #6a9e11;
}
.single-computing a,
.single-computing .comments-link a,
.computing-category-links a,
.single-computing .entry-meta a,
.page-template-page-computing-home-php a,
.page-template-page-full-width-computing-php a,
.page-template-page-full-width-computing-php .entry-meta a,
.page-template-page-authors-computing-php a,
.page-template-page-authors-computing-php .entry-meta a,
.page-template-page-full-width-computing-holding-php a,
.tax-computing-articles a,
.tax-computing_tags a,
.post-type-archive-computing a,
.tax-computing-articles a {
  color: #82ba25;
}
.single-computing a:visited,
.computing-category-links a:visited,
.page-template-page-computing-home-php a:visited,
.page-template-page-full-width-computing-php .single-computing a:visited,
.page-template-page-authors-computing-php .single-computing a:visited,
.page-template-page-full-width-computing-holding-php .single-computing a:visited,
.tax-computing-articles a:visited,
.tax-computing_tags a:visited,
.tax-computing-articles a:visited,
.post-type-archive-computing a:visited {
  color: #82ba25;
}
.single-computing a:hover,
.single-computing a:focus,
.single-computing a:active,
.computing-category-links a:hover,
.computing-category-links a:focus,
.computing-category-links a:active,
.page-template-page-computing-home-php a:hover,
.page-template-page-computing-home-php a:focus,
.page-template-page-computing-home-php a:active,
.page-template-page-full-width-computing-php a:hover,
.page-template-page-full-width-computing-php a:focus,
.page-template-page-full-width-computing-php a:active,
.page-template-page-authors-computing-php a:hover,
.page-template-page-authors-computing-php a:focus,
.page-template-page-authors-computing-php a:active,
.page-template-page-full-width-computing-holding-php a:hover,
.page-template-page-full-width-computing-holding-php a:focus,
.page-template-page-full-width-computing-holding-php a:active .tax-computing-articles a:hover,
.tax-computing-articles a:focus,
.tax-computing-articles a:hover,
.tax-computing_tags a:hover,
.tax-computing_tags a:focus,
.tax-computing_tags a:active,
.tax-computing-articles a:hover,
.tax-computing-articles a:focus,
.tax-computing-articles a:active,
.post-type-archive-computing a:hover,
.post-type-archive-computing a:focus,
.post-type-archive-computing a:active {
  color: #6a9e11;
}
.single-computing .single-call-to-action-feature,
.page-template-page-full-width-computing-php .single-call-to-action-feature,
.page-template-page-authors-computing-php .single-call-to-action-feature,
.page-template-page-full-width-computing-holding-php .single-call-to-action-feature {
  background-color: #c9de9b;
}
.single-computing .single-call-to-action-feature a,
.page-template-page-full-width-computing-php .single-call-to-action-feature a,
.page-template-page-authors-computing-php .single-call-to-action-feature a,
.page-template-page-full-width-computing-holding-php .single-call-to-action-feature a {
  color: #6a9e11;
}
.single-computing .single-call-to-action-feature a:hover,
.page-template-page-full-width-computing-php .single-call-to-action-feature a:hover,
.page-template-page-authors-computing-php .single-call-to-action-feature a:hover,
.page-template-page-full-width-computing-holding-php .single-call-to-action-feature a:hover {
  color: #3f6006;
}
.page-template-page-computing-home-php a#join-club-button,
.single-computing a#join-club-button,
.page-template-page-authors-computing-php a#join-club-button,
.tax-computing-articles a#join-club-button,
.post-type-archive-computing a#join-club-button,
.page-template-page-full-width-computing-php a#join-club-button,
.page-template-page-full-width-computing-holding-php a#join-club-button {
  background: #82ba25;
}
.page-template-page-computing-home-php a#join-club-button:hover,
.single-computing a#join-club-button:hover,
.page-template-page-authors-computing-php a#join-club-button:hover,
.tax-computing-articles a#join-club-button:hover,
.post-type-archive-computing a#join-club-button:hover,
.page-template-page-full-width-computing-php a#join-club-button:hover,
.page-template-page-full-width-computing-holding-php a#join-club-button:hover {
  background: #6a9e11;
}
.page-template-page-computing-home-php .subject-strapline,
.single-computing .subject-strapline,
.page-template-page-authors-computing-php .subject-strapline,
.tax-computing-articles .subject-strapline,
.post-type-archive-computing .subject-strapline,
.page-template-page-full-width-computing-php .subject-strapline,
.tax-computing_tags .subject-strapline,
.page-template-page-full-width-computing-holding-php .subject-strapline {
  color: #ffffff;
  background-color: #82ba25;
}
.page-template-page-computing-home-php .subject-strapline {
  color: #82ba25;
  background-color: #ffffff;
  padding: 0px 10px 0px 10px;
}
.tax-computing-articles .entry-header .entry-title a,
.tax-computing_tags .entry-header .entry-title a,
.tax-computing-articles .entry-header .entry-title a {
  color: #82ba25;
}
.tax-computing-articles .entry-header .entry-title a:hover,
.tax-computing_tags .entry-header .entry-title a:hover,
.tax-computing-articles .entry-header .entry-title a:hover {
  color: #6a9e11;
}
.page-template-page-computing-home-php #quick-links a,
.page-template-page-computing-home-php #quick-links-inner {
  background-color: #82ba25;
}
.page-template-page-computing-home-php #quick-links a:hover {
  background-color: #6a9e11;
}
.page-template-page-computing-home-php a.bloc-link .text-block {
  background-color: #c9de9b;
  color: #6a9e11;
}
.page-template-page-computing-home-php a.bloc-link:hover .text-block {
  background-color: #c9de9b;
}
.page-template-page-computing-home-php a.bloc-link .home-block h2 {
  color: #ffffff;
}
.page-template-page-computing-home-php a.bloc-link:hover .home-block h2 {
  background-color: #6a9e11;
  color: #ffffff;
}
.page-template-page-computing-home-php .home-block h2 {
  background-color: #82ba25;
  color: #ffffff;
}
.page-template-page-computing-home-php .home-block p,
.page-template-page-computing-home-php .home-block {
  color: #6a9e11;
}
.page-template-page-computing-home-php a.bloc-link .home-blog-img {
  color: #003942;
}
.page-template-page-computing-home-php a.bloc-link .home-blog-img h2 {
  color: #ffffff;
}
.page-template-page-computing-home-php a.bloc-link:hover .home-blog-img h2 {
  background-color: #003942;
  color: #ffffff;
}
.page-template-page-computing-home-php .home-blog-img h2 {
  background-color: #3d5559;
  color: #ffffff;
}
.page-template-page-computing-home-php .home-blog-img {
  color: #003942;
}
.page-template-page-computing-home-php #subject-free-res-banner img {
  border-top: 10px solid #6a9e11;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.page-template-page-computing-home-php #subject-free-res-banner:hover img {
  border-color: #3f6006;
}
.page-template-page-computing-home-php .home-ad-block img {
  border-top: 10px solid #6a9e11;
}
.page-template-page-computing-home-php .home-ad-block:hover img {
  border-color: #3f6006;
}
/* ============================== */
/* = Bloc Specific Colouring = */
/* ============================== */
.page-template a.bloc-link .green-block {
  background-color: #83bb26;
  color: #007632;
}
.page-template a.bloc-link:hover .green-block {
  background-color: #83bb26;
}
.page-template a.bloc-link .green-block h2 {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-template a.bloc-link:hover .green-block h2 {
  background-color: #007632;
  color: #ffffff;
}
.page-template .green-block h2 {
  background-color: #00993f;
  color: #ffffff;
}
.page-template .green-block p,
.page-template .green-block {
  background-color: #83bb26;
  color: #007632;
}
.page-template a.bloc-link .blue-block {
  background-color: #c4d2eb;
  color: #3d5459;
}
.page-template a.bloc-link:hover .blue-block {
  background-color: #c4d2eb;
}
.page-template a.bloc-link .blue-block h2 {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-template a.bloc-link:hover .blue-block h2 {
  background-color: #2b2171;
  color: #ffffff;
}
.page-template .blue-block h2 {
  background-color: #004899;
  color: #ffffff;
}
.page-template .blue-block p,
.page-template .blue-block {
  background-color: #c4d2eb;
  color: #2b2171;
}
/* smart-fact block */
.smart-fact {
  margin: 0 0 10px 0;
  background-color: #fccea0;
}
.page-template-page-computing-home-php .smart-fact {
  background-color: #c9de9b;
}
.page-template-page-english-home-php .smart-fact {
  background-color: #c7bcde;
}
img.smart-fact-img {
  margin: 0 0 0 auto;
  max-width: 100%;
  width: 40%;
}
.smart-fact h2 {
  float: left;
  width: 100%;
  clear: none;
  margin: -10px 0 10px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 0 20px;
  text-align: left;
}
.smart-fact p {
  float: left;
  width: 100%;
  clear: none;
  margin: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0 20px 20px 20px;
}
#smart-fact-text {
  width: 100%;
  float: left;
}
/* top-tip block */
.top-tip {
  margin: 0 0 10px 0;
  background-color: #fccea0;
}
.page-template-page-computing-home-php .top-tip {
  background-color: #c9de9b;
}
.page-template-page-english-home-php .top-tip {
  background-color: #c7bcde;
}
img.top-tip-img {
  margin: 0 0 0 auto;
  max-width: 100%;
  width: 40%;
}
.top-tip h2 {
  float: left;
  width: 100%;
  clear: none;
  margin: -10px 0 10px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 0 20px;
  text-align: left;
}
.top-tip p {
  float: left;
  width: 100%;
  clear: none;
  margin: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0 20px 20px 20px;
}
#top-tip-text {
  width: 100%;
  float: left;
}
/* homework block */
.homework-block-wrapper {
  margin-bottom: 20px;
  display: block;
  position: relative;
}
a.bloc-link .homework-block h2 {
  clear: none;
  position: absolute;
  top: 62%;
  left: 42%;
  padding: 14px 14px 0 24px;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.2em;
  color: #ffffff;
  margin: 0;
}
a.bloc-link:hover .homework-block {
  border-top: 10px solid #d5312a;
}
a#useful-links {
  background: #00b4ec;
  color: #3d5459;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1em;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-weight: 400;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: white;
  font-family: 'Anton', sans-serif;
  display: block;
}
a#useful-links:hover {
  background: #016c8d;
  color: white;
}
.page-template-page-science-home-php a#useful-links {
  background: #f4983a;
}
.page-template-page-science-home-php a#useful-links:hover {
  background: #ec6835;
}
.page-template-page-english-home-php a#useful-links {
  background: #937ab6;
}
.page-template-page-english-home-php a#useful-links:hover {
  background: #554596;
}
.page-template-page-computing-home-php a#useful-links {
  background: #82ba25;
}
.page-template-page-computing-home-php a#useful-links:hover {
  background: #6a9e11;
}
/* ====================== */
/* = Holding page= */
/* ====================== */
#holding-image {
  margin-bottom: 20px;
}
/* ====================== */
/* = Single Post General= */
/* ====================== */
.entry-content .addthis_toolbox {
  margin: 20px 0 20px 0 ;
  clear: both;
}
/* ====================== */
/* = Search Pages        = */
/* ====================== */
/* ================ */
/* = Registration Form = */
/* ================ */
.avatar {
  display: none !important;
}
#um_form_sl_reg_form {
  text-decoration: none;
  color: #3d5459;
}
#um_form_sl_reg_form a {
  text-decoration: none;
  color: #3d5459;
}
#um_form_sl_reg_form a:hover {
  text-decoration: none;
  color: #3d5459;
}
.um_field_container {
  margin-bottom: 20px;
}
.um_label_top {
  font-size: 16px;
  font-size: 1rem;
}
.reg-passwords #um_field_3_sl_reg_form {
  margin-bottom: 10px;
}
.password_strength_1 {
  color: white;
  background-color: red !important;
}
.password_strength_4 {
  color: white;
  background-color: green !important;
}
.uk-school {
  margin-bottom: 20px;
}
.uk-school label {
  float: left;
  margin-bottom: 10px;
}
.pf_label {
  padding-left: 0px !important;
  font-size: 16px;
  font-size: 1rem;
}
#um_field_7_sl_reg_form_0,
#um_field_7_sl_reg_form_1 {
  float: left;
  clear: both;
  margin-right: 10px;
}
input#insert_user {
  margin-top: 20px;
}
.which-teachers-club {
  margin-bottom: 20px;
}
.which-teachers-club label {
  float: left;
  margin-bottom: 10px;
}
#um_field_12_sl_reg_form_0,
#um_field_12_sl_reg_form_1,
#um_field_12_sl_reg_form_2 {
  float: left;
  clear: both;
  margin-right: 10px;
}
.formError .formErrorContent {
  border: none !important;
}
.formErrorArrow .line10,
.formErrorArrow .line9,
.formErrorArrow .line8,
.formErrorArrow .line7,
.formErrorArrow .line6,
.formErrorArrow .line5,
.formErrorArrow .line4,
.formErrorArrow .line3,
.formErrorArrow .line2,
.formErrorArrow .line1 {
  border: none !important;
}
.formErrorArrow .line10 {
  border: none !important;
}
.formErrorArrow .line10 {
  border: none !important;
}
.formErrorArrow .line10 {
  border: none !important;
}
.formErrorArrow .line10 {
  border: none !important;
}
/* =FEEDS
----------------------------------------------- */
#feeds-blocks {
  clear: both;
}
.feed-block {
  margin-bottom: 10px;
  background-color: #969da1;
  padding: 0 14px 14px 14px;
  display: block;
  color: #ffffff;
}
.feed-block a,
.feed-block a:visited {
  color: #ffffff;
  font-size: 13px;
  font-size: 0.8125rem;
}
.feed-block hr {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ffffff;
}
.feed-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.feed-block li {
  margin-bottom: 5px;
  padding-left: 16px;
  line-height: 1.2;
}
.feed-block li a {
  position: relative;
}
.feed-block li a:before {
  content: '»';
  position: absolute;
  top: 0;
  left: -12px;
  padding: 0;
  display: block;
  font-family: "museo-slab", serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.feed-block li:hover a:before {
  left: -10px;
}
#feed-logo {
  margin: 0 0 10px 0;
  padding-top: 14px;
}
#twitter-feed {
  padding: 0;
  background-color: white;
}
#twitter-widget-0 {
  width: 100%;
  margin: 0;
  padding: 0;
}
/* =slider styles if used
----------------------------------------------- */
#slider-wrapper {
  margin-top: 15px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
/* = single post universal
----------------------------------------------- */
#blog-post-image {
  float: left;
  margin: 0 20px 20px 0;
}
#posted-in-cat-links {
  margin-bottom: 40px;
}
.all-types ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.all-types ul li {
  list-style: none;
  margin: 0;
  padding: 0 5px 0 0;
  display: inline-block;
  /* IE7 inline-block fix */
  zoom: 1;
  *display: inline;
}
/* = Calls to action
----------------------------------------------- */
.call-to-action {
  margin-bottom: 10px;
  clear: both;
}
a.single-call-to-action-feature {
  margin-bottom: 10px;
  background-color: #c5c5c5;
  padding: 0 10px 0 10px;
  display: block;
}
a.single-call-to-action-feature:hover {
  text-decoration: none;
}
.single-call-to-action-feature h3 {
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px;
  text-align: left;
  margin: 0;
}
a.single-call-to-action-feature p {
  padding-bottom: 10px;
}
#call-product-pro-img {
  padding: 0 20px 0 0;
  margin-bottom: 20px;
  float: none;
  width: 100%;
}
#call-product-pro-img img {
  max-width: 100%;
  width: 50%;
}
#call-product-pro-info {
  width: 100%;
  float: none;
}
#call-product-pro-info h3,
#call-product-pro-info a,
#call-product-pro-info p {
  text-align: center;
}
#call-join-club {
  display: block;
  margin-bottom: 20px;
}
#other-teachers {
  padding: 5px;
  text-align: center;
}
/* ------------- */
/* Archive Pages */
/* ------------- */
.entry-thumbnail {
  float: none;
  margin-bottom: 20px;
}
.entry-excerpt {
  width: 100%;
  padding: 0;
}
.category-links {
  padding: 20px 20px 20px 20px;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0;
  background-color: #c4d2eb;
}
.english-category-links {
  background-color: #c7bcde;
}
.science-category-links {
  background-color: #fccea0;
}
.computing-category-links {
  background-color: #c9de9b;
}
.category-links a {
  font-size: 14px;
  font-size: 0.875rem;
}
.category-links h3 {
  border-bottom: 2px dotted #3d5559;
  padding-bottom: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
}
/* =searchandfilter
----------------------------------------------- */
.searchandfilter ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.searchandfilter li {
  float: none;
  display: block;
  width: 100%;
}
.searchandfilter li h4 {
  padding: 5px 0 5px 0;
}
.searchandfilter li input[type="text"],
.searchandfilter li input[type="search"],
.searchandfilter li input[type="password"],
.searchandfilter li input[type="email"],
.searchandfilter li textarea,
.searchandfilter li select {
  margin-bottom: 5px;
}
.searchandfilter li.sf-field-submit {
  padding-bottom: 0;
}
.sf-field-submit input[type="submit"] {
  margin-bottom: 0;
}
/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
/* =Media
----------------------------------------------- */
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wp-caption {
  margin-bottom: 20px;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 5px 0 10px 0;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
.site-content .gallery {
  margin-bottom: 1.5em;
}
.site-content .gallery a img {
  border: none !important;
  height: auto;
  max-width: 90%;
}
.site-content .gallery dd {
  margin: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}
/* =Navigation
----------------------------------------------- */
.site-content [class*="navigation"] {
  margin: 0 0 1.5em;
  overflow: hidden;
  text-align: center;
}
[class*="navigation"] .previous {
  float: left;
  width: 50%;
}
[class*="navigation"] .next {
  float: right;
  text-align: right;
  width: 50%;
}
.nav-previous {
  float: left;
  margin-bottom: 20px;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.nav-next {
  float: right;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.nav-previous a,
.nav-next a {
  display: block;
  /* IE7 inline-block fix */
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #00b4ec;
  border-radius: 20px;
}
.nav-previous a:hover,
.nav-next a:hover {
  background-color: #016c8d;
}
.nav-previous a img,
.nav-next a img {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
}
.image-attachment .nav-previous {
  margin-top: 20px;
  float: left;
  width: 100px;
  height: 40px;
  overflow: hidden;
}
.image-attachment .nav-next {
  margin-top: 20px;
  float: right;
  width: 100px;
  height: 40px;
  overflow: hidden;
  text-align: right;
}
/* =Comments
----------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}
/* ======== */
/* = Blog = */
/* ======== */
#comments {
  background-color: #9f9f9f;
  padding: 10px;
  margin-bottom: 20px;
}
#comments p {
  font-size: 16px;
  font-size: 1rem;
  padding: 0;
  margin: 0 0 5px 0;
}
#comments .form-submit {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}
#comments label {
  display: block;
}
.fluid-width-video-wrapper {
  clear: both;
}
#reply-title,
.comments-title {
  font-size: 22px;
  font-size: 1.375rem;
  border-bottom: 1px solid #003942;
}
#comment {
  resize: vertical;
  overflow: auto;
}
#comments .form-allowed-tags {
  font-size: 12px;
  font-size: 0.75rem;
}
#comments input[type="text"],
#comments input[type="email"],
#comments input[type="password"],
#comments input[type="search"],
#comments textarea {
  margin: 0 0 10px 0;
}
#comments .required {
  color: #9f9f9f;
  font-size: 20px;
  font-family: Verdana, Geneva, sans-serif;
}
/* =Widgets
----------------------------------------------- */
.widget {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  float: left;
  text-align: center;
}
.widget ul {
  text-align: left;
}
/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}
/* Sidebar */
.widget-area .widget {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
  word-wrap: break-word;
}
.widget-area .widget h3 {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.widget-area .widget p {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
  list-style: disc outside;
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
  margin-left: 36px;
  margin-left: 2.571428571rem;
}
.widget-area .widget a {
  color: #00b4ec;
  text-decoration: none;
}
.widget-area .widget a:hover {
  color: #016c8d;
}
.widget-area #s {
  text-align: center;
  width: 100%;
  /* define a width to avoid dropping a wider submit button */
}
/* =Infinite Scroll
----------------------------------------------- */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}
/* ========== */
/* = Footer = */
/* ========== */
footer {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  text-align: left;
}
#colophon {
  letter-spacing: 1px;
  padding: 0px 10px 50px 10px;
}
/* Social Icons
----------------------------------------------- */
#footer-social-icons {
  text-align: center;
  margin-bottom: 30px;
  background-color: #969da1;
}
a.social-icon {
  display: inline-block;
  /* IE7 inline-block fix */
  width: 30px;
  zoom: 1;
  *display: inline;
  margin: 10px 5px 6px 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: white;
  border-radius: 15px;
}
a.social-icon:hover {
  background-color: #3d5459;
}
/* Links & Address
----------------------------------------------- */
.footer-info {
  font-family: Verdana, Geneva, sans-serif;
  padding-left: 10px;
  padding-right: 30px;
}
#colophon a,
#colophon a:visited {
  color: #3d5459;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#colophon a:hover {
  color: #3d5459;
  text-decoration: underline;
}
.footer-info h3 {
  font-family: 'Anton', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 2px;
  text-align: left;
}
#contact-info {
  padding-right: 0px;
}
footer ul {
  list-style: none;
  margin: 0  0 10px 0;
  padding: 0;
}
footer li a,
footer li a:visited {
  text-align: left;
  display: block;
  padding-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* = Legal stuff
----------------------------------------------- */
#legals {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 400;
  padding: 10px 10px;
}
#copyright-line {
  float: none;
  text-align: center;
  margin-bottom: 10px;
}
#designed-by {
  float: none;
  text-align: center;
}
#legals a {
  color: #3d5559;
  text-decoration: none;
  font-weight: 400;
}
#legals a:hover {
  color: #003942;
  text-decoration: underline;
}
/* ================= */
/* = Media Queries = */
/* ================= */
/* Smartphones -----------
The following CSS will apply if the viewing area is greater than 480px.
*/
@media only screen and (min-width: 479px) {
  img.alignleft {
    margin: 0 24px 12px 0;
    width: auto;
  }
  img.alignright {
    margin: 0px 0 12px 24px;
    width: auto;
  }
  img.aligncenter {
    margin-top: 0;
    margin-bottom: 12px;
    margin-bottom: 0.857142857rem;
    width: auto;
  }
  /* ========== */
  /* = Header = */
  /* ========== */
  /* ========== */
  /* = Header = */
  /* ========== */
  a#quick-site-logo {
    float: left;
    margin: 0 10px 0 0;
  }
  #teacher-club-login {
    display: block;
  }
  /* subject homepage */
  #subject-free-res-banner h2 {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.3;
  }
  /* smart-fact block */
  .smart-fact {
    background-image: url('images/science-home/smart-fact-bg.svg');
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 0 10px 0;
    background-color: white;
  }
  .no-svg .smart-fact {
    background-image: url('images/science-home/smart-fact-bg.png');
  }
  .page-template-page-computing-home-php .smart-fact {
    background-image: url('images/computing-home/smart-fact-bg.svg');
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 0 10px 0;
    background-color: white;
  }
  .no-svg .page-template-page-computing-home-php .smart-fact {
    background-image: url('images/computing-home/smart-fact-bg.png');
  }
  .page-template-page-english-home-php .smart-fact {
    background-image: url('images/english-home/smart-fact-bg.svg');
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 0 10px 0;
    background-color: white;
  }
  .no-svg .page-template-page-english-home-php .smart-fact {
    background-image: url('images/english-home/smart-fact-bg.png');
  }
  img.smart-fact-img {
    float: left;
    width: 35%;
  }
  #smart-fact-text {
    width: 60%;
    float: left;
  }
  .smart-fact h2 {
    clear: none;
    padding-right: 0;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0;
  }
  .smart-fact p {
    clear: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  /* top-tip  block */
  .top-tip {
    background-image: url('images/science-home/top-tip-bg.svg');
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 0 10px 0;
    background-color: white;
  }
  .no-svg .top-tip {
    background-image: url('images/science-home/top-tip-bg.png');
  }
  .page-template-page-computing-home-php .top-tip {
    background-image: url('images/computing-home/top-tip-bg.svg');
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 0 10px 0;
    background-color: white;
  }
  .no-svg .page-template-page-computing-home-php .top-tip {
    background-image: url('images/computing-home/top-tip-bg.png');
  }
  .page-template-page-english-home-php .top-tip {
    background-image: url('images/english-home/top-tip-bg.svg');
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 0 10px 0;
    background-color: white;
  }
  .no-svg .page-template-page-english-home-php .top-tip {
    background-image: url('images/english-home/top-tip-bg.png');
  }
  img.top-tip-img {
    float: left;
    width: 35%;
  }
  #top-tip-text {
    width: 60%;
    float: left;
  }
  .top-tip h2 {
    clear: none;
    padding-right: 0;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0;
  }
  .top-tip p {
    clear: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  #twitter-feed {
    padding: 14px 10px 8px 10px;
    background-color: #969da1;
  }
  /* = Global Items  = */
  .webinar-block {
    background-image: url('images/general/webinar-bg.svg');
    background-repeat: no-repeat;
    background-position: right 15px;
    margin: 0 0 10px 0;
  }
  .no-svg .webinar-block {
    background-image: url('images/general/webinar-bg.png');
  }
  #webinar-img {
    float: left;
    width: 30%;
  }
  #webinar-block-text {
    width: 70%;
    float: left;
    padding-left: 15px;
    padding-top: 10px;
  }
  .webinar-block h2 {
    clear: none;
    padding-right: 10px;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .webinar-label {
    width: 15%;
    float: left;
  }
  .webinar-block p {
    clear: none;
    padding-right: 20px;
    margin: 0;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .webinar-text {
    width: 85%;
    float: left;
  }
  /* = Calls to action
	----------------------------------------------- */
  #call-product-pro-img {
    float: left;
    width: 20%;
  }
  #call-product-pro-img img {
    max-width: 100%;
    width: 100%;
  }
  #call-product-pro-info {
    width: 80%;
    float: left;
  }
  #call-product-pro-info h3,
  #call-product-pro-info a,
  #call-product-pro-info p {
    text-align: left;
  }
}
/* Smartphones -----------
The following CSS will apply if the viewing area is greater than 600px.
*/
@media only screen and (min-width: 600px) {
  .entry-thumbnail {
    float: left;
    width: 20%;
    padding: 6px;
    overflow: hidden;
  }
  .entry-excerpt {
    float: left;
    width: 80%;
    padding: 0 0 10px 20px;
    overflow: hidden;
  }
  .read-more {
    padding: 0;
    margin: 0;
  }
  #subject-free-res-banner h2 {
    font-size: 16px;
    font-size: 1rem;
  }
  .homework-block h2 {
    font-size: 16px;
    font-size: 1rem;
  }
  /* = Global Items  = */
  #webinar-img {
    width: 35%;
  }
  #webinar-block-text {
    width: 65%;
    padding-left: 20px;
    padding-top: 20px;
  }
  .webinar-block h2 {
    padding-right: 20px;
  }
  /* = Archive pages  = */
  /* ========== */
  /* = Footer = */
  /* ========== */
  .footer-3rd-row {
    clear: both;
  }
  #copyright-line {
    float: left;
    margin-bottom: 0;
  }
  #designed-by {
    float: right;
  }
}
/* iPads -----------
The following CSS will apply if the viewing area is greater than 768px.
*/
@media only screen and (min-width: 770px) {
  /* ========== */
  /* = GLOBAL = */
  /* ========== */
  body {
    background: #ffffff;
  }
  body,
  select,
  textarea {
    font-size: 14px;
    font-size: 0.875rem;
  }
  /* General Headings Styles*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-align: left;
  }
  h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
  }
  h2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  h4 {
    font-size: 8px;
    font-size: 0.5rem;
  }
  h5 {
    font-size: 16px;
    font-size: 1rem;
  }
  h6 {
    font-size: 16px;
    font-size: 1rem;
  }
  .inner {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* ========== */
  /* = Header = */
  /* ========== */
  .quick-access-nav {
    display: block;
  }
  #search-site {
    float: right;
  }
  a#join-club-button {
    display: block;
  }
  #tc-subject-logo {
    margin: 20px auto;
  }
  a#smart-learning-logo {
    float: right;
    display: block;
  }
  /* = Teachers Club Navigation
----------------------------------------------- */
  #site-navigation {
    display: inline-block;
    position: relative;
    z-index: 999;
    background: #3d5459;
  }
  #site-navigation,
  #site-navigation div > ul ul {
    max-height: none;
    overflow: visible !important;
  }
  #site-navigation div > ul ul {
    background: #3d5459;
    margin-left: 0px;
    display: none;
  }
  #site-navigation div > ul li:hover > ul {
    display: block;
  }
  #site-navigation ul {
    border: 0;
    text-align: left;
  }
  #site-navigation li a {
    border: 0;
    color: #ffffff;
    text-align: left;
  }
  #site-navigation div > ul > li {
    display: inline-block;
    position: relative;
  }
  #site-navigation div > ul ul {
    position: absolute;
    top: 0;
    left: 12em;
    width: 270px;
  }
  #site-navigation div > ul ul li {
    position: relative;
    text-align: left;
  }
  #site-navigation div > ul ul.sub-menu {
    top: 34px;
    left: 10px;
    position: absolute;
    padding: 20px 20px 20px 20px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    z-index: 999;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  }
  #site-navigation ul ul li a {
    padding: 0;
    margin: 0 0 9px 0;
    background: none;
    text-transform: none;
    font-size: 14px;
    color: #817F7F;
    height: auto;
    line-height: 14px;
    font-family: Arial, verdana, serif;
    font-weight: normal;
    letter-spacing: 0;
  }
  #site-navigation ul ul li a {
    color: #817F7F;
  }
  #site-navigation ul ul li a:hover {
    color: #824EBC;
    background-color: #ffffff;
  }
  #site-navigation ul ul li a:before {
    content: none;
  }
  #site-navigation ul ul .current-menu-item a,
  #site-navigation ul ul .current-menu-item a:hover {
    background-color: #ffffff;
    color: #817F7F;
  }
  /* = Megento Navigation
----------------------------------------------- */
  #menu-button {
    display: none;
  }
  #magento-navigation {
    display: inline-block;
    position: relative;
    z-index: 999;
    background: #3d5459;
  }
  #magento-navigation,
  #magento-navigation div > ul ul {
    max-height: none;
    overflow: visible !important;
  }
  #magento-navigation div > ul ul {
    background: #3d5459;
    margin-left: 0px;
    display: none;
  }
  #magento-navigation div > ul li:hover > ul {
    display: block;
  }
  #magento-navigation li.menu-item-has-children > a:after {
    content: '';
  }
  #magento-navigation ul {
    border: 0;
    text-align: left;
  }
  #magento-navigation li a {
    border: 0;
    color: #ffffff;
    text-align: left;
  }
  #magento-navigation div > ul > li {
    display: inline-block;
    position: relative;
  }
  #magento-navigation div > ul ul {
    position: absolute;
    top: 0;
    left: 12em;
    width: 270px;
  }
  #magento-navigation div > ul ul li {
    position: relative;
    text-align: left;
  }
  #magento-navigation div > ul ul.sub-menu {
    top: 34px;
    left: 10px;
    position: absolute;
    padding: 20px 20px 20px 20px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    z-index: 999;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  }
  #magento-navigation ul ul li a {
    padding: 0;
    margin: 0 0 9px 0;
    background: none;
    text-transform: none;
    font-size: 14px;
    color: #817F7F;
    height: auto;
    line-height: 14px;
    font-family: Arial, verdana, serif;
    font-weight: normal;
    letter-spacing: 0;
  }
  #magento-navigation ul ul li a {
    color: #817F7F;
  }
  #magento-navigation ul ul li a:hover {
    color: #824EBC;
    background-color: #ffffff;
  }
  #magento-navigation ul ul li a:before {
    content: none;
  }
  #magento-navigation ul ul .current-menu-item a,
  #magento-navigation ul ul .current-menu-item a:hover {
    background-color: #ffffff;
    color: #817F7F;
  }
  /* ======== */
  /* = Main = */
  /* ======== */
  #secondary {
    clear: none;
    padding: 0;
  }
  .subject-feature-link {
    margin-bottom: 20px;
  }
  .site-content article {
    padding-right: 20px;
  }
  #banner-quicklinks-bloc {
    margin-bottom: 20px;
  }
  .home-block h2 {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .home-block p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3;
  }
  .feed-block a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .feed-block {
    min-height: 417px;
  }
  #quick-links a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #quick-links a:before {
    top: 0;
  }
  .homework-block h2 {
    font-size: 16px;
    font-size: 1rem;
  }
  /* = subeject home page = */
  .subject-strapline {
    font-size: 22px;
    font-size: 1.375rem;
  }
  a.bloc-link h2,
  .home-block h2 {
    min-height: 68px;
    position: absolute;
    top: 0;
  }
  .home-block {
    margin-bottom: 20px;
  }
  img.play-icon {
    display: block;
  }
  .home-img-block {
    margin-bottom: 20px;
  }
  .home-blog-block .home-feature-img {
    padding-top: 68px;
    display: block;
  }
  .home-block p {
    padding: 74px 10px 10px 10px;
  }
  #subject-free-res-banner {
    margin-bottom: 0;
  }
  #subject-free-res-banner h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  #quick-links-inner {
    height: 300px;
  }
  /* smart-fact block */
  .smart-fact {
    margin: 0 0 20px 0;
  }
  img.smart-fact-img {
    margin: 0 0 0 0;
  }
  .smart-fact h2 {
    padding-right: 30px;
    margin: 0 0 10px 0;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .smart-fact p {
    padding-right: 30px;
    font-size: 16px;
    font-size: 1rem;
  }
  /* top-tip block */
  .top-tip {
    margin: 0 0 20px 0;
  }
  img.top-tip-img {
    margin: 0 0 0 0;
  }
  .top-tip h2 {
    padding-right: 30px;
    margin: 0 0 10px 0;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .top-tip p {
    padding-right: 30px;
    font-size: 16px;
    font-size: 1rem;
  }
  /* = Global Items  = */
  .webinar-block {
    margin: 0 0 20px 0;
  }
  #webinar-block-text {
    padding-top: 25px;
  }
  .webinar-block h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .webinar-block p {
    font-size: 16px;
    font-size: 1rem;
  }
  a.single-call-to-action-feature {
    margin-bottom: 20px;
  }
  .feed-block {
    margin-bottom: 20px;
  }
  .feed-block li {
    margin-bottom: 10px;
  }
  a#useful-links {
    margin-bottom: 20px;
    font-size: 30px;
    font-size: 1.875rem;
  }
  .category-links {
    margin-bottom: 30px;
    background-image: url('images/news/news-side-panel-bottom.svg');
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 20px 20px 76px 20px;
  }
  .no-svg .category-links {
    background-image: url('images/news/news-side-panel-bottom.svg');
  }
  .english-category-links {
    background-color: #c7bcde;
    background-image: url('images/english-home/english-news-side-panel-bottom.svg');
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .no-svg .english-category-links {
    background-image: url('images/english-home/english-news-side-panel-bottom.png');
  }
  .computing-category-links {
    background-color: #c9de9b;
    background-image: url('images/computing-home/computing-news-side-panel-bottom.svg');
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .no-svg .computing-category-links {
    background-image: url('images/computing-home/computing-news-side-panel-bottom.png');
  }
  .science-category-links {
    background-color: #fccea0;
    background-image: url('images/science-home/science-news-side-panel-bottom.svg');
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .no-svg .science-category-links {
    background-image: url('images/science-home/science-news-side-panel-bottom.png');
  }
  #footer-social-icons {
    margin-bottom: 50px;
  }
  a.social-icon {
    width: 50px;
    border-radius: 25px;
  }
  /* = Archive pages  = */
  /* = Footer = */
  #legals {
    max-width: 980px;
    max-width: 61.25rem;
    padding: 0 10px;
    margin: 10px auto 40px auto;
    background-color: transparent;
  }
}
@media only screen and (min-width: 830px) {
  .home-block h2 {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .home-block p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
    padding: 74px 10px 10px 10px;
  }
  .feed-block a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #quick-links a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .homework-block h2 {
    font-size: 16px;
    font-size: 1rem;
  }
  #webinar-block-text {
    padding-top: 30px;
  }
  a.bloc-link h2,
  .home-block h2 {
    min-height: 58px;
  }
  .home-blog-block .home-feature-img {
    padding-top: 58px;
  }
}
@media only screen and (min-width: 910px) {
  #search-site {
    display: block;
  }
  #teacher-club-login {
    margin: 15px 10px 0 0;
  }
  .home-block h2 {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .home-block p {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 64px 10px 10px 10px;
  }
  .feed-block a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #quick-links a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .homework-block h2 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .webinar-block h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .webinar-block p {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 980px) {
  /* ========== */
  /* = GLOBAL = */
  /* ========== */
  #page {
    margin: 0 auto 0 auto;
  }
  .home-block h2 {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .home-block p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.5;
  }
  .feed-block a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #quick-links a {
    font-size: 16px;
    font-size: 1rem;
  }
  .homework-block h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .footer-3rd-row {
    clear: none;
  }
}
/* =Print
----------------------------------------------- */
@media print {
  body {
    background: none!important;
    color: #000;
    font-size: 10pt;
  }
  footer a[rel=bookmark]:link:after,
  footer a[rel=bookmark]:visited:after {
    content: " [" attr(href) "] ";
    /* Show URLs */
  }
  a {
    text-decoration: none;
  }
  .entry-content img,
  .comment-content img,
  .author-avatar img,
  img.wp-post-image {
    border-radius: 0;
    box-shadow: none;
  }
  .site {
    clear: both!important;
    display: block!important;
    float: none!important;
    max-width: 100%;
    position: relative!important;
  }
  .site-header {
    margin-bottom: 72px;
    margin-bottom: 5.142857143rem;
    text-align: left;
  }
  .site-header h1 {
    font-size: 21pt;
    line-height: 1;
    text-align: left;
  }
  .site-header h2 {
    color: #000;
    font-size: 10pt;
    text-align: left;
  }
  .site-header h1 a,
  .site-header h2 a {
    color: #000;
  }
  .author-avatar,
  #colophon,
  #respond,
  .commentlist .comment-edit-link,
  .commentlist .reply,
  .entry-header .comments-link,
  .entry-meta .edit-link a,
  .page-link,
  .site-content nav,
  .widget-area,
  img.header-image,
  .main-navigation {
    display: none;
  }
  .wrapper {
    border-top: none;
    box-shadow: none;
  }
  .site-content {
    margin: 0;
    width: auto;
  }
  .singular .entry-header .entry-meta {
    position: static;
  }
  .singular .site-content,
  .singular .entry-header,
  .singular .entry-content,
  .singular footer.entry-meta,
  .singular .comments-title {
    margin: 0;
    width: 100%;
  }
  .entry-header .entry-title,
  .entry-title,
  .singular .entry-title {
    font-size: 21pt;
  }
  footer.entry-meta,
  footer.entry-meta a {
    color: #444;
    font-size: 10pt;
  }
  .author-description {
    float: none;
    width: auto;
  }
  /* Comments */
  .commentlist > li.comment {
    background: none;
    position: relative;
    width: auto;
  }
  .commentlist .avatar {
    height: 39px;
    left: 2.2em;
    top: 2.2em;
    width: 39px;
  }
  .comments-area article header cite,
  .comments-area article header time {
    margin-left: 50px;
    margin-left: 3.57142857rem;
  }
}
/*
------------------- GENERAL MIXINS -------------------
*/
/* Display hand pointer across all browsers */
/* Apply border-box to any elements */
/* =============== */
/* = wp-paginate = */
/* =============== */
.page-num-navigation {
  clear: both;
  margin: 30px 0;
  text-align: center;
}
.wp-paginate {
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  /* IE7 inline-block fix */
  zoom: 1;
  *display: inline;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-right: 0;
  margin: 1px;
  color: #272727;
}
.wp-paginate li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  margin-left: 2px;
}
.wp-paginate .current,
.wp-paginate a,
.wp-paginate a:visited {
  margin: 0;
  text-decoration: none;
  line-height: 1em;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  padding: .5em;
  min-width: 1em;
  display: block;
  background: #d2d2d2;
  color: #272727;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wp-paginate .current {
  background: #00b4ec;
  color: #ffffff;
}
.wp-paginate a:hover,
.wp-paginate a:active {
  background: #00b4ec;
  color: #ffffff;
}
.wp-paginate .title {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  padding: .5em;
  min-width: 1em;
  display: block;
  background: #d2d2d2;
}
.wp-paginate .gap {
  color: #999;
  margin-right: 4px;
}
.wp-paginate .next {
  width: 100%;
  background: #d2d2d2;
  float: none;
}
.wp-paginate .prev {
  width: 100%;
  background: #d2d2d2;
  float: none;
}