@charset "UTF-8";
/*
Theme Name: The Trauma and Grief Network (TGN)
Theme URI: 
Description: Our The Trauma and Grief Network (TGN) theme lets you create a responsive website with a sleek, modern design. Feature your favorite homepage content in a slider and Resource Centre. Use theme and site option to customize your global setting, social and seo information.This theme design for Trauma and Grief Network (TGN) by inklab.
Author: inklab
Version: 1.0
Author URI: http://www.inklab.com.au

Tags: 

*/
/* ==========================================================================
	Filename: base.css
	Version: 1.0.0 (2014-08-09)
	Website: 
	Author: Tayyab Azam
	Description: Handles the site global layout
   ========================================================================== */
/*
[Content]
Fonts
Base
Browse Happy prompt
Accessibility
Structure
Header
Navigation
Content
Footer
Media queries
Animation
No Script
Print styles
*/
/*
[Color codes]


*/
/*
[Fonts]

*/
/*
[Typographic scale]
6,7,8,9,10,12,14,16,18,21,24,28,32,36,42,48,55,63,73,84,96,110,127,146,167,192
*/
/* ==========================================================================
	Fonts
   ========================================================================== */
/*

font: 400 14px/21px "parisplus-std",sans-serif;
font-style: normal;

font: 700 14px/21px "parisplus-std",sans-serif;
fon-style: normal;

*/
/* ==========================================================================
	Base
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #000000; }

html,
body {
  background: #FFFFFF; }

.wrap.container {
  /*opacity: 0.7;*/ }

html {
  position: relative;
  font-size: 62.5%;
  line-height: 1.428571429;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  width: 100%; }

body {
  color: #7b7875;
  font: 400 14px/23px 'parisplus-std', sans-serif;
  font: 400 1.4rem/2.3rem 'parisplus-std', sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #7b7875;
  word-wrap: break-word;
  margin: 0; }

