@charset "UTF-8";
img.float.right {
  margin: 0 0 1vw 2vw; }

img.float.left {
  margin: 0 2vw 1vw 0; }

#section-banner h1 {
  color: #ffffff;
  font-size: 7rem; }

#section-banner h2 {
  color: #ffffff; }

.float.right {
  max-width: 50%; }

.node--html > * {
  margin: 0 0 1.6rem 0; }

hr {
  margin: 2.5rem 0 !important;
  border: none;
  border-top: 1px solid #a9814c; }

.article-info--publishdate {
  margin-bottom: 2rem;
  padding: 12px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid #cccccc;
  font-weight: 600; }

.header__aside .social__item--icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain; }
  .header__aside .social__item--icon:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .header__aside .social__item--icon i {
    display: none; }

.header__aside .social__item--instagram {
  background-image: url("//d3ap01d8sfcfal.cloudfront.net/2016.cbcfremantle.wa.edu.au/upload/assets/secondary/instagram-001.svg"); }
  .header__aside .social__item--instagram:hover {
    background-color: #9f3b91; }

.header__aside .social__item--facebook {
  background-image: url("//d3ap01d8sfcfal.cloudfront.net/2016.cbcfremantle.wa.edu.au/upload/assets/secondary/facebook-001.svg"); }
  .header__aside .social__item--facebook:hover {
    background-color: #4867aa; }

.header__aside .social__item--youtube {
  background-image: url("//d3ap01d8sfcfal.cloudfront.net/2016.cbcfremantle.wa.edu.au/upload/assets/secondary/youtube-001.svg"); }
  .header__aside .social__item--youtube:hover {
    background-color: red; }

.header__aside .social__item--website-1 {
  background-image: url("//d3ap01d8sfcfal.cloudfront.net/2016.cbcfremantle.wa.edu.au/upload/assets/secondary/zenfolio-001.svg"); }
  .header__aside .social__item--website-1:hover {
    background-color: #e58a54; }

.column__content a {
  text-decoration: none;
  border-bottom: 2px solid; }

.grid--sidebar .grid__filter {
  background-color: #a9814c; }

.grid--sidebar .grid__item {
  margin-bottom: 1.5vw;
  border: 1px solid white;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); }

.grid--sidebar .grid__thumbnail {
  max-width: 50%;
  background-color: #333333; }
  .grid--sidebar .grid__thumbnail img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.grid--sidebar .grid__date {
  padding-bottom: 1rem;
  letter-spacing: 1px;
  font-size: 1.1rem;
  font-weight: bold; }

.grid--sidebar .grid__title {
  position: relative;
  margin-bottom: 1em;
  padding-bottom: 1em;
  color: #a9814c;
  font-family: 'Adobe Garamond W01', 'Times New Roman', Times, serif;
  font-size: 2rem;
  line-height: 1.1; }

.grid--sidebar .grid__details {
  padding: 2rem;
  text-align: left; }
  .grid--sidebar .grid__details:after {
    content: 'Read More →';
    letter-spacing: 1px;
    text-transform: uppercase;
    color: red;
    font-size: 1rem;
    font-weight: 600; }

.grid--default .grid__filter {
  background-color: #a9814c; }

.grid--default .grid__item {
  margin-bottom: 1.5vw;
  border: 1px solid white;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); }

.grid--default .grid__thumbnail {
  background-color: #333333; }
  .grid--default .grid__thumbnail img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.grid--default .grid__date {
  padding-bottom: 1rem;
  letter-spacing: 1px;
  font-size: 1.1rem;
  font-weight: bold; }

.grid--default .grid__title {
  position: relative;
  padding-bottom: 1rem;
  color: #a9814c;
  font-family: 'Adobe Garamond W01', 'Times New Roman', Times, serif;
  font-size: 2rem;
  line-height: 1.1; }

.grid--default .grid__description {
  font-size: 1.4rem; }

.grid--default .grid__details {
  padding: 2rem 2rem 5rem 2rem; }
  .grid--default .grid__details:after {
    position: absolute;
    right: 0;
    bottom: 2rem;
    left: 0;
    content: 'Read More →';
    letter-spacing: 1px;
    text-transform: uppercase;
    color: red;
    font-size: 1rem;
    font-weight: 600; }

.id__articles--folder .main--single > section:first-child {
  background-color: #f4efe8; }
  .id__articles--folder .main--single > section:first-child .column1:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: -webkit-gradient(linear, left bottom, left top, from(#f4efe8), color-stop(9.5%, rgba(244, 239, 232, 0.738)), color-stop(17%, rgba(244, 239, 232, 0.541)), color-stop(23.5%, rgba(244, 239, 232, 0.382)), color-stop(28.25%, rgba(244, 239, 232, 0.278)), color-stop(32.5%, rgba(244, 239, 232, 0.194)), color-stop(36.5%, rgba(244, 239, 232, 0.126)), color-stop(40.1%, rgba(244, 239, 232, 0.075)), color-stop(43.05%, rgba(244, 239, 232, 0.042)), color-stop(45.5%, rgba(244, 239, 232, 0.021)), color-stop(47.6%, rgba(244, 239, 232, 0.008)), color-stop(49.1%, rgba(244, 239, 232, 0.002)), color-stop(50%, rgba(244, 239, 232, 0)));
    background: linear-gradient(to top, #f4efe8 0%, rgba(244, 239, 232, 0.738) 9.5%, rgba(244, 239, 232, 0.541) 17%, rgba(244, 239, 232, 0.382) 23.5%, rgba(244, 239, 232, 0.278) 28.25%, rgba(244, 239, 232, 0.194) 32.5%, rgba(244, 239, 232, 0.126) 36.5%, rgba(244, 239, 232, 0.075) 40.1%, rgba(244, 239, 232, 0.042) 43.05%, rgba(244, 239, 232, 0.021) 45.5%, rgba(244, 239, 232, 0.008) 47.6%, rgba(244, 239, 232, 0.002) 49.1%, rgba(244, 239, 232, 0) 50%); }
  .id__articles--folder .main--single > section:first-child .column2, .id__articles--folder .main--single > section:first-child .column3 {
    margin-top: -6vw;
    background-color: #ffffff; }

blockquote {
  float: right;
  padding: 40px 50px; }
  .id__about-this-blog--folder blockquote {
    background-color: rgba(0, 0, 0, 0.2); }
  blockquote:before, blockquote:after {
    opacity: 1;
    font-size: 120px;
    line-height: 1; }
  blockquote:before {
    top: -20px;
    left: 10px; }
  blockquote:after {
    right: 10px;
    bottom: -75px; }

.background {
  background-position: 50% 1vh; }
  .background.b1 {
    -webkit-transform: translateY(-10vh) !important;
            transform: translateY(-10vh) !important; }
    @media only screen and (max-width: 768px) {
      .background.b1 {
        -webkit-transform: translateY(-18vh) !important;
                transform: translateY(-18vh) !important; } }
  @media only screen and (max-width: 768px) {
    .background {
      background-position: 50% 8vh; } }

@media only screen and (max-width: 768px) {
  .header__aside > * {
    margin-bottom: 10px !important; } }