/*  
Theme Name: Wonderschool Resources Hub Apps
Theme URL: 

Description:  Blog Theme
Version: 1.0
Author: Web Profits
Author URL: http://www.webprofits.com.au/
*/
.PageHeader-module_navMenu_3cKY7, .PageHeader-module_root_1G3Ua, .LayoutFull-header {
  display: none; }

.SVGResponsive-svg.mobile {
  display: none; }

body {
  background-color: #fff; }

main {
  overflow: hidden; }

.main-title {
  width: 100%;
  background: url(images/mainTitleBG.png) no-repeat center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  text-align: center; }
  .main-title.director {
    background-image: url(images/mainTitleBGDirector.png); }
  .main-title.parent {
    background-image: url(images/mainTitleBGParent.png); }
  .main-title h1 {
    border: none;
    padding: 0;
    margin: 0;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
    font: 300 60px/70px "Montserrat"; }
  .main-title p {
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6); }

.home .main-title {
  background-image: url(images/mainTitleHomeBG.jpg); }

.home .homeLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0 0;
  padding: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .home .homeLinks li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 49%;
    height: 400px;
    margin: 0 0 30px; }
    .home .homeLinks li:first-child a {
      background: url(images/directorLink.jpg) no-repeat center;
      background-size: cover; }
    .home .homeLinks li:last-child a {
      background: url(images/parentLink.jpg) no-repeat center;
      background-size: cover; }
    .home .homeLinks li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      color: #fff;
      height: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font: 300 36px/48px "Montserrat";
      text-transform: uppercase;
      text-align: center; }
      .home .homeLinks li a:hover {
        color: #ee7777; }

.home #searchform {
  position: relative;
  width: 100%;
  max-width: 740px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .home #searchform label {
    display: none; }
  .home #searchform #s {
    border: 1px solid #dcdcdc;
    height: 50px;
    line-height: 50px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    margin: 20px 0 0 0; }
  .home #searchform #searchsubmit {
    background: url(images/search.png) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 33px;
    right: 40px;
    margin: 0;
    padding: 0;
    border: none; }
    .home #searchform #searchsubmit:hover {
      cursor: pointer; }