/*
[Typographic scale]
6,7,8,9,10,12,14,16,18,21,24,28,32,36,42,48,55,63,73,84,96,110,127,146,167,192
*/
h1 {
  font: 700 28px/30px 'parisplus-std', sans-serif;
  font: 700 2.8rem/3.0rem 'parisplus-std', sans-serif;
  margin-bottom: 28px;
  color: #6bc8c5; }
  h1:after {
    margin-top: 25px;
    content: "";
    display: block;
    width: 50px;
    border-bottom: 6px solid #6bc8c5; }

.page.group h1 {
  color: #7e7e7e; }

.page.group h1:after {
  border-color: #7e7e7e; }

h2 {
  font: 700 28px/32px 'parisplus-std', sans-serif;
  font: 700 2.8rem/3.2rem 'parisplus-std', sans-serif;
  margin-bottom: 11px;
  color: #f16861; }
  h2:after {
    margin-top: 25px;
    content: "";
    display: block;
    width: 50px;
    border-bottom: 6px solid #f16861; }
  h2.color-green {
    color: #6bc8c5 !important; }
    h2.color-green:after {
      border-color: #6bc8c5; }

h3 {
  font: 700 22px/26px 'parisplus-std', sans-serif;
  font: 700 2.2rem/2.6rem 'parisplus-std', sans-serif;
  margin-bottom: 18px;
  text-transform: uppercase; }

h4 {
  font: 700 24px/28px 'parisplus-std', sans-serif;
  font: 700 2.4rem/2.8rem 'parisplus-std', sans-serif;
  margin-bottom: 8px; }

h5 {
  font: 700 21px/25px 'parisplus-std', sans-serif;
  font: 700 2.1rem/2.5rem 'parisplus-std', sans-serif;
  margin-bottom: 8px; }

h6 {
  font: 700 18px/22px 'parisplus-std', sans-serif;
  font: 700 1.8rem/2.2rem 'parisplus-std', sans-serif;
  margin-bottom: 8px; }

p {
  font: 400 14px/23px 'parisplus-std', sans-serif;
  font: 400 1.4rem/2.3rem 'parisplus-std', sans-serif;
  margin: 0 0 20px;
  font-style: normal;
  color: #7b7875; }

p.lead {
  font: 400 20px/27px 'parisplus-std', sans-serif;
  font: 400 2.0rem/2.7rem 'parisplus-std', sans-serif;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  color: #7b7875; }

blockquote {
  quotes: "“" "�" "‘" "’";
  text-align: center;
  border-left: 0;
  margin: 0 0 30px;
  padding: 42px 0 0; }

blockquote:before {
  display: block;
  color: #FFFFFF;
  content: open-quote;
  font: 700 127px/0.01em 'parisplus-std', sans-serif;
  margin: 0 0 10px;
  vertical-align: -10px; }

blockquote p {
  display: inline;
  font: 400 42px/48px 'parisplus-std', sans-serif;
  font: 400 4.2rem/4.8rem 'parisplus-std', sans-serif;
  color: #FFFFFF;
  margin: 0; }

ol,
ul {
  margin: 0; }

.content ol,
.content ul {
  margin: 0 0 28px;
  padding-left: 28px; }

ol li:last-child,
ul li:last-child {
  margin-bottom: 0; }

.content li {
  font: 400 14px/23px 'parisplus-std', sans-serif;
  font: 400 1.4rem/2.3rem 'parisplus-std', sans-serif;
  margin-bottom: 5px; }

ol li li {
  list-style: lower-alpha; }

ol li li li {
  list-style: lower-roman; }

.content ul {
  padding-left: 20px; }

/*
.content ul li:before {
	content: "\e14e";
	font: 14px/1.428571429 'iconic-sm';
	font: 1.4rem/1.428571429 'iconic-sm';
	color: #FFFFFF;
	margin-right: 10px;
}
*/
.content ul li ul {
  margin: 5px 0;
  padding-left: 28px; }

ul li {
  list-style: none; }

.dark-blue-bg ul {
  margin: 0 0 20px; }

.dark-blue-bg ul li {
  color: #fff;
  list-style: disc; }

.content ul li {
  list-style: disc; }

a {
  color: #455c6e;
  -webkit-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s; }

a:focus,
a:hover {
  text-decoration: none;
  color: #000;
  cursor: pointer;
  /*opacity: 0.8;*/ }

img {
  -webkit-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s; }

a:hover img {
  /*opacity: 0.8;*/ }

.content a[role="link"] {
  font-style: italic; }

.content a:visited {
  opacity: 0.5; }

h3 a {
  color: #000000; }

h3 a:hover,
h2 a:hover {
  color: #FFFFFF; }

strong {
  font-weight: 700; }

hr {
  border-top: 1px solid #cecac6;
  margin: 20px 0; }

i {
  margin-right: 8px; }

table {
  width: 100%;
  margin-bottom: 30px; }

th,
td {
  padding: 10px 20px;
  text-align: left; }

thead th {
  font: 700 18px/1.428571429 'parisplus-std', sans-serif;
  font: 700 1.8rem/1.428571429 'parisplus-std', sans-serif;
  color: #FFFFFF;
  background: #364a5a;
  white-space: nowrap; }

tbody tr {
  background: #FFFFFF;
  color: #000000; }

tbody tr:nth-child(odd) {
  background: #eae8e6; }

tbody tr:hover {
  color: #FFFFFF;
  background: #949296; }

tbody tr td {
  font: 400 14px/1.428571429 'parisplus-std', sans-serif;
  font: 400 1.4rem/1.428571429 'parisplus-std', sans-serif; }

tbody tr:last-child {
  border-bottom-right-radius: 2px; }

img.full-responsive {
  width: 100%;
  height: auto; }

::-moz-selection {
  color: #FFFFFF;
  background: #000000;
  text-shadow: none; }

::selection {
  color: #FFFFFF;
  background: #000000;
  text-shadow: none; }

.two-col-ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; }

.image-as-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.image-as-bg img,
.image-as-bg a img {
  opacity: 0; }

.image-as-bg a:hover img {
  opacity: 0; }

.color-red {
  color: #f16861;
  font-weight: bold; }
  .color-red.italics {
    font-style: italic; }

/* ==========================================================================
	Bootstrap Overrides
   ========================================================================== */
.container {
  -webkit-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s; }

.row.full {
  margin-left: -30px;
  margin-right: -30px; }

.no-mp {
  margin: 0 !important;
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.padding-45 {
  padding: 45px !important; }

/* ==========================================================================
	Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
	Accessibility
   ========================================================================== */
.accessibility a {
  position: absolute;
  font: 400 21px/27px 'parisplus-std', sans-serif;
  font: 400 2.1rem/2.7rem 'parisplus-std', sans-serif;
  text-decoration: none;
  background: #FFDE00;
  color: #000000;
  margin: 10px;
  padding: 15px 20px;
  left: -1000px;
  z-index: 200; }

.accessibility a:active,
.accessibility a:focus,
.accessibility a:hover {
  display: inline;
  color: #000000;
  outline: 4px solid #000000;
  left: 0;
  top: 0; }

.res {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 40;
  background: red; }
  .res p {
    color: #ffffff;
    margin: 0; }

/* ==========================================================================
	Structure
   ========================================================================== */
#wrapper {
  /*padding: 20px;*/ }

.wrap * {
  /*	-webkit-transition: all ease-out 0.4s;
  	   -moz-transition: all ease-out 0.4s;
  		 -o-transition: all ease-out 0.4s;
  			transition: all ease-out 0.4s;*/ }

#main {
  -webkit-transition: all cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
  transition: all cubic-bezier(0.42, 0, 0.58, 1) 0.4s; }

.green-bg {
  background: #6bc8c5; }
  .green-bg h1, .green-bg h2, .green-bg h3, .green-bg h4, .green-bg p, .green-bg a, .green-bg li {
    color: #FFFFFF; }
  .green-bg h1:after, .green-bg h2:after {
    border-color: #FFFFFF; }

.green-bg.dark {
  background: #94c848; }
  .green-bg.dark h1, .green-bg.dark h2, .green-bg.dark h3, .green-bg.dark h4, .green-bg.dark p, .green-bg.dark a {
    color: #FFFFFF; }
  .green-bg.dark h1:after {
    border-color: #FFFFFF; }

.red-bg {
  background: #f16861; }
  .red-bg h1, .red-bg h2, .red-bg h3, .red-bg h4, .red-bg p, .red-bg a {
    color: #FFFFFF; }
  .red-bg h1:after {
    border-color: #FFFFFF; }

.dark-red-bg {
  background: #e85555; }
  .dark-red-bg h1, .dark-red-bg h2, .dark-red-bg h3, .dark-red-bg h4, .dark-red-bg p, .dark-red-bg a {
    color: #FFFFFF; }
  .dark-red-bg h1:after {
    border-color: #FFFFFF; }

.blue-bg {
  background: #455c6d; }
  .blue-bg h1, .blue-bg h2, .blue-bg h3, .blue-bg h4, .blue-bg p, .blue-bg a {
    color: #FFFFFF; }
  .blue-bg h1:after {
    border-color: #FFFFFF; }

.grey-bg {
  background: #808080; }
  .grey-bg h1, .grey-bg h2, .grey-bg h3, .grey-bg h4, .grey-bg p, .grey-bg a {
    color: #FFFFFF; }
  .grey-bg h1:after {
    border-color: #FFFFFF; }

.grey-light-bg {
  background: #f8f7f7; }

.dark-blue-bg {
  background: #364a5a; }
  .dark-blue-bg h1, .dark-blue-bg h2, .dark-blue-bg h3, .dark-blue-bg h4, .dark-blue-bg p, .dark-blue-bg a {
    color: #FFFFFF; }

.white-dark-blue-gradient-bg {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMzNjRhNWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(51%, #364a5a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffff 50%, #364a5a 51%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #ffffff 50%, #364a5a 51%);
  /* W3C */ }

.read {
  font: 700 22px/22px 'parisplus-std', sans-serif;
  font: 700 2.2rem/2.2rem 'parisplus-std', sans-serif;
  position: relative;
  display: inline-block; }
  .read:after {
    content: "\f105";
    font-family: "fontAwesome";
    font-weight: normal;
    color: #FFFFFF;
    margin-left: 15px; }
  .read.color-red {
    color: #f16861; 
    padding: 8px 10px 15px 0px;
    }
    .read.color-red:after {
      color: #f16861; }
  .read.back:after {
    content: "";
    margin: 0; }
  .read.back:before {
    content: "\f104";
    font-family: "fontAwesome";
    font-weight: normal;
    color: #f16861;
    margin-right: 15px; }

.read.article {
  border-top: 1px solid #FFFFFF;
  padding-top: 20px; }
  .read.article.color-red {
    border-color: #f16861; }

.overlay {
  position: fixed;
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0.8; }

.container {
  padding: 0; }

a.icon {
  cursor: default;
  display: inline-block;
  font: 400 14px/17px 'parisplus-std', sans-serif;
  font: 400 1.4rem/1.7rem 'parisplus-std', sans-serif;
  width: 170px;
  height: 130px;
  vertical-align: text-top; }
  a.icon i {
cursor: default;    
font-style: normal;
    display: block;
    width: 170px;
    height: 100px;
    padding-top: 90px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 74px 74px;
    text-align: center; }
    a.icon i.parents {
      background-image: url("./assets/images/icons-parents.svg"); }
    a.icon i.guardians {
      background-image: url("./assets/images/icons-guardians.svg"); }
    a.icon i.foster-carers {
      background-image: url("./assets/images/icons-foster-carers.svg"); }
    a.icon i.caregivers {
      background-image: url("./assets/images/icons-caregivers.svg"); }
    a.icon i.extended-family {
      background-image: url("./assets/images/icons-extended-family.svg"); }
    a.icon i.the-broader-community {
      background-image: url("./assets/images/icons-the-broader-community.svg"); }
    a.icon i.childcare-schools {
      background-image: url("./assets/images/icons-childcare-schools.svg"); }

/* ==========================================================================
	Header
   ========================================================================== */
#global-header {
  -webkit-transition: all ease 0.3s;
          transition: all ease 0.3s;
  background: #FFFFFF; }
  #global-header.open {
    margin-top: 154px; }

#global-header > .container {
  position: relative; }

.menu-header {
  background: #FFFFFF;
  padding: 30px 45px;
  width: 100%;
  z-index: 20; }

.menu-icon {
  width: 120px;
  height: 89px;
  position: absolute;
  right: 0;
  bottom: 0; }
  .menu-icon .m-icon {
    position: absolute;
    cursor: pointer;
    width: 60px;
    height: 60px;
    top: -52px;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all ease-out 0.4s;
            transition: all ease-out 0.4s; }
    .menu-icon .m-icon .top, .menu-icon .m-icon .mid, .menu-icon .m-icon .bot {
      background-color: #6bc8c5;
      height: 5px;
      width: 28px;
      position: absolute;
      left: 16px;
      -webkit-transition: all ease-out 0.4s;
              transition: all ease-out 0.4s; }
    .menu-icon .m-icon .top {
      top: 16px; }
    .menu-icon .m-icon .mid {
      top: 27px; }
    .menu-icon .m-icon .bot {
      top: 38px; }
    .menu-icon .m-icon.active {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    .menu-icon .m-icon.active .top {
      top: 25px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .menu-icon .m-icon.active .mid {
      opacity: 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .menu-icon .m-icon.active .bot {
      top: 25px;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .menu-icon.social-nav {
    width: 330px; }

nav.main-nav {
  display: block;
  position: absolute;
  top: 156px;
  left: 0;
  z-index: 10;
  width: 100%; }
  nav.main-nav .description {
    padding: 45px !important; }
  nav.main-nav h1 {
    font: 700 34px/3.4px 'parisplus-std',sans-serif;
    font: 700 3.4rem/3.4rem 'parisplus-std',sans-serif;
    text-transform: none;
    margin-bottom: 15px; }
    nav.main-nav h1:after {
      margin: 0;
      border: 0; }
  nav.main-nav .read {
    margin-top: 20px; }
  nav.main-nav.active {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transition-delay: .2s;
            transition-delay: .2s; }
  nav.main-nav img {
    width: 100%; }

nav.nav-main {
  position: absolute;
  width: 100%;
  z-index: 100;
  top: 0;
  -webkit-transition: all ease 0.3s;
          transition: all ease 0.3s;
  -webkit-transform: perspective(1000px) rotateX(-90deg);
          transform: perspective(1000px) rotateX(-90deg);
  -webkit-transform-origin: 50% 0 0;
      -ms-transform-origin: 50% 0 0;
          transform-origin: 50% 0 0; }
  nav.nav-main:parent {
    margin-top: 94px; }
  .ie9 nav.nav-main {
    display: none; }
  nav.nav-main .container {
    position: relative; }
  nav.nav-main ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
    nav.nav-main ul li {
      display: inline-block; }
      nav.nav-main ul li a {
        display: block;
        font: 700 27px/27px 'parisplus-std',sans-serif;
        font: 700 2.7rem/2.7rem 'parisplus-std',sans-serif;
        padding: 60px 50px; }
        nav.nav-main ul li a:hover, nav.nav-main ul li a.active {
          color: #6bc8c5; }
  nav.nav-main ul.social li a {
    display: block;
    font: 700 30px/30px 'parisplus-std',sans-serif;
    font: 700 3.0rem/3.0rem 'parisplus-std',sans-serif;
    padding: 2px 12px;
    color: #6bc8c5; }
    nav.nav-main ul.social li a:hover {
      color: #FFFFFF; }
  nav.nav-main div.main-nav {
    display: inline-block; }
  nav.nav-main.open {
    -webkit-transform: rotateX(0deg) skewX(0deg);
            transform: rotateX(0deg) skewX(0deg);
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
    .ie9 nav.nav-main.open {
      display: block; }

/* ==========================================================================
	Navigation
   ========================================================================== */
.main-nav ul {
  margin: 0;
  padding: 0;
  overflow: hidden; }

/* ==========================================================================
	Billboards
   ========================================================================== */
.slick-dots {
  margin-left: 33.4%;
  width: 66.7%;
  text-align: left;
  bottom: 40px;
  padding-left: 40px; }
  .slick-dots li {
    width: 10px;
    height: 10px; }
    .slick-dots li button:before {
      width: 10px;
      height: 10px;
      border-radius: 10px;
      border: 2px solid #FFFFFF;
      content: "";
      opacity: 1; }
  .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #FFFFFF; }

.billboard body.home .description {
  padding: 145px 45px 0; }
.billboard .description {
  padding: 45px;
  height: 472px; }
.billboard p {
  font-size: 16px;
  font-size: 1.6rem; }
  .billboard p.lead {
    font-size: 20px;
    font-size: 2.0rem; }
.billboard .slider-image,
.billboard .slider-image .image-as-bg {
  height: 472px; }
.billboard a.read.article {
  position: absolute;
  bottom: 45px; }

/* ==========================================================================
	Content
   ========================================================================== */
#main .content {
  padding-bottom: 80px;
  -webkit-transition: all ease-out 0.4s;
  transition: all ease-out 0.4s; }

.home-intro p {
  font: 400 20px/27px 'parisplus-std', sans-serif;
  font: 400 2.0rem/2.7rem 'parisplus-std', sans-serif;
  margin: 0;
  padding: 45px; }
.home-intro .dark-red-bg {
  text-align: center; }
.home-intro a.read {
  position: relative;
  top: 50%;
  padding: 50px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.home-about h3 {
  font: 700 22px/26px 'parisplus-std', sans-serif;
  font: 700 2.2rem/2.6rem 'parisplus-std', sans-serif;
  color: #f16861;
  text-transform: none;
  border-bottom: 1px solid #cecac6;
  padding-bottom: 25px;
  margin-bottom: 30px; }

.home-resource-centre h2, .home-intro H2 {
  padding: 45px 45px 0 45px;
  text-transform: none;
  margin-bottom: 25px; }

.home-resource-centre h2 {
  color: #6bc8c5; }
.home-intro h2 {
  color: #fff; }

.home-resource-centre h2:after, .home-intro h2:after {
    content: "";
    display: block;
    margin-top: 25px;
    width: 85px; }

.home-resource-centre h2:after {
    border-bottom: 6px solid #6bc8c5; }
.home-intro h2:after {
    border-bottom: 6px solid #fff; }

.home-resource-centre p, .home-intro h2 + p {
  font: 400 20px/27px 'parisplus-std', sans-serif;
  font: 400 2.0rem/2.7rem 'parisplus-std', sans-serif;
  margin: 0;
  padding: 45px;
  padding-top: 0; }
.home-resource-centre .dark-blue-bg {
  text-align: center; }
.home-resource-centre a.read {
  position: relative;
  top: 50%;
  padding: 90px 50px  90px 50px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.home-resource-centre-listing a {
  display: block; }
  .home-resource-centre-listing a span {
    -webkit-transition: all ease-out 0.4s;
            transition: all ease-out 0.4s;
    display: inline-block;
    /*background-size: 100%;*/ }
  .home-resource-centre-listing a:hover {
    background-color: #6bc8c5; }
    .home-resource-centre-listing a:hover h4 {
      color: #FFF; }
    .home-resource-centre-listing a:hover span {
      background-color: #FFFFFF;
      background-size: 108%;
      opacity: 0.8; }
  .home-resource-centre-listing a h4 {
    font: 700 18px/25px 'parisplus-std', sans-serif;
    font: 700 1.8rem/2.5rem 'parisplus-std', sans-serif;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 22px;
    margin: 0; }
  .home-resource-centre-listing a img {
    width: 100%; }

.recent-videos,
.home-recent-videos {
  padding-top: 80px;
  padding-bottom: 80px; }
  .recent-videos .description,
  .home-recent-videos .description {
    padding: 0 45px !important; }
  .home-recent-videos .description h2 {
    margin-top: 20px;}
  .recent-videos h1,
  .home-recent-videos h1 {
    font: 700 34px/34px 'parisplus-std',sans-serif;
    font: 700 3.4rem/3.4rem 'parisplus-std',sans-serif;
    background: #6bc8c5;
    display: inline-block;
    color: #FFFFFF;
    margin: 0;
    padding: 25px 45px;
    text-transform: none; }
    .recent-videos h1:after,
    .home-recent-videos h1:after {
      margin: 0;
      border: 0; }
  .recent-videos h2,
  .home-recent-videos h2 {
    color: #6bc8c5; }
    .recent-videos h2:after,
    .home-recent-videos h2:after {
      margin-top: 10px;
      content: "";
      display: block;
      width: 50px;
      border-bottom: 6px solid #6bc8c5; }
  .recent-videos img,
  .home-recent-videos img {
    width: 100%; }

.recent-videos {
  padding: 0; }

.page-content .news-content {
  padding-top: 45px;
  padding-left: 45px;
  padding-bottom: 45px; }
.page-content aside.sidebar {
  padding: 45px 45px 45px 0 !important; }
  .page-content aside.sidebar ul {
    margin: 0;
    padding: 0; }
    .page-content aside.sidebar ul li a {
      font: 500 18px/18px 'parisplus-std',sans-serif;
      font: 500 1.8rem/1.8rem 'parisplus-std',sans-serif;
      padding: 10px 45px;
      display: block; }
    .page-content aside.sidebar ul li.active, .page-content aside.sidebar ul li:hover {
      background-color: #6bc8c5; }
      .page-content aside.sidebar ul li.active a, .page-content aside.sidebar ul li:hover a {
        color: #FFFFFF; }
.page-content .content {
  padding: 45px 0 !important; }

.resources-nav h2 {
  margin: 0; }
  .resources-nav h2:after {
    margin: 0; }
.resources-nav .resources-heading {
  padding: 20px 45px; }
.resources-nav.mobile-nav ul {
  margin: 0;
  padding: 0 45px 45px 45px;
  position: absolute;
  z-index: 90;
  width: 100%;
  -webkit-transition: all ease 0.3s;
          transition: all ease 0.3s;
  -webkit-transform: perspective(1000px) rotateX(-90deg);
          transform: perspective(1000px) rotateX(-90deg);
  -webkit-transform-origin: 50% 0 0;
      -ms-transform-origin: 50% 0 0;
          transform-origin: 50% 0 0; }
  .ie9 .resources-nav.mobile-nav ul {
    display: none; }
  .resources-nav.mobile-nav ul.active {
    -webkit-transform: rotateX(0deg) skewX(0deg);
            transform: rotateX(0deg) skewX(0deg);
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
    .ie9 .resources-nav.mobile-nav ul.active {
      display: block; }
.resources-nav .read {
  font: 700 26px/32px 'parisplus-std',sans-serif;
  font: 700 2.6rem/3.2rem 'parisplus-std',sans-serif; }
  .resources-nav .read:after {
    margin-top: -30px; }

.resources-nav.links-nav ul {
  padding: 20px 45px; }
  .resources-nav.links-nav ul li a {
    padding: 12px 0;
    display: block; }
.resources-nav.links-nav.active .read:after {
  content: "\f107"; }

.links-nav-container {
  position: relative; }

.links-nav {
  width: 440px;
  position: absolute;
  right: 0;
  /*top: -72.5px;*/
  top: -73px;
  z-index: 100;
  /*cursor: pointer;*/
   }
  .links-nav .section {
    padding: 0 35px 35px; }
  .links-nav ul {
    border-top: 1px solid #FFFFFF; }
    .links-nav ul li a {
      font: 400 16px/22px 'parisplus-std',sans-serif;
      font: 400 1.6rem/2.2rem 'parisplus-std',sans-serif;
      padding: 12px 0;
      display: inline-block !important; }
    .links-nav ul li:before {
      content: "\f0c1";
      font-family: "fontAwesome";
      color: #FFFFFF;
      margin-right: 10px; }
  .links-nav.v1 ul {
    -webkit-transition: all ease 0.3s;
            transition: all ease 0.3s;
    -webkit-transform: perspective(1000px) rotateX(-90deg);
            transform: perspective(1000px) rotateX(-90deg);
    -webkit-transform-origin: 50% 0 0;
        -ms-transform-origin: 50% 0 0;
            transform-origin: 50% 0 0; }
    .ie9 .links-nav.v1 ul {
      display: none; }
    .links-nav.v1 ul.active {
      -webkit-transform: rotateX(0deg) skewX(0deg);
              transform: rotateX(0deg) skewX(0deg);
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
      .ie9 .links-nav.v1 ul.active {
        display: block; }
  .links-nav.v2 .sections {
    -webkit-transition: all ease 0.3s;
            transition: all ease 0.3s;
    -webkit-transform: perspective(1000px) rotateX(-90deg);
            transform: perspective(1000px) rotateX(-90deg);
    -webkit-transform-origin: 50% 0 0;
        -ms-transform-origin: 50% 0 0;
            transform-origin: 50% 0 0; }
    .ie9 .links-nav.v2 .sections {
      display: none; }
    .links-nav.v2 .sections.active {
      -webkit-transform: rotateX(0deg) skewX(0deg);
              transform: rotateX(0deg) skewX(0deg);
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
      .ie9 .links-nav.v2 .sections.active {
        display: block; }
  .links-nav.v2 h3 {
    margin: 0 0 18px;
    padding-top: 20px;
    text-transform: none; }
  .links-nav.v2 ul {
    display: block;
    border-top: 1px solid #FFFFFF;
    padding: 12px 0 0;
    margin: 0; }
    .links-nav.v2 ul li a {
      padding: 7px 0; }
    .links-nav.v2 ul li:before {
      content: "";
      margin-right: 0; }
  .links-nav.v3 {
    top: -65px; }
    .links-nav.v3 .section {
      -webkit-transition: all ease 0.3s;
              transition: all ease 0.3s;
      -webkit-transform: perspective(1000px) rotateX(-90deg);
              transform: perspective(1000px) rotateX(-90deg);
      -webkit-transform-origin: 50% 0 0;
          -ms-transform-origin: 50% 0 0;
              transform-origin: 50% 0 0; }
      .ie9 .links-nav.v3 .section {
        display: none; }
      .links-nav.v3 .section.active {
        -webkit-transform: rotateX(0deg) skewX(0deg);
                transform: rotateX(0deg) skewX(0deg);
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s; }
        .ie9 .links-nav.v3 .section.active {
          display: block; }
    .links-nav.v3 span.title {
      font: 700 22px/22px 'parisplus-std',sans-serif;
      font: 700 2.2rem/2.2rem 'parisplus-std',sans-serif;
      color: #FFFFFF; }
    .links-nav.v3 .read {
      font: 400 22px/22px 'parisplus-std',sans-serif;
      font: 400 2.2rem/2.2rem 'parisplus-std',sans-serif;
      margin-left: 20px; }
      .links-nav.v3 .read.active:after {
        content: "\f107";
        margin-left: 9px; }
  .links-nav.active .read:after {
    content: ""; }

.network {
  background-color: #FFFFFF; }
  .network a {
    color: #6bc8c5; }
  .network .icons-container {
    padding-top: 45px;
    padding-bottom: 45px; }

.tags {
  margin-top: 40px; }
  .tags .age,
  .tags .category {
    padding: 5px 15px;
   
    color: #FFFFFF;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 8px; }
  .tags .age {
    background-color: #94c848; 
    }
  .tags .category {
    background-color: #6bc8c5; }

  .tags .age a,
  .tags .category a{
  	padding: 5px 10px;
  }

.news-article {
  	padding-bottom: 25px; }
  .news-article img {
    margin-bottom: 20px; }
  .news-article h2 {
    color: #7b7875; }
    .news-article h2:after {
      margin: 0;
      border: none; }
  .news-article time {
    font: 700 14px/18px 'parisplus-std', sans-serif;
    font: 700 1.4rem/1.8rem 'parisplus-std', sans-serif;
    color: #f16861;
    margin-bottom: 15px;
    display: block; }

.section.filter {
  background: #f8f7f7;
  margin: 0;
  padding: 35px;
  position: absolute;
  width: 100%;
  z-index: 100; }

.about-section-4 .read {
  margin-top: 60px; }

.links-table {
  margin-bottom: 50px !important; }
  .links-table h2 {
    background-color: #364a5a;
    color: #FFFFFF;
    margin: 0;
    padding: 20px 27px; }
    .links-table h2:after {
      border: none;
      margin: 0; }
  .links-table a {
    display: block;
    padding: 20px 55px; }
    .links-table a:before {
      font-family: "fontAwesome";
      color: #455c6d;
      margin-right: 15px;
      font-size: 20px;
      position: absolute;
      left: 27px; }
    .links-table a:nth-child(odd) {
      background-color: #eae8e6; }
  .links-table .download a:before {
    content: "\f019"; }
  .links-table .link a:before {
    content: "\f0c1"; }

.filtered {
  padding: 20px 45px 15px; }
  .filtered h3 {
    display: inline-block;
    margin: 0;
    text-transform: none;
    margin-right: 15px; }
  .filtered div.tags {
    display: inline-block;
    margin: 0; }

.article-news h1 {
  font: 700 34px/38px 'parisplus-std', sans-serif;
  font: 700 3.4rem/3.8rem 'parisplus-std', sans-serif;
  margin-bottom: 10px; }
  .article-news h1:after {
    border: none;
    margin: 0; }
.article-news time {
  font: 700 14px/18px 'parisplus-std', sans-serif;
  font: 700 1.4rem/1.8rem 'parisplus-std', sans-serif;
  color: #FFFFFF;
  margin-bottom: 15px;
  display: block; }

.related-article h1 {
  padding: 45px 0 0;
  color: #f16861; }
  .related-article h1:after {
    border-color: #f16861; }
.related-article h2 {
  font: 700 20px/24px 'parisplus-std',sans-serif;
  font: 700 2.0rem/2.4rem 'parisplus-std',sans-serif; }
.related-article .read.back {
  margin: 45px; }

/* ==========================================================================
	Footer
   ========================================================================== */
#global-footer {
  background: #808080;
  padding: 40px 45px; }
  #global-footer p, #global-footer a {
    margin: 0;
    font-size: 11px;
    line-height: 14px;
    color: #FFFFFF; }
  #global-footer a {
    text-decoration: underline; }
  #global-footer .footer-description {
    padding: 0 205px 25px 0; }

.slick-prev, .slick-next {
  display: none !important; }

/* ==========================================================================
	Media queries
   ========================================================================== */
@media (max-width: 1200px) {
  .billboard .description {
    padding-top: 45px; } }
@media (max-width: 992px) {
  .container {
    width: 100%; }

  .home-recent-videos h1 {
    font: 700 27px/2.7px 'parisplus-std',sans-serif;
    font: 700 2.7rem/2.7rem 'parisplus-std',sans-serif; }

  nav.nav-main ul li a {
    padding: 33px 40px; } }
@media (max-width: 768px) {
  .menu-icon.social-nav {
    width: 100%;
    text-align: center;
    position: static; }
    .menu-icon.social-nav .m-icon.active {
      display: none; }
  .menu-icon.hide {
    display: block !important; }

  nav.nav-main {
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 154px; }
    nav.nav-main ul {
      width: 100%;
      text-align: center; }
      nav.nav-main ul li {
        display: block; }
        nav.nav-main ul li a {
          display: block;
          font: 700 27px/27px 'parisplus-std',sans-serif;
          font: 700 2.7rem/2.7rem 'parisplus-std',sans-serif;
          padding: 23px 50px; }
          nav.nav-main ul li a:hover, nav.nav-main ul li a.active {
            color: #6bc8c5; }
    nav.nav-main ul.social {
      display: block; }
      nav.nav-main ul.social li {
        display: inline-block; }
        nav.nav-main ul.social li a {
          display: block;
          font: 700 30px/30px 'parisplus-std',sans-serif;
          font: 700 3.0rem/3.0rem 'parisplus-std',sans-serif;
          padding: 30px 12px;
          color: #6bc8c5; }
          nav.nav-main ul.social li a:hover {
            color: #FFFFFF; }
    nav.nav-main div.main-nav {
      display: inline-block; }
    nav.nav-main.open {
      height: auto; }

  .billboard .description {
    padding-left: 25px;
    padding-right: 25px; }

  .home-intro p {
    padding-left: 25px;
    padding-right: 25px; }

  .padding-45 {
    padding-left: 25px !important;
    padding-right: 25px !important; }

  .home-resource-centre h2, .home-resource-centre p, .home-intro h2, .home-intro h2 + p  {
    padding-left: 25px;
    padding-right: 25px; }

  .recent-videos .description {
    padding: 25px 0 0 0 !important; }

  .home-recent-videos .description {
    padding: 25px 25px 0 25px !important; }

  #global-footer {
    padding: 40px 25px; }
    #global-footer .footer-description {
      padding: 0 205px 25px 0; }
    #global-footer > .row {
      margin: 0; }
    #global-footer .row > div {
      padding-left: 0;
      padding-right: 0; }

  a.icon {
    width: 130px; }
    a.icon i {
      width: 130px; }

  .network {
    padding: 45px 25px; }

  .related-article h1 {
    padding-left: 25px;
    padding-right: 25px; }

  .page-content .news-content {
    padding-top: 45px;
    padding-left: 0;
    padding-bottom: 0; }
  .page-content .related-article {
    padding: 0; }
  .page-content h1 {
    padding-left: 0;
    padding-right: 0; }
  .page-content .content {
    padding-right: 25px !important; }
  .page-content aside.sidebar {
    padding-right: 20px !important; }
    .page-content aside.sidebar ul li a {
      padding: 10px 25px;
      font: 500 14px/14px 'parisplus-std',sans-serif;
      font: 500 1.4rem/1.4rem 'parisplus-std',sans-serif; }

  .menu-header {
    padding-left: 25px;
    padding-right: 25px; }

  .links-nav {
    width: 50%; }

  .links-table a {
    font: 400 12px/21px 'parisplus-std',sans-serif;
    font: 400 1.2rem/2.1rem 'parisplus-std',sans-serif;
    padding-left: 46px;
    padding-right: 15px; }
    .links-table a:before {
      font-family: "fontAwesome";
      color: #455c6d;
      margin-right: 18px;
      font-size: 20px;
      position: absolute;
      left: 18px; } }
@media (max-width: 767px) {
  #global-header.open {
    margin-top: 0; }

  nav.main-nav h1 {
    margin: 0; }

  .main-nav .menu-icon .m-icon {
    top: -15px; }

  .billboard .description {
    height: auto; }
  .billboard a.read.article {
    position: static; }
  .billboard .slider-image,
  .billboard .slider-image .image-as-bg {
    height: auto; }

  nav.nav-main ul li a {
    padding: 33px 40px; }

  .home-intro a.read {
    margin-left: 45px; 
    padding: 15px 0 0 0; 
    }

  .home-resource-centre a.read {
    margin-left: 45px;
    padding: 15px 0 0 0; 
    }

  #global-footer div {
    padding-top: 15px;
    padding-bottom: 15px; }
  #global-footer .footer-description {
    padding: 0; }

  .page-content {
    padding-left: 45px;
    padding-right: 45px; }

  .menu-header {
    padding-top: 3px;
    padding-bottom: 3px; }
    .menu-header .logo img {
      width: 210px;
      padding: 10px;
      height: auto; }

  .billboard h1:after {
    border: none;
    margin: 0; }
  .billboard .description {
    padding: 25px !important; }

  .slick-dots {
    top: 185px; }

  .home-intro a.read {
    margin-left: 25px; }
  .home-intro p {
    font: 400 14px/21px 'parisplus-std',sans-serif;
    font: 400 1.4rem/2.1rem 'parisplus-std',sans-serif; }

  .home-resource-centre a.read {
    margin-left: 25px; }
  .home-resource-centre p, .home-intro h2 + p {
    font: 400 14px/21px 'parisplus-std',sans-serif;
    font: 400 1.4rem/2.1rem 'parisplus-std',sans-serif; }

  .recent-videos,
  .home-recent-videos {
    padding-bottom: 0;
    padding-top: 0; }
    .recent-videos h1,
    .home-recent-videos h1 {
      width: 100%;
      padding: 25px; }

  p.lead {
    font: 400 14px/21px 'parisplus-std',sans-serif;
    font: 400 1.4rem/2.1rem 'parisplus-std',sans-serif; }

  a.icon {
    width: 87px; }
    a.icon i {
      width: 87px; }

  .network .icons-container {
    text-align: center; }

  section.article p, section.article li {
    font: 400 12px/19px 'parisplus-std',sans-serif;
    font: 400 1.2rem/1.9rem 'parisplus-std',sans-serif; }
  section.article ul {
    padding-left: 15px; }

  .white-dark-blue-gradient-bg {
    background: none; }
    .white-dark-blue-gradient-bg p, .white-dark-blue-gradient-bg li {
      font: 400 12px/19px 'parisplus-std',sans-serif;
      font: 400 1.2rem/1.9rem 'parisplus-std',sans-serif; }
    .white-dark-blue-gradient-bg p.lead {
      font: 400 14px/21px 'parisplus-std',sans-serif;
      font: 400 1.4rem/2.1rem 'parisplus-std',sans-serif; }
    .white-dark-blue-gradient-bg ul {
      padding-left: 15px; }

  .links-nav {
    position: static;
    width: 100%; }

  .resources-nav .resources-heading {
    padding-left: 25px;
    padding-right: 0; 
    cursor: pointer;
    }

  .filtered {
    padding: 20px 25px 15px h3;
      padding-margin-bottom: 10px; }

  .related-article .read.back {
    margin: 25px; }

  .page-content {
    padding-left: 25px;
    padding-right: 25px; }

  nav.nav-main {
    top: 100px; } }
@media (max-width: 361px) {
  .slick-dots {
    top: 185px; } }
@media (max-width: 321px) {
  .slick-dots {
    top: 165px; } }
/* ==========================================================================
	Animation
   ========================================================================== */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* ==========================================================================
	No Script
   ========================================================================== */
#noscript-wrapper {
  display: block;
  position: fixed;
  font: 700 21px/1.1 'parisplus-std', sans-serif;
  font: 700 2.1rem/1.1 'parisplus-std', sans-serif;
  text-align: center;
  color: #FFFFFF;
  background: #CC0000;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 15px 0;
  z-index: 200; }

#noscript-wrapper span {
  font: 700 21px/1.1 'parisplus-std', sans-serif;
  font: 700 2.1rem/1.1 'parisplus-std', sans-serif; }

/* ==========================================================================
	Print styles
   ========================================================================== */
@media print {
  @page {
    margin: 2cm; }
  blockquote {
    border: none; }

  figure figcaption {
    position: relative;
    font: 400 14px/1.428571429 'parisplus-std', sans-serif;
    font: 400 1.4rem/1.428571429 'parisplus-std', sans-serif;
    background: none;
    color: #000000; } }



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 100%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}