@charset "utf-8";
 /* CSS Document */
 
 body {
     font: 100% 'Open Sans', sans-serif;
     font-weight: 300;
     line-height: 1.5;
     color: rgba(0, 0, 0, 0.87);
     text-align: center;
     margin: 0;
     background-color: #212121;
     -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
 }
 
 ul {
     list-style: none;
 }
 
 ul li {
     display: inline;
     outline: 0;
 }
 
 a:link,
 a:visited,
 a:hover,
 a:active,
 a img {
     text-decoration: none;
     border: none;
     color: inherit;
 }
 
 h1,
 h2 {
     font-weight: normal;
 }
 
 p {
     font-size: 1rem;
     min-height: 1px;
     max-height: 999999px;
     word-wrap: break-word;
 }
 
 span {
     word-wrap: break-word;
 }
 
 ul {
     list-style: none;
 }
 
 ul li {
     display: inline;
     outline: 0;
 }
 
 .section {
     float: left;
     width: 100%;
 }
 
 .white {
     background-color: #FFFFFF;
 }
 
 .grey-50 {
     background-color: #FAFAFA;
 }
 
 .grey-100 {
     background-color: #F5F5F5;
 }
 
 .transparent {
     background-color: transparent;
 }
 
 .shadow-400 {
     box-shadow: inset 1px 4px 9px -6px #BDBDBD;
 }
 
 .shadow-900 {
     box-shadow: inset 1px 4px 9px -6px #212121;
 }
 
 .sub-section {
     margin: 0 auto;
     padding: 0;
     display: inline-block;
     text-align: left;
     width: 100%;
     max-width: 1280px;
     position: relative;
 }
 
 #masthead {
     display: -webkit-flex;
     display: -moz-flex;
     display: flex;
     align-items: center;
     text-align: center;
     justify-content: center;
     /* variable */
     margin: 1rem;
     /* variable */
 }
 
 #masthead a {
     width: 80%;
     /* variable */
     height: auto;
 }
 
 #masthead a img {
     width: 100%;
 }
 
 #masthead span {
     display: none;
     /* variable */
     font-size: 1.5rem;
     /* variable */
     flex: 1;
 }
 
 .social-header {
     float: left;
     width: calc(100% - 2rem);
     padding: 0 1rem;
     height: 4rem;
     overflow: hidden;
 }
 
 .fixed {
     position: fixed;
     top: 0;
     z-index: 1;
     box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px;
 }
 
 .social-header div {
     float: left;
     margin: 1rem 0;
     height: 2rem;
 }
 
 .social-header div:last-child {
     float: right;
 }
 
 .social-header a {
     float: left;
     height: 2rem;
     min-width: 2.5rem;
     margin: 1rem 0 1rem 0.5rem;
     /* variable */
     border-radius: 0.5rem;
     overflow: hidden;
     background-image: url('img/svg/social.svg');
     background-repeat: no-repeat;
     background-size: 2rem;
 }
 
 .social-header div span {
     float: left;
     line-height: 1.5rem;
     padding: 0.25rem 0;
 }
 
 .social-header div span.hashtag {
     margin: 0 0 0 1rem;
 }
 
 .social-header a span {
     display: none;
     /* variable */
     float: left;
     line-height: 1.5rem;
     padding: 0.25rem 0.5rem 0.25rem 2.5rem;
 }
 
 .social-header div span.follow:after {
     content: ":";
     /* variable */
 }
 
 .social-header div span.share:after {
     content: ":";
     /* variable */
 }
 
 .social-header div span.hashtag:before {
     content: none;
     /* variable */
 }
 
 .social-header a.facebook {
     color: #FFFFFF;
     background-color: #3B5998;
     background-position: 0.25rem -0rem;
 }
 
 .social-header a.whatsapp {
     color: #FFFFFF;
     background-color: #20B038;
     background-position: 0.25rem -2rem;
 }
 
 .social-header a.twitter {
     color: #FFFFFF;
     background-color: #55acee;
     background-position: 0.25rem -4rem;
 }
 
 .social-header a.google {
     color: #FFFFFF;
     background-color: #DC4E41;
     background-position: 0.25rem -6rem;
 }
 
 .social-header a.reddit {
     color: #FFFFFF;
     background-color: #ff5700;
     background-position: 0.25rem -8rem;
 }
 
 .social-header a.linkedin {
     color: #FFFFFF;
     background-color: #0066CC;
     background-position: 0.25rem -10rem;
 }
 
 .container {
     float: left;
     width: calc(100% - 1rem);
     padding: 0 0 0 1rem;
     margin: 0;
     display: -webkit-flex;
     display: -moz-flex;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
 }
 
 .container:first-child {
     margin: 1rem 0 0 0;
 }
 
 article + .container {
     width: calc(100% - 1rem);
     /* variable */
     margin: 0;
     /* variable */
 }
 
 .item {
     position: relative;
     min-width: calc(100% - 3rem);
     /* variable */
     background-color: #FFFFFF;
     padding: 1rem;
     margin: 0 1rem 1rem 0;
     height: auto;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 0px 0px 1px rgba(0, 0, 0, 0.02);
     border-radius: 3px;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
     flex-basis: calc(100% - 3rem);
 }
 
 article + .container .item {
     min-width: calc(100% - 3rem);
     /* variable */
     flex-basis: calc(100% - 3rem);
     /* variable */
 }
 
 .item span {
     float: left;
     width: 100%;
     font-size: 1.5rem;
     padding: 0;
     margin: 0;
 }
 
 .item p {
     float: left;
     padding: 1rem 0 0 0;
     margin: 0;
 }
 
 .item p:nth-child(2) {
     margin: 0 0 3.5rem 0;
 }
 
 .item p:last-child {
     margin: 0;
 }
 
 .item p img {
     float: left;
     width: 100%;
     padding: 0;
     margin: 0 0 1rem 0;
     border-radius: 3px;
 }
 
 .item p img.masonry-thumb {
     float: left;
     width: 25%;
     padding: 0 1rem 1rem 0;
     margin: 0;
     border-radius: 0;
 }
 
 .item a {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 1rem 0 1rem 0;
     line-height: 1.5;
     text-align: center;
     background: #FAFAFA;
     border-radius: 0 0 3px 3px;
 }
 
 article,
 section {
     float: left;
     margin: 1rem 0 0 1rem;
     /* variable */
     width: calc(100% - 2rem);
     /* variable */
 }
 
 article h1,
 section h1 {
     float: left;
     width: 100%;
     font-size: 1.5rem;
     line-height: 2;
     margin: 0 0 1rem 0;
     padding: 0;
 }
 
 article h2,
 section h2 {
     float: left;
     width: 100%;
     font-size: 1.25rem;
     line-height: 2;
     margin: 0 0 1rem 0;
     padding: 0;
 }
 
 article p,
 section p {
     float: left;
     width: 100%;
     margin: 0 0 1rem 0;
     padding: 0;
 }
 
 article p a:link,
 article p a:visited,
 article p a:hover,
 article p a:active,
 section p a:link,
 section p a:visited,
 section p a:hover,
 section p a:active {
     color: #049CCF;
 }
 
 article p.rubric,
 section p.rubric {
     font-size: 1.25rem;
     font-weight: 300;
     font-style: italic;
     line-height: 2;
     margin: 0 0 1rem 0;
     padding: 0;
 }
 
 article figure,
 section figure {
     float: left;
     width: 100%;
     margin: 0;
     padding: 0;
 }
 
 article figure img,
 section figure img {
     float: left;
     width: 100%;
     border-radius: 3px;
     margin: 0 0 1rem 0;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 0px 0px 1px rgba(0, 0, 0, 0.02);
 }
 
 article figure figcaption,
 section figure figcaption {
     float: left;
     width: 100%;
     color: rgba(0, 0, 0, 0.54);
     margin: 0 0 1rem 0;
 }
 
 article figure figcaption a:link,
 article figure figcaption a:visited,
 article figure figcaption a:hover,
 article figure figcaption a:active,
 section figure figcaption a:link,
 section figure figcaption a:visited,
 section figure figcaption a:hover,
 section figure figcaption a:active {
     color: #049CCF;
 }
 
 blockquote {
     position: relative;
     float: left;
     width: calc(100% - 8rem);
     margin: 0 0 1rem 0;
     padding: 1rem 4rem;
     background-color: #E3F2FD;
     border-radius: 3px;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 0px 0px 1px rgba(0, 0, 0, 0.02);
 }
 
 .opening-quotation-mark {
     position: absolute;
     height: 2rem;
     width: 2rem;
     background-image: url(img/svg/opening-quotation-mark.svg);
     background-size: 2rem;
     top: 1rem;
     left: 1rem;
 }
 
 .closing-quotation-mark {
     position: absolute;
     height: 2rem;
     width: 2rem;
     background-image: url(img/svg/closing-quotation-mark.svg);
     background-size: 2rem;
     bottom: 1rem;
     right: 1rem;
 }
 
 blockquote p {
     margin: 0;
     padding: 0;
     font-size: 1.25rem;
     font-style: italic;
 }
 
 #social-footer {
     float: left;
     width: calc(100% - 2rem);
     padding: 0 1rem;
     text-align: center;
 }
 
 #social-footer span {
     position: relative;
     padding: 0 1rem 0 1rem;
     margin: 0 0 1rem 0;
     display: block;
 }
 
 #social-footer span p {
     padding: 1rem 1rem 0 1rem;
     margin: 0;
     opacity: 0.87;
     color: #FFFFFF;
 }
 
 #social-footer ul {
     float: left;
     width: 100%;
     margin: 0;
     padding: 0 0 0.5rem 0;
     display: -webkit-flex;
     display: -moz-flex;
     display: flex;
 }
 
 #social-footer ul li {
     margin: 0 1rem 0 0;
     padding: 0;
     font-size: 1rem;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }
 
 #social-footer ul li:last-of-type {
     margin: 0;
 }
 
 #social-footer ul li a {
     float: left;
     color: #FFFFFF;
     width: 100%;
     padding: 0.25rem 0 0.25rem 0;
     text-align: center;
     text-decoration: none;
     border-radius: 3px;
     box-shadow: inset 0px 0px 1px #FFFFFF;
     opacity: 0.87;
 }
 
 #social-footer ul li a span {
     position: static;
     width: 0;
     /* variable */
     overflow: hidden;
     /* variable */
     padding: 0 0 0 2rem;
     /* variable */
     margin: 0;
     background-image: url('img/svg/social.svg');
     background-repeat: no-repeat;
     background-size: 2rem;
     display: inline-block;
     height: 1.5rem;
     line-height: 1.5rem;
 }
 
 #social-footer ul li.facebook span {
     background-position: 0 -0.25rem;
 }
 
 #social-footer ul li.twitter span {
     background-position: 0 -4.25rem;
 }
 
 #social-footer ul li.google span {
     background-position: 0 -6.25rem;
 }
 
 ul.footer-navigation {
     float: left;
     width: 100%;
     padding: 0;
     margin: 0;
     display: -webkit-flex;
     display: -moz-flex;
     display: flex;
 }
 
 ul.footer-navigation li {
     padding: 0;
     margin: 0;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }
 
 ul.footer-navigation li a {
     float: left;
     width: 100%;
     text-align: center;
     text-decoration: none;
     color: #FFFFFF;
     opacity: 0.87;
     padding: 0.25rem 0 0.25rem 0;
     margin: 0;
     font-size: 1rem;
 }
 
 #copyright {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 1rem;
     padding: 0.5rem 0 0.5rem 0;
     margin: 0;
     color: #FFFFFF;
     opacity: 0.87;
 }
 
 form {
     float: left;
     margin: 1rem 0 0 0;
     width: 100%;
 }
 
 button,
 select,
 textarea,
 input {
     font-family: inherit;
     font-size: 100%;
     font-weight: 300;
 }
 
 textarea:focus,
 input:focus,
 select:focus {
     outline: 0;
 }
 
 textarea,
 input[type=text],
 input[type=password],
 input[type=email] {
     width: 100%;
     margin: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 form p {
     float: left;
     width: calc(100% - 2rem);
     margin: 0 1rem 1rem 1rem;
     font-size: 1rem;
 }
 
 form p label {
     float: left;
     width: 100%;
     margin: 0 0 0.5rem 0;
     font-size: 1rem;
     line-height: 1.5;
 }
 
 form p label i {
     color: #9E9E9E;
 }
 
 form p input[type=text],
 form p input[type=password],
 form p input[type=email] {
     float: left;
     font-size: 1rem;
     line-height: 1.5;
     border: 1px solid #E0E0E0;
     background: #FFFFFF;
     -webkit-appearance: none;
     /* Safari and Chrome */
     -webkit-border-radius: 3px;
     border-radius: 3px;
 }
 
 form p textarea,
 form p textarea:focus {
     float: left;
     font-size: 1rem !important;
     line-height: 1.5;
     min-height: 10rem;
     max-height: 10rem;
     border: 1px solid #E0E0E0;
     background: #FFFFFF;
     resize: none;
     overflow: auto;
     -webkit-appearance: none;
     /* Safari and Chrome */
     -webkit-border-radius: 3px;
     /* Safari and Chrome */
     border-radius: 3px;
 }
 
 form p select {
     float: left;
     margin: 0 0.5rem 0 0;
     font-size: 1em;
     line-height: 1.5;
     border: 1px solid #E0E0E0;
     background: #FFFFFF;
     -webkit-border-radius: 3px;
     /* Safari and Chrome */
     border-radius: 3px;
 }
 
 form p select:only-of-type {
     width: 100%;
     margin: 0;
 }
 
 form p input[type=radio] {
     margin: 0;
     background: #FFFFFF;
 }
 
 form p input[type=checkbox] {
     margin: 0;
     background: #FFFFFF;
 }
 
 form p input[type=submit] {
     float: left;
     background: #1976D2;
     background-image: linear-gradient(#42A5F5, #1976D2);
     color: #FFFFFF;
     border: none;
     border-radius: 0;
     padding: 0.25rem 0.5rem;
     font-size: 1rem;
     line-height: 1.5;
     cursor: pointer;
 }
 
 form p span {
     float: left;
     width: 100%;
     font-size: 0.75rem;
     margin: 0.5rem 0 0 0;
     color: #9E9E9E;
 }
 
 form p label + span {
     margin: 0;
 }
 
 form p span a:link,
 form p span a:active,
 form p span a:visited,
 form p span a:hover {
     color: #2962FF;
 }
 
 form p.error label,
 form p.error span {
     color: #D50000;
 }
 
 form p.error textarea,
 form p.error input,
 form p.error select {
     border: 1px solid #D50000;
 }
 
 a.hyperlink-button {
     float: left;
     margin: 0;
     padding: 0.25rem 0 0.25rem 0;
     border-radius: 3px;
 }
 
 a.hyperlink-button span {
     margin: 0;
     padding: 0 0.5rem 0 0.5rem;
     width: auto;
     display: inline-block;
     height: 1.5rem;
     line-height: 1.5rem;
     font-size: 1rem;
 }
 
 a.hyperlink-button.cancel {
     background: #FAFAFA;
     background-image: linear-gradient(#FFFFFF, #FAFAFA);
     box-shadow: inset 0px 0px 0px 1px #E0E0E0;
 }
 
 a.hyperlink-button.cancel span {
     color: #BDBDBD;
 }
 
 button {
     float: left;
     line-height: 2rem;
     padding: 0 0.5rem 0 0.5rem;
     margin: 0 1rem 0 0;
     font-size: 1rem;
     text-decoration: none;
     color: #FFFFFF;
     background: #00C853;
     background-image: linear-gradient(#00E676, #00C853);
     border: none;
     cursor: pointer;
     border-radius: 3px;
 }
 
 button::-moz-focus-inner {
     border: 0;
     padding: 0;
     margin-top: 0;
     margin-bottom: -2px;
 }
 
 button a:link,
 button a:active,
 button a:visited,
 button a:hover {
     color: #FFFFFF;
     font-size: 1rem;
 }
 
 .g-recaptcha {
     float: left;
     margin: 0 0 1rem 1rem;
     width: calc(100% - 1rem);
 }
 /*******************************************************/
 
 @media screen and (min-width:480px) {
     #masthead {
         justify-content: center;
         margin: 1rem;
     }
     #masthead a {
         width: 60%;
     }
     #masthead span {
         display: none;
         font-size: 1.5rem;
     }
     .social-header a {
         margin: 1rem 0 1rem 0.5rem;
     }
     .social-header a span {
         display: none;
     }
     .social-header div span.follow:after {
         content: ":";
     }
     .social-header div span.share:after {
         content: ":";
     }
     .social-header div span.hashtag:before {
         content: none;
     }
     article + .container {
         width: calc(100% - 1rem);
         margin: 0;
     }
     .item {
         min-width: calc(100% - 3rem);
         flex-basis: calc(100% - 3rem);
     }
     article + .container .item {
         min-width: calc(100% - 3rem);
         flex-basis: calc(100% - 3rem);
     }
     article {
         margin: 1rem 0 0 1rem;
         width: calc(100% - 2rem);
     }
     #social-footer ul li a span {
         width: auto;
         overflow: auto;
         padding: 0 0.5rem 0 2.5rem;
     }
 }
 /*******************************************************/
 
 @media screen and (min-width:600px) {
     #masthead {
         justify-content: center;
         margin: 1rem;
     }
     #masthead a {
         width: 50%;
     }
     #masthead span {
         display: none;
         font-size: 1.5rem;
     }
     .social-header a {
         margin: 1rem 0 1rem 1rem;
     }
     .social-header a span {
         display: none;
     }
     .social-header div span.follow:after {
         content: ":";
     }
     .social-header div span.share:after {
         content: ":";
     }
     .social-header div span.hashtag:before {
         content: none;
     }
     article + .container {
         width: calc(100% - 1rem);
         margin: 0;
     }
     .item {
         min-width: calc(100% * (1/2) - 3rem);
         flex-basis: calc(100% * (1/2) - 3rem);
     }
     article + .container .item {
         min-width: calc(100% * (1/2) - 3rem);
         flex-basis: calc(100% * (1/2) - 3rem);
     }
     article {
         margin: 1rem 0 0 1rem;
         width: calc(100% - 2rem);
     }
     #social-footer ul li a span {
         width: auto;
         overflow: auto;
         padding: 0 0.5rem 0 2.5rem;
     }
 }
 /*******************************************************/
 
 @media screen and (min-width: 840px) {
     #masthead {
         justify-content: flex-start;
         margin: 1rem 2rem;
     }
     #masthead a {
         width: 30%;
     }
     #masthead span {
         display: inline;
         font-size: 1.25rem;
     }
     .social-header a {
         margin: 1rem 0 1rem 1rem;
     }
     .social-header a span {
         display: none;
     }
     .social-header div span.follow:after {
         content: ":";
     }
     .social-header div span.share:after {
         content: ":";
     }
     .social-header div span.hashtag:before {
         content: none;
     }
     article + .container {
         width: calc(100% - 1rem);
         margin: 0;
     }
     .item {
         min-width: calc(100% * (1/2) - 3rem);
         flex-basis: calc(100% * (1/2) - 3rem);
     }
     article + .container .item {
         min-width: calc(100% * (1/3) - 3rem);
         flex-basis: calc(100% * (1/3) - 3rem);
     }
     article {
         margin: 1rem 0 0 1rem;
         width: calc(100% - 2rem);
     }
     #social-footer ul li a span {
         width: auto;
         overflow: auto;
         padding: 0 0.5rem 0 2.5rem;
     }
 }
 /*******************************************************/
 
 @media screen and (min-width: 960px) {
     #masthead {
         justify-content: flex-start;
         margin: 1rem 2rem;
     }
     #masthead a {
         width: 30%;
     }
     #masthead span {
         display: inline;
         font-size: 1.25rem;
     }
     .social-header a {
         margin: 1rem 0 1rem 1rem;
     }
     .social-header a span {
         display: inline;
     }
     .social-header div span.follow:after {
         content: ":";
     }
     .social-header div span.share:after {
         content: ":";
     }
     .social-header div span.hashtag:before {
         content: none;
     }
     article + .container {
         width: calc(100% * (1/3) - 1rem);
         margin: 1rem 0 0 0;
     }
     .item {
         min-width: calc(100% * (1/3) - 3rem);
         flex-basis: calc(100% * (1/3) - 3rem);
     }
     article + .container .item {
         min-width: calc(100% - 3rem);
         flex-basis: calc(100% - 3rem);
     }
     article {
         margin: 1rem 0 0 1rem;
         width: calc(100% * (2/3) - 1rem);
     }
     #social-footer ul li a span {
         width: auto;
         overflow: auto;
         padding: 0 0.5rem 0 2.5rem;
     }
 }
 /*******************************************************/
 
 @media screen and (min-width: 1280px) {
     #masthead {
         justify-content: flex-start;
         margin: 1rem 2rem;
     }
     #masthead a {
         width: 30%;
     }
     #masthead span {
         display: inline;
         font-size: 1.5rem;
         flex: 1;
     }
     .social-header a {
         margin: 1rem 0 1rem 1rem;
     }
     .social-header a span {
         display: inline;
     }
     .social-header div span.follow:after {
         content: "\00a0" "canzuk on social media:";
     }
     .social-header div span.share:after {
         content: "\00a0" "this article on social media:";
     }
     .social-header div span.hashtag:before {
         content: "Please use" "\00a0";
     }
     article + .container {
         width: calc(100% * (1/3) - 1rem);
         margin: 1rem 0 0 0;
     }
     .item {
         min-width: calc(100% * (1/3) - 3rem);
         flex-basis: calc(100% * (1/3) - 3rem);
     }
     article + .container .item {
         min-width: calc(100% - 3rem);
         flex-basis: calc(100% - 3rem);
     }
     article {
         margin: 1rem 0 0 1rem;
         width: calc(100% * (2/3) - 1rem);
     }
     #social-footer ul li a span {
         width: auto;
         overflow: auto;
         padding: 0 0.5rem 0 2.5rem;
     }
 }