.container-blog {
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  word-wrap: break-word;
  overflow: visible;
  font: 300 16px/22px "Montserrat";
  color: #28325a; }
  .container-blog * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .container-blog p {
    padding: 0 0 25px; }
  .container-blog .breadcrumbsHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font: 500 13px/19px "Montserrat";
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #28325a;
    margin-bottom: 35px; }
    .container-blog .breadcrumbsHolder span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .container-blog .breadcrumbsHolder i {
      font-family: Font Awesome\ 5 Free;
      font-size: 5px;
      color: #eca716;
      margin: 0 15px; }
    .container-blog .breadcrumbsHolder p {
      padding: 0; }
    .container-blog .breadcrumbsHolder a {
      color: #b3b5c1; }
      .container-blog .breadcrumbsHolder a:hover {
        color: #ee7777; }
  .container-blog .shortcodeBanner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 400px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(images/shortcodeBanner.png) no-repeat center;
    margin: 40px 0 70px;
    background-size: cover; }
    .container-blog .shortcodeBanner h1 {
      margin: 0;
      padding: 0;
      font: 300 52px/60px "Montserrat";
      color: #28325a;
      text-align: center; }
  .container-blog .topCategories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 35px 0;
    border-bottom: 1px solid #e9eaee;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .container-blog .topCategories li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 0 25px;
      max-width: 184px; }
      .container-blog .topCategories li img {
        margin: 0 0 20px; }
      .container-blog .topCategories li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font: 500 13px/19px "Montserrat";
        color: #28325a;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center; }
        .container-blog .topCategories li a:hover {
          color: #ee7777; }
  .container-blog .featuredImage {
    position: relative;
    height: 400px;
    display: block;
    width: 100%;
    margin: 0 0 30px; }
    .container-blog .featuredImage:before {
      content: url(images/floatThree.png);
      top: -25px;
      right: -70px;
      position: absolute; }
    .container-blog .featuredImage:after {
      content: url(images/floatFive.png);
      top: 323px;
      left: -105px;
      position: absolute; }
  .container-blog .meta {
    display: block;
    font: 500 13px/20px "Montserrat";
    margin: 0 0 20px; }
    .container-blog .meta.single {
      padding: 0 0 20px;
      border-bottom: 1px solid #dee0e5; }
    .container-blog .meta a, .container-blog .meta .sep, .container-blog .meta .date {
      display: inline-block;
      vertical-align: middle; }
    .container-blog .meta a {
      color: #ee7777;
      letter-spacing: 1px;
      text-transform: uppercase; }
      .container-blog .meta a:hover {
        color: #28325a; }
    .container-blog .meta .sep {
      height: 15px;
      width: 2px;
      margin: 0 35px;
      background: #b3b5c1; }
    .container-blog .meta .date {
      color: #b3b5c1;
      padding: 0; }
  .container-blog .relatedArticles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative; }
    .container-blog .relatedArticles:before {
      content: url(images/floatOne.png);
      top: -30px;
      right: -125px;
      position: absolute; }
    .container-blog .relatedArticles h2 {
      width: 100%; }
    .container-blog .relatedArticles .post {
      width: 31%; }
      .container-blog .relatedArticles .post:before {
        display: none; }
      .container-blog .relatedArticles .post h1 {
        font: 700 20px/28px "Montserrat"; }
      .container-blog .relatedArticles .post .image-container {
        padding: 240px 0 0 0;
        margin: 0 0 20px; }
  .container-blog .author {
    padding: 50px;
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 10px 0 40px; }
    .container-blog .author:before {
      content: url(images/floatSix.png);
      top: -40px;
      left: -145px;
      position: absolute;
      z-index: -1; }
    .container-blog .author .img {
      width: 120px;
      margin: 0 20px 0 0; }
      .container-blog .author .img img {
        width: 100%;
        height: auto; }
    .container-blog .author .text {
      width: calc(100% - 140px); }
    .container-blog .author h2 {
      font: 700 20px/28px "Montserrat";
      padding: 0; }
    .container-blog .author p {
      padding: 0; }
  .container-blog .post {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative; }
    .container-blog .post:before {
      position: absolute;
      z-index: 99; }
    .container-blog .post:nth-of-type(1):before {
      content: url(images/floatOne.png);
      top: -60px;
      right: -110px; }
    .container-blog .post:nth-of-type(3):before {
      content: url(images/floatTwo.png);
      top: 301px;
      left: -168px; }
    .container-blog .post:nth-of-type(4):before {
      content: url(images/floatThree.png);
      top: 200px;
      right: -73px; }
    .container-blog .post:nth-of-type(5):before {
      content: url(images/floatFour.png);
      top: 277px;
      left: -110px; }
    .container-blog .post h1 {
      font: 300 36px/48px "Montserrat";
      margin: 0 0 20px; }
      .container-blog .post h1 a {
        color: #28325a; }
        .container-blog .post h1 a:hover {
          color: #ee7777; }
    .container-blog .post .post-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 100%; }
    .container-blog .post .image-container {
      position: relative;
      padding: 400px 0 0 0;
      height: 0;
      display: block;
      width: 100%;
      margin: 0 0 30px; }
  .container-blog h1 {
    color: #28325a;
    font: 300 36px/48px "Montserrat";
    margin: 0 0 25px; }
  .container-blog h2 {
    color: #28325a;
    font: 300 30px/40px "Montserrat";
    padding: 25px 0; }
  .container-blog h3 {
    color: #28325a;
    font: 300 25px/35px "Montserrat";
    padding: 25px 0; }
  .container-blog .more-link {
    display: inline-block;
    background: url(images/sidebar-li-bg-hv.png) no-repeat right 7px;
    padding: 0 15px 0 0; }
    .container-blog .more-link:hover {
      background-image: url(images/sidebar-li-bg.png); }
  .container-blog .post-date {
    font-size: 12px;
    padding: 10px 0 15px;
    color: #999;
    margin: 0; }
  .container-blog #content-blog {
    padding-bottom: 50px;
    width: 100%; }
    .container-blog #content-blog .post-big {
      width: 100%;
      max-width: 780px;
      margin: 0 auto; }
      .container-blog #content-blog .post-big img, .container-blog #content-blog .post-big button {
        border: none;
        outline: none; }
      .container-blog #content-blog .post-big img {
        width: auto;
        max-width: 100%;
        height: auto; }
      .container-blog #content-blog .post-big iframe {
        max-width: 100%; }
      .container-blog #content-blog .post-big .alignleft {
        float: left;
        margin: 0 15px 15px 0; }
      .container-blog #content-blog .post-big .alignright {
        float: right;
        margin: 0 0 15px 15px; }
      .container-blog #content-blog .post-big .aligncenter, .container-blog #content-blog .post-big iframe {
        float: none;
        margin: 0 auto 15px;
        display: block; }
      .container-blog #content-blog .post-big iframe {
        margin-bottom: 0; }
      .container-blog #content-blog .post-big table, .container-blog #content-blog .post-big th, .container-blog #content-blog .post-big td {
        border: 1px solid black; }
        .container-blog #content-blog .post-big table td, .container-blog #content-blog .post-big table th, .container-blog #content-blog .post-big th td, .container-blog #content-blog .post-big th th, .container-blog #content-blog .post-big td td, .container-blog #content-blog .post-big td th {
          padding: 5px; }
      .container-blog #content-blog .post-big ul {
        margin: 0 0 9px 30px; }
        .container-blog #content-blog .post-big ul li {
          list-style: disc outside;
          padding: 0 0 10px 0; }
      .container-blog #content-blog .post-big ol {
        margin: 0 0 9px 30px; }
        .container-blog #content-blog .post-big ol li {
          list-style: decimal outside;
          padding: 0 0 10px 0; }
      .container-blog #content-blog .post-big .shortcodeBanner {
        margin-left: -200px;
        min-width: 1180px; }
    .container-blog #content-blog .malinky-load-more {
      margin: 0 auto;
      width: 100%;
      max-width: 340px; }
      .container-blog #content-blog .malinky-load-more a {
        display: block;
        border: 2px solid #2e8bd2;
        color: #fff;
        text-align: center;
        font: 700 18px/56px "Montserrat";
        background: #2e8bd2;
        border-radius: 4px; }
        .container-blog #content-blog .malinky-load-more a:hover {
          background: #fff;
          color: #2e8bd2; }

#navigation-blog {
  padding: 20px 0px;
  background: #fff;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

nav.navigation {
  font: 16px/22px "Montserrat"; }
  nav.navigation h2 {
    display: none; }
  nav.navigation .nav-links {
    text-align: center;
    padding: 40px 0;
    line-height: 40px;
    background: #fff; }
    nav.navigation .nav-links a, nav.navigation .nav-links span {
      color: #05b9e9;
      margin: 0 5px; }
    nav.navigation .nav-links .prev {
      float: left; }
    nav.navigation .nav-links .next {
      float: right; }
    nav.navigation .nav-links .current {
      color: #231f20; }

@media all and (max-width: 1180px) {
  .container-blog #content-blog .post-big .shortcodeBanner {
    margin-left: 0;
    min-width: 100%; } }

@media all and (max-width: 960px) {
  .container-blog .topCategories li {
    max-width: 145px; }
  .container-blog .relatedArticles .post {
    width: 100%; } }

@media all and (max-width: 767px) {
  .PageHeader-module_root_2m-QT {
    display: none; }
  .PageHeader-module_root_1G3Ua {
    display: block; }
  .container-blog .topCategories {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .container-blog .topCategories li {
      max-width: 120px;
      margin: 0 10px 20px; }
  .container-blog .author {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 20px; }
    .container-blog .author .img {
      margin: 0 0 20px; }
    .container-blog .author .text {
      width: 100%;
      text-align: center; } }

@media all and (max-width: 640px) {
  .main-title h1 {
    font-size: 40px;
    line-height: 50px; }
  .home .homeLinks li {
    width: 100%; }
  .container-blog .shortcodeBanner h1 {
    font-size: 35px;
    line-height: 45px; }
  .container-blog .meta {
    text-align: center; }
    .container-blog .meta .sep {
      display: none; }
    .container-blog .meta .date {
      display: block; }
  .container-blog .post h1 {
    font-size: 30px;
    line-height: 40px; } }