@font-face {
font-family: "Sensei";
src: url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-Sensei-Medium.woff2)
format("woff2"),
url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-Sensei-Medium.woff)
format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "TisaSansPro";
src: url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-TisaSansPro-Bold.woff2)
format("woff2"),
url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-TisaSansPro-Bold.woff)
format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "TisaSansPro";
src: url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-TisaSansPro-BoldItalic.woff2)
format("woff2"),
url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-TisaSansPro-BoldItalic.woff)
format("woff");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "TisaSansPro";
src: url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-TisaSansPro-Italic.woff2)
format("woff2"),
url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-TisaSansPro-Italic.woff)
format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "TisaSansPro";
src: url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-TisaSansPro.woff2)
format("woff2"),
url(//kudoz.ca/wp-content/themes/kudoz/assets/fonts/hinted-TisaSansPro.woff)
format("woff");
font-weight: normal;
font-style: normal;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
} audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
} [hidden] {
display: none;
visibility: hidden;
}  html {
height: 100%;
font-size: 100%;
overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
}
body {
margin: 0 auto;
min-height: 100%;
} body,
button,
input,
select,
textarea {
font: 1em/1.625 Georgia, serif;
color: #222; } p,
blockquote,
q,
pre,
address,
hr,
code,
samp,
dl,
ol,
ul,
form,
table,
fieldset,
menu,
h4,
h5,
h6,
img,
figure,
figcaption,
button,
hr {
margin: 0 0 1.625em;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Palatino, "Palatino Linotype", "Book Antiqua", FreeSerif, Georgia,
serif;
font-size: 1em;
font-weight: bold;
}
h1 {
font-size: 4.25em; line-height: 1.1471em;
margin: 0 0 0.3824em;
}
h2 {
font-size: 2.625em; line-height: 1.2381em;
margin: 0 0 0.619em;
}
h3 {
font-size: 1.625em; line-height: 1em;
margin: 0 0 1em;
}
small {
font-size: 0.625em; margin: 0 0 2.6em;
}  pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
pre,
code,
kbd,
samp {
font: 1em/1.625em Menlo, Consolas, "DejaVu Sans Mono", Monaco, "Courier New",
Courier, monospace;
} table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
tr,
th,
td {
padding-right: 1.625em;
} form {
margin: 0;
}
fieldset {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
legend {
border: 0;
*margin-left: -7px;
}
button,
input,
select,
textarea {
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
*overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} table button,
table input {
*overflow: auto;
} blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
blockquote,
q,
cite {
font-style: italic;
}
blockquote {
padding-left: 1.625em;
border-left: 1px solid #ddd;
}
blockquote > p {
padding: 0;
} ul,
ol {
list-style-position: inside;
padding: 0;
}
li ul,
li ol {
margin: 0 1.625em;
}
dl dd {
margin-left: 1.625em;
} a,
a:visited {
text-decoration: none;
color: #06c;
border-bottom: 1px solid transparent;
}
a:hover {
border-bottom-color: inherit;
}
a:focus {
outline: thin dotted;
} a:hover,
a:active {
outline: none;
} figure {
margin: 0;
} img,
object,
video {
max-width: 100%;  }
img {
border: 0;
-ms-interpolation-mode: bicubic; } svg:not(:root) {
overflow: hidden;
} abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
} mark {
background: #ff0;
}
ins {
text-decoration: none;
background: #ff9;
}
del {
text-decoration: line-through;
} hr {
display: block;
height: 1px;
border: 0;
border-bottom: 1px solid #ddd;
}
strong,
b,
dt {
font-weight: bold;
}
dfn {
font-style: italic;
}
var,
address {
font-style: normal;
} sub,
sup {
font-size: 0.625em;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  .group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
*zoom: 1;
}   @media only screen and (min-width: 480px) { }
@media only screen and (min-width: 768px) { }
@media only screen and (min-width: 1024px) { }  @media print {
* {
background: transparent !important;
color: black !important; text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
} a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
} thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%; 
margin-top: 4%;
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}
@media (max-width: 500px) {
body {
margin-top: 70px !important;
}
}
main {
min-height: 500px;
}
.edit-page {
padding: 2% 4% 2% 4%;
text-align: center;
color: #fff !important;
background: #e15757;
width: 100%;
display: block;
text-transform: uppercase;
border: 0px !important;
font-size: 17px;
}
.edit-page i.material-icons {
position: relative;
top: 6px;
}
.edit-off {
background: #9BB58F;
}
.live-edit-button {
border-radius: 2px;
}
#live-edit-iframe {
border: 0px !important;
box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}
.slideshow-container .live-edit-button {
top: auto !important;
bottom: 0px !important;
}
* {
box-sizing: border-box;
}
html,body {
width: 100%;
overflow-x: hidden;
}
.container {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0px;
box-sizing: border-box; }
.column,
.columns {
width: 100%;
float: left;
box-sizing: border-box;
padding: 4%;
position: relative;}
.columns > .columns {
padding: 0;
} @media (min-width: 768px) {
.column,
.columns {
margin-left: 4%; }
.column:first-child,
.columns:first-child {
margin-left: 0; }
.six.columns                    { width: 13.3333333333%; }
.four.columns                   { width: 22%;            }
.three.columns                  { width: 30.6666666667%; }
.two.columns                    { width: 48%;            }
.one.columns                    { width: 100%; margin-left: 0; } .six.columns:nth-child(6n+7)    { margin-left: 0; }
.four.columns:nth-child(4n+5)   { margin-left: 0; }
.three.columns:nth-child(3n+4)  { margin-left: 0; }
.two.columns:nth-child(2n+3)    { margin-left: 0; }
.edge-to-edge {
margin: 0px;
padding: 4%;
}
.edge-to-edge.six.columns       { width: 16.6666666667%; }
.edge-to-edge.five.columns      { width: 20%;            }
.edge-to-edge.four.columns      { width: 25%;            }
.edge-to-edge.three.columns     { width: 33.3333333334%; }
.edge-to-edge.thirds.columns    { width: 66.6666666667%; }
.edge-to-edge.two.columns       { width: 50%;            }
.edge-to-edge.one.columns       { width: 100%; margin-left: 0; }
}
.no-top-margin {
margin-top: -4%;
}
.slideshow-container + .text_banner-container .no-top-margin {
margin-top: 0;
}
.slideshow-container + .text_banner-container .no-top-margin .first-banner {
margin-top: -12%;
z-index: 50;
}  html {
font-size: 62.5%; }
body {
font-size: 1.85em; line-height: 1.6;
letter-spacing: -.01em;
font-weight: 400;
font-family: "TisaSansPro", Helvetica, Arial, sans-serif;
color: #222; }
html, body {
margin: 0px;
padding: 0px;
} .fit-text {
opacity: 0;
}
.loaded .fit-text {
opacity: 1;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 2rem;
font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; } @media (min-width: 550px) {
h1 { font-size: 5.0rem; }
h2 { font-size: 4.2rem; }
h3 { font-size: 3.6rem; }
h4 { font-size: 3.0rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 1.5rem; }
}
.no-bold {
font-weight: 100 !important;
}
p {
margin-top: 0; } a {
color: #1EAEDB; }
a:hover {
color: #0FA0CE; } .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #bbb;
cursor: pointer;
box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
color: #333;
border-color: #888;
outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
color: #FFF;
background-color: #33C3F0;
border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
color: #FFF;
background-color: #1EAEDB;
border-color: #1EAEDB; } input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 46px;
padding: 6px 10px; background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box; } input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #33C3F0;
outline: 0; }
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 600; }
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal; } ul {
list-style: circle inside; }
ol {
list-style: decimal inside; }
ol, ul {
padding-left: 0;
margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90%; }
li {
margin-bottom: 1rem; } code {
padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px; }
pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre; } th,
td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
padding-left: 0; }
th:last-child,
td:last-child {
padding-right: 0; } button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; } .u-full-width {
width: 100%;
box-sizing: border-box; }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box; }
.u-pull-right {
float: right; }
.u-pull-left {
float: left; } hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1; }  .container:after,
.row:after,
.u-cf {
content: "";
display: table;
clear: both; } .component a,
#menu-top-navigation a,
#header-logo,
#menu-toggle {
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
.component a[href="#!"] {
pointer-events: none;
cursor: default !important;
}
.component a[href="#!"] .tts {
pointer-events: auto;
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/play.png) 15 15, auto !important;
}
.tts {
display: none !important;
opacity: 0;
transition: opacity 0.4s;
cursor: pointer;
line-height: 0 !important;
font-size: 24px !important;
vertical-align: middle;
position: relative;
top: -1px;
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/play.png) 15 15, auto !important;
}
.component > div:hover .tts {
display: inline !important; 
opacity: 1;
}
.component h1,
.component h2,
.component h3 {
font-family: "Sensei";
}
.component h4,
.component h5,
.component h6 {
font-family: "TisaSansPro", Helvetica, Arial, sans-serif;
font-weight: 900; 
} .slideshow-container {
position: relative;
width: 100%;
padding-top: 45%;
transition: all 0.4s;
}  
@media (max-width: 1000px) {
.slideshow-container {
padding-top: 55%;
} 
}
@media (max-width: 768px) {
.slideshow-container {
padding-top: 75%;
} 
}
@media (max-width: 600px) {
.slideshow-container {
padding-top: 100%;
} 
}
@media (max-width: 500px) {
.slideshow-container {
padding-top: 115%;
} 
}
.slideshow-container .scrim {
display: block;
}
.slideshow-component {
position: absolute !important;
top: 0px;
left: 0px;
background: #222;
}
.slide {
background-size: cover !important;
background-position: top center !important;
padding: 4%;
} 
.slide h2 {
color: #fefcfb !important;
}
.scrim {
display: none;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/scrim.png);
background-size: 100% 100% !important;
opacity: .5;
z-index: 1;
}
.slide-scrim-bottom {
position: absolute;
bottom: 0px;
height: 200px;
left: 0px;
width: 100%;
z-index: 2;
transform: rotate(180deg);
background: -moz-linear-gradient(top, rgba(34,34,34,0.5) 0%, rgba(15,15,15,0.45) 55%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(34,34,34,0.5) 0%,rgba(15,15,15,0.45) 55%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(34,34,34,0.5) 0%,rgba(15,15,15,0.45) 55%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6222222', endColorstr='#00000000',GradientType=0 );
opacity: 1;
}
@media (max-width: 500px) {
.slide-scrim-bottom {
display: none;
}
}
.slide-content {
position: absolute;
width: 55%;
z-index: 2;
bottom: 0px;
left: 0px;
padding: 2%;
color: #fefcfb;
background: teal;
margin-left: 4%;
bottom: -4%;
border-radius: 3px;
}
@media (max-width: 600px) {
.slide-content {
width: 92%;
bottom: 4%;
} 
.slide-content .tts {
opacity: 0 !important;
font-size: 1px !important;
}
.slide h2 {
margin-bottom: 6px;
}
}
.skippr {
overflow: visible !important;
}
.slide-content {
font-size:calc(13px + .7vw);
line-height:calc(18px + .7vw);
display: flex;
justify-content: center;
align-items: center;
}
.slide-content img {
width: 28%;
display: block;
float: left;
margin: 0px;
}
.slide-content-text {
width: 70%;
float: left;
position: relative;
margin-left: 2%;
}
.slide-content h2 {
font-size:calc(18px + 2vw);
line-height:calc(18px + 2vw);
}
.skippr-nav-container {
display: none;
text-align: center;
overflow: hidden !important;
bottom: -9px !important;
}
.skippr-nav-element {
float: none !important;
display: inline-block !important;
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
.skippr-previous {
border-top-width: 4px !important;
border-left-width:  4px !important;
}
.skippr-next {
right: 4% !important;
border-bottom-width: 4px !important;
border-right-width:  4px !important;
}
.slide-cta-content {
position: absolute;
right: 0px;
bottom: 0px;
padding: 4%;
width: 33%;
min-width: 200px;
max-width: 420px;
z-index: 99;
}
@media (max-width: 600px) {
.slideshow-component .slide-cta-content {
width: 100%;
max-width: 100%;
opacity: 0 !important; 
bottom: auto;
top: 0px;
}
.slideshow-component .slide-cta-content a {
height: 100%;
}
.skippr-next {
right: 5.5% !important;
}
}
.hero .slide-cta-content,
.hero .slide-content {
display: none;
}
.slide-cta-content .cta-button {
display: block;
position: relative;
width: 100%;
padding-top: 26%;
border: 0px !important;
transition: all 0.5s;
backface-visibility: hidden;
}
.slide-cta-content .cta-button:hover {
transform: scale(1.05);
}
.slide-cta-content .cta-button-bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: auto;
z-index: 10;
}
.slide-cta-content .cta-button-content {
font-family:Sensei;
color: #222;
position: absolute;
top: 0px;
left: 0px;
z-index: 50;
text-shadow: none;
width: 100%;
text-align: center;
padding: 6%;
}
.slide .slide-cta-content {
display: none; 
}
.slide .slide-cta-content.has-cta {
display: block; 
} .banner-spacer {
width: 100%;
padding-top: 2%;
}
.banner-container {
position: relative;
min-width: 340px;
max-width: 600px;
width: 60%;
margin: 0 auto;
display: block;
margin-bottom: 3%;
}
.single-story .banner-container.first-banner {
margin-top: -12%;
z-index: 50;
}
.banner {
width: 100%;
margin: 0px;
}
.banner-text-container {
display: block;
width: 68%;
position: absolute;
top: 51%;
left: 51%;
transform: translate(-50%,-50%);
}
.banner-text {
line-height: 0.9;
text-align: center;
}
.banner-item .slide-cta-content {
display: none;
position: relative;
left: 50%;
right: auto;
transform: translate(-50%);
margin-bottom: -1.625em;
}
.banner-item .slide-cta-content.has-cta {
display: block; 
}
@media (max-width: 768px) {
.banner-text {
font-size: 19px !important;
line-height: 16px !important;
}
.banner-spacer {
padding-top: 6%;
}
.banner-item .slide-cta-content {
width: 65% !important;
opacity: 1 !important;
margin-bottom: 4%;
margin-top: 2%;
}
.single-story .banner-container.first-banner {
margin-top: -16%;
z-index: 50;
}
} @media (max-width: 768px) {
.steps4-component .step-item {
width: 50%;
padding: 6%;
}
}
@media (max-width: 500px) {
.steps4-component .step-item {
width: 100%;
}
}
@media (max-width: 768px) {
.steps3-component .step-item {
width: 50%;
padding: 4%;
}
.steps3-component .step-3 {
width: 100%;
padding-left: 28%;
padding-right: 28%;
padding-bottom: 8%;
}
}
@media (max-width: 500px) {
.steps3-component .step-item {
width: 100%;
padding: 10%;
}
}
.step-circle-bg,
.step-circle {
transform: scale(1);
transition: transform .3s;
cursor: pointer;
}
.step-item:hover .step-circle-bg,
.step-item:hover .step-circle {
transform: scale(1.05);
transition: transform .3s;
}
.step-circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index:3;
pointer-events: none;
margin-top: 4%;
}
.step-1 .step-circle {
transform: rotate(90deg);
}
.step-2 .step-circle {
transform: rotate(45deg);
}
.step-3 .step-circle {
transform: rotate(180deg);
}
.step-4 .step-circle {
transform: rotate(260deg);
}
.step-5 .step-circle {
transform: rotate(100deg);
}
.step-circle-bg {
width: 100%;
top: 0;
left: 0;
position: relative;
z-index:2;
}
.step-content-container {
width: 100%;
top: 0;
left: 0;
position: absolute;
z-index:2;
}
.step-circle-circle {
width: 100%;
padding-top: 100%;
border-radius: 50%;
margin-left: -4%;
}
.step-content {
text-align: center;
font-style: italic;
border-radius: 50%;
z-index: 5;
width: 100%;
padding-top: 100%;
position: relative;
margin-top: 4%;
}
.step-content h6 {
line-height: 1.1;
margin-bottom: 5px;
font-size: 1.45vw;
color: #222;
}
.step-contents {
border: 2.75vw solid transparent;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
z-index: 10;
}
.step-illustration {
margin-top: -10%;
position: relative;
z-index: 90;
}
.mobile-step-illustration {
display: none;
width: 45%;
margin: 0 auto;
margin-bottom: 6px;
}
@media (max-width: 768px) {
.step-illustration {
display: none;
}
.mobile-step-illustration {
display: block;
}
.step-content h6 {
line-height: 1.1;
font-size: 2.5vw;
}
.step-contents {
margin-left: -2%;
border: 3.25vw solid transparent;
}
.steps3-component .step-content h6 {
font-size: 2.75vw;
}
.steps3-component .step-contents {
border: 5vw solid transparent;
}
}
@media (max-width: 500px) {
.steps4-component .step-item {
padding: 6%;
padding-left: 16%;
padding-right: 16%;
}
.steps3-component .step-item {
padding: 6%;
padding-left: 16%;
padding-right: 16%;
}
.step-illustration {
display: none;
width: 40%;
}
.mobile-step-illustration {
display: block;
}
.step-content h6 {
line-height: 1.1;
font-size: 4.5vw;
}
.step-contents {
margin-left: -2%;
border: 8vw solid transparent;
}
.steps3-component .step-content h6 {
font-size: 4.5vw;
}
.steps3-component .step-contents {
border: 10vw solid transparent;
}
}
.step-number {
position: absolute;
top: 0%;
width: 30px;
height: 30px;
background: #263a7b;
border-radius: 50%;
color: #fefcfb;
left: calc(50% - 15px) !important;
z-index: 90;
text-align: center;
opacity: 0;
}
.has-steps .step-number {
opacity: 1;
} .team-component {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
backface-visibility: hidden;
}
.team-item .banner,
.team-item .step-circle-bg {
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
.team-item a.big-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: transparent;
padding-top: 95%;
z-index: 50;
border: 0px !important;
}
.team-component .team-item {
flex-basis: : 33.33%;
}
.team-component .step-circle-circle {
background-size: cover !important;
background-position: center center !important;
margin-left: 0;
backface-visibility: hidden;
}
.team-component .slide-cta-content {
width: 75%;
}
.team-component .banner-container {
position: relative;
min-width: 90%; 
max-width: 90%; 
width: 90%;
margin: 0 auto;
display: block;
margin-bottom: 0;
margin-top: -15%;
backface-visibility: hidden;
}
.team-component .chip-bg {
width: 96%;
padding-top: 23%;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
border-radius: 3vw;
}
.team-component .banner-text-container {
z-index: 20;
}
.team-item:hover > .banner-container {
transform: scale(1.05);
transition: all 0.5s;
z-index: 30;
}
.team-component .banner {
position: relative;
z-index: 30;
}
.team-component .banner-text-container {
display: block;
width: 120%;
position: absolute;
top: 45%;
left: 51%;
transform: translate(-50%,-50%);
}
.team-component h2.banner-text {
margin: 0px !important;
}
.team-text {
text-align: center;
}
@media (max-width: 768px) {
.team-component .team-item {
width: 50%;
flex-basis: : 50%;
}
.team-component .chip-bg {
border-radius: 4vw;
}
}
@media (max-width: 500px) {
.team-component .team-item {
width: 100%;
flex-basis: : 100%;
}
.team-component .chip-bg {
border-radius: 10vw;
}
.team-component .banner-container {
position: relative;
min-width: 70%; 
max-width: 70%; 
width: 70%;
margin: 0 auto;
display: block;
margin-bottom: 0;
margin-top: -15%;
backface-visibility: hidden;
}
.team-item {
padding-left: 16%;
padding-right: 16%;
}
}
.team_bio-component {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
backface-visibility: hidden;
}
.team_bio-item .banner,
.team_bio-item .step-circle-bg {
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
.team_bio-item a.big-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: transparent;
padding-top: 95%;
z-index: 50;
border: 0px !important;
}
.team_bio-component .team-item {
flex-basis: : 33.33%;
}
.team_bio-component .step-circle-circle {
background-size: cover !important;
background-position: center center !important;
margin-left: 0;
backface-visibility: hidden;
}
.team_bio-component .slide-cta-content {
width: 75%;
}
.team_bio-component .banner-container {
position: relative;
min-width: 90%; 
max-width: 90%; 
width: 90%;
margin: 0 auto;
display: block;
margin-bottom: 0;
margin-top: -15%;
backface-visibility: hidden;
}
.team_bio-component .chip-bg {
width: 96%;
padding-top: 23%;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
border-radius: 3vw;
}
.team_bio-component .banner-text-container {
z-index: 20;
}
.team_bio-component .banner {
position: relative;
z-index: 30;
}
.team_bio-component .banner-text-container {
display: block;
width: 120%;
position: absolute;
top: 45%;
left: 51%;
transform: translate(-50%,-50%);
}
.team_bio-component h2.banner-text {
margin: 0px !important;
}
.team_bio-text {
text-align: center;
}
@media (max-width: 768px) {
.team_bio-component .team-item {
width: 50%;
flex-basis: : 50%;
}
.team_bio-component .chip-bg {
border-radius: 4vw;
}
}
@media (max-width: 500px) {
.team_bio-component .team-item {
width: 100%;
flex-basis: : 100%;
}
.team_bio-component .chip-bg {
border-radius: 10vw;
}
.team_bio-component .banner-container {
position: relative;
min-width: 70%; 
max-width: 70%; 
width: 70%;
margin: 0 auto;
display: block;
margin-bottom: 0;
margin-top: -15%;
backface-visibility: hidden;
}
.team_bio-item {
padding-left: 16%;
padding-right: 16%;
}
}
.team_bio_geolocate-component {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
backface-visibility: hidden;
}
.team_bio_geolocate-item .banner,
.team_bio_geolocate-item .step-circle-bg {
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
.team_bio_geolocate-item a.big-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: transparent;
padding-top: 95%;
z-index: 50;
border: 0px !important;
}
.team_bio_geolocate-component .team-item {
flex-basis: : 33.33%;
}
.team_bio_geolocate-component .step-circle-circle {
background-size: cover !important;
background-position: center center !important;
margin-left: 0;
backface-visibility: hidden;
}
.team_bio_geolocate-component .slide-cta-content {
width: 75%;
}
.team_bio_geolocate-component .banner-container {
position: relative;
min-width: 90%; 
max-width: 90%; 
width: 90%;
margin: 0 auto;
display: block;
margin-bottom: 0;
margin-top: -15%;
backface-visibility: hidden;
}
.team_bio_geolocate-component .chip-bg {
width: 96%;
padding-top: 23%;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
border-radius: 3vw;
}
.team_bio_geolocate-component .banner-text-container {
z-index: 20;
}
.team_bio_geolocate-item:hover > .banner-container {
transform: scale(1.05);
transition: all 0.5s;
z-index: 30;
}
.team_bio_geolocate-component .banner {
position: relative;
z-index: 30;
}
.team_bio_geolocate-component .banner-text-container {
display: block;
width: 120%;
position: absolute;
top: 45%;
left: 51%;
transform: translate(-50%,-50%);
}
.team_bio_geolocate-component h2.banner-text {
margin: 0px !important;
}
.team_bio_geolocate-text {
text-align: center;
}
@media (max-width: 768px) {
.team_bio_geolocate-component .team-item {
width: 50%;
flex-basis: : 50%;
}
.team_bio_geolocate-component .chip-bg {
border-radius: 4vw;
}
}
@media (max-width: 500px) {
.team_bio_geolocate-component .team-item {
width: 100%;
flex-basis: : 100%;
}
.team_bio_geolocate-component .chip-bg {
border-radius: 10vw;
}
.team_bio_geolocate-component .banner-container {
position: relative;
min-width: 70%; 
max-width: 70%; 
width: 70%;
margin: 0 auto;
display: block;
margin-bottom: 0;
margin-top: -15%;
backface-visibility: hidden;
}
.team_bio-item {
padding-left: 16%;
padding-right: 16%;
}
} .thumbnail-component {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
backface-visibility: hidden;
}
.thumb-img {
border-radius: 4px;
width: 100%;
padding-top: 100%;
background-size: cover !important;
background-position: center center !important;
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
.thumb-text {
line-height: 1.25;
margin-top: 4%;
text-align: center;
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
.thumb-text a {
color: #222 !important;
border: 0px !important;
}
.thumb-text h3 {
display: inline-block;
width: auto;
font-size: 2.5rem; line-height: 1.3;  letter-spacing: -.1rem;
margin-bottom: 6px;
}
.thumb-text h3:after {
content: "";
float: left;
background: #ffe512;
width: 100%;
height: 4px;
border-radius: 2px;
}
.thumb-item {
padding-bottom: 8%;
}
.thumb-item .ornament {
width: 78%;
margin: 0px;
margin-top: 5%;
position: absolute;
bottom: 6%;
left: 10%;
}
.thumbnail-component .thumb-item {
flex-basis: : 33.33%;
}
@media (max-width: 768px) {
.thumbnail-component .thumb-item {
width: 50%;
flex-basis: : 50%;
}
.thumb-item {
padding-bottom: 12%;
}
.thumb-item .ornament {
width: 78%;
margin: 0px;
margin-top: 5%;
position: absolute;
bottom: 6%;
left: 10%;
}
}
@media (max-width: 500px) {
.thumbnail-component .thumb-item {
width: 100%;
flex-basis: : 100%;
margin-bottom: 6%;
}
.thumb-item {
padding-bottom: 22%;
}
.thumb-item .ornament {
width: 78%;
margin: 0px;
margin-top: 5%;
position: absolute;
bottom: 6%;
left: 10%;
}
} .text-item h2 {
display: inline-block;
width: auto;
margin-bottom: 2%;
}
.text-item h2:after {
content: "";
float: left;
background: #ffe512;
width: 100%;
height: 4px;
border-radius: 2px;
}
.text-item .slide-cta-content {
display: none;
position: relative;
left: 50%;
right: auto;
transform: translate(-50%);
margin-bottom: -1.625em;
}
.text-item .slide-cta-content.has-cta {
display: block; 
} .text_left-component .text-image {
border-radius: 50%;
padding-top: 100%;
width: 100%;
background-size: cover !important;
background-position: center center !important;
}
.single-story .text_left-component .text-image {
border-radius: 0% !important;
padding-top: 0%;
}
.text_left-component .image-left {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.text_left-component .text-item .slide-cta-content {
transform: translate(0); 
left: 30%;
}
.text-image-left {
width: 30%;
flex-basis: 30%;
}
.text-text-left {
width: 65%;
flex-basis: 65%;
}
.text-text-cta {
margin-top: -4%;
width: 100%;
flex-basis: 100%;
}
.text_left-component .text-item .slide-cta-content {
transform: translate(0);
left: 30%;
}
.single-story .slide-cta-content {
width: 50%;
}
@media (max-width: 900px) {
.text_left-component .text-item .slide-cta-content {
width: 45%;
opacity: 1 !important;
margin-top: 4%;
}
}
@media (max-width: 500px) {
.text_left-component .text-item .slide-cta-content {
width: 75%;
opacity: 1 !important;
}
.text-image-left,
.text-text-left {
width: 100%;
flex-basis: 100%;
}
.text_left-component .text-image {
border-radius: 50%;
padding-top: 60%;
width: 60%;
margin: 0 auto;
background-size: cover !important;
background-position: center center !important;
margin-bottom: 4%;
}
.text_left-component .text-item .slide-cta-content {
transform: translate(-50%);
left: 50%;
}
.text-text-cta {
margin-top: 4%;
}
}
.text-illustration {
width: 50%;
margin: 0 auto;
margin-left: 0%;
margin-top: -20%;
} .text_right-component .text-image {
border-radius: 50%;
padding-top: 100%;
width: 100%;
background-size: cover !important;
background-position: center center !important;
}
.single-story .text_right-component .text-image {
border-radius: 0% !important;
padding-top: 0%;
}
.text_right-component .image-right {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.text_right-component .text-item .slide-cta-content {
transform: translate(0);
left: -4%;
}
@media (max-width: 900px) {
.text_right-component .text-item .slide-cta-content {
width: 45%;
opacity: 1 !important;
}
}
@media (max-width: 500px) {
.text_right-component .text-item .slide-cta-content {
width: 75%;
opacity: 1 !important;
}
.text-image-left,
.text-text-left {
width: 100%;
flex-basis: 100%;
}
.text_right-component .text-image {
border-radius: 50%;
padding-top: 60%;
width: 60%;
margin: 0 auto;
background-size: cover !important;
background-position: center center !important;
margin-top: 4%;
margin-bottom: -10%;
}
.text_right-component .text-item .slide-cta-content {
transform: translate(-50%);
left: 50%;
}
}
.text_right-component .text-illustration {
width: 50%;
float: right;
margin-left: 0%;
margin-top: -20%;
} .slogan_left-container .component,
.slogan_image-container .component {
margin-bottom: -2px;
}
.slogan_left-container + section .edge-to-edge{
margin-top: -2px;
}
.slogan_left-component .slogan-image,
.slogan_image-component .slogan-image {
position: relative;
padding-top: 100%;
width: 100%;
background-size: cover !important;
background-position: center center !important;
}
.slogan-quotes {
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 33.33%;
z-index: 20;
}
.slogan-item {
padding: 0;
}
.slogan_left-component .text-text-left,
.slogan_image-component .text-text-left {
width: 66.66%;
flex-basis: 66.66%;
}
.slogan_left-component .text-image-left,
.slogan_image-component .text-image-left {
width: 33.33%;
flex-basis: 33.33%;
}
.slogan_left-component .image-left,
.slogan_image-component .image-left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.slogan_left-component .slogan-image.right-slogan-image,
.slogan_image-component .slogan-image.right-slogan-image {
padding-top: 50%;
}
.slogan-text {
position: absolute;
top: 50%;
transform: translate(0,-48%);
left: 0;
right: 0;
padding: 6.5%;
width: 33.33%;
}
.slogan-text h1 {
line-height: .95 !important;
}
.slabtexted .slabtext
{
display: -moz-inline-box;
display: inline-block;
white-space: nowrap;
}
.slabtextinactive .slabtext
{
display: inline;
white-space: normal;
font-size: 1em !important;
letter-spacing: inherit !important;
word-spacing: inherit !important;
*letter-spacing: normal !important;
*word-spacing: normal !important;
}
.slabtextdone .slabtext
{
display: block;
}
.slogan_left-component .text-item .slide-cta-content,
.slogan_image-component .text-item .slide-cta-content {
transform: translate(0);
left: 30%;
}
.slogan_left-component .text-item .slide-cta-content,
.slogan_image-component .text-item .slide-cta-content {
transform: translate(0);
left: 30%;
}
@media (max-width: 900px) {
.slogan_left-component .text-item .slide-cta-content,
.slogan_image-component .text-item .slide-cta-content {
width: 45%;
opacity: 1 !important;
}
}
@media (max-width: 768px) {
.slogan-quotes {
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 50%;
z-index: 20;
}
.slogan_left-component .text-text-left,
.slogan_image-component .text-text-left {
width: 50%;
flex-basis: 50%;
}
.slogan_left-component .text-image-left,
.slogan_image-component .text-image-left {
width: 50%;
flex-basis: 50%;
}
.slogan_left-component .image-left,
.slogan_image-component .image-left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.slogan_left-component .slogan-image.right-slogan-image,
.slogan_image-component .slogan-image.right-slogan-image {
padding-top: 100%;
}
.slogan-text {
position: absolute;
top: 50%;
transform: translate(0,-48%);
left: 0;
right: 0;
padding: 10%;
width: 50%;
}
}
@media (max-width: 500px) {
.slogan_left-component .text-item .slide-cta-content,
.slogan_image-component .text-item .slide-cta-content {
width: 75%;
opacity: 1 !important;
}
.slogan_left-component .text-item .slide-cta-content,
.slogan_image-component .text-item .slide-cta-content {
transform: translate(-50%);
left: 50%;
}
} .story_panel-component {
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.story-item {
overflow: hidden;
}
.story-item .step-circle-bg {
width: 42%;
top: 0;
left: 0;
position: relative;
z-index: 2;
margin-top: -82%;
}
.story-preview {
width: 75%;
}
.story-image-container {
margin-left: 30%;
width: 100%;
margin-bottom: -30%;
}
.story-even .story-image-container {
margin-left: 30%;
width: 100%;
margin-bottom: 30%;
margin-top: -30%;
}
.story-even .story-preview {
margin-top: 6%;
}
.story-image {
width: 90%;
padding-top: 90%;
background-size: cover !important;
background-position: center center !important;
border-radius: 50%;
}
.story-even .story-image {
background-position: center top !important;
}
.component > div:hover .step-circle-bg.story-circle .tts {
display: none !important;
opacity: 0 !important;
}
.story-item {
width: 50%;
flex-basis: 50%;
}
.story-item h2 {
line-height: 1;
margin-bottom: 2%;
}
.story-item h6 {
margin-bottom: 2%;
}
.story-item .slide-cta-content  {
width: 50%;
}
.story-item .text-text-cta {
padding-top: 10%;
}
@media (max-width: 768px) {
.story-item {
width: 100%;
flex-basis: 100%;
}
.story-item .step-circle-bg {
width: 32%;
top: 0;
left: 10%;
position: relative;
z-index: 2;
margin-top: -82%;
}
.story-item .slide-cta-content {
width: 50%;
max-width: 50%;
opacity: 1;
bottom: 0px;
}
}
@media (max-width: 500px) {
.story-item .slide-cta-content {
width: 60%;
max-width: 60%;
opacity: 1;
bottom: 0px;
}
.story-item .step-circle-bg {
width: 42%;
top: 0;
left: 10%;
position: relative;
z-index: 2;
margin-top: -82%;
}
.step-content h6 {
line-height: 1.1;
font-size: 3.5vw;
}
} #nav-scrim {
position: absolute;
top: 0px;
height: 200px;
left: 0px;
width: 100%;
z-index: 20;
background: -moz-linear-gradient(top, rgba(34,34,34,0.5) 0%, rgba(15,15,15,0.45) 55%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(34,34,34,0.5) 0%,rgba(15,15,15,0.45) 55%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(34,34,34,0.5) 0%,rgba(15,15,15,0.45) 55%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6222222', endColorstr='#00000000',GradientType=0 );
opacity: 0.6;
transition: opacity 0.6s;
}
#nav-scrim.nav-active {
opacity: 1 !important;
}
@media (max-width: 500px) {
#nav-scrim {
display: none;
}
}
#top-nav {
position: fixed;
top: -70px;
left: 0px;
width: 100%;
height: 70px;
z-index: 999999; 
padding: 3%;
background: transparent;
}
#top-nav.sticky {
height: 70px; 
top: 0px;
padding: 0%;
background: #fefcfb;
transition: top 0.6s; 
z-index: 9999999;
}
@media (max-width: 500px) {
#top-nav.sticky {
transition: top 0s; 
}
}
#header-logo {
cursor: pointer;
position: absolute;
width: 18%;
min-width: 100px;
max-width: 180px;
top: 130px;
left: 4.5%;
transition: transform .2s;
}
#header-logo:hover {
transform: scale(1.05);
}
.sticky #header-logo {
min-width: 80px;
width: 80px;
margin-top: 7px;
margin-left: 80px;
top: 0px;
left: 0px;
}
@media (max-width: 500px) {
.sticky #header-logo {
margin-left: 0px;
left: 40%;
}
}
#top-nav a {
color: #fefcfb;
}
#top-nav.sticky a {
color: #222;
}
#top-nav #menu-toggle .material-icons {
display: block;
position: absolute;
font-size: 40px;
top: 70px;
left: 2%;
margin-top: 1.5%;
}
#top-nav.sticky #menu-toggle .material-icons {
top: 0px;
margin-top: 16px;
left: 0px;
margin-left: 22px;
}
#top-nav #search-toggle .material-icons {
display: block;
position: absolute;
font-size: 40px;
top: 70px;
right: 2%;
margin-top: 1.5%;
}
#top-nav.sticky #search-toggle .material-icons {
top: 0px;
margin-top: 16px;
right: 0px;
margin-right: 22px;
}
#menu-top-navigation {
position: absolute;
top: 94px;
right: 60px;
}
.sticky #menu-top-navigation {
position: absolute;
top: 22px;
right: 60px;
}
#menu-top-navigation li {
display: inline-block;
float: left;
text-transform: uppercase;
margin-right: 30px;
}
#menu-top-navigation li a {
border: 0px;
text-shadow: 0px 0px 4px #222;
font-weight: 900;
letter-spacing: 0.075em;
}
.menu-active #menu-top-navigation li a {
text-shadow: none !important;
color: #222 !important;
}
.menu-active #top-nav a {
color: #222 !important; 
}
.sticky #menu-top-navigation li a {
border: 0px;
text-shadow: none;
}
#menu-top-navigation li a:hover:after {
content:""; 
float:left; 
background:#ffe512; 
width:100%; 
height:4px; 
border-radius: 2px;
}
#menu-top-navigation li.current_page_item a:after {
content:""; 
float:left; 
background:#ffe512; 
width:100%; 
height:4px; 
border-radius: 2px;
}
@media (max-width: 768px) {
#menu-top-navigation {
display: none;
}
} #menu {
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
padding: 4%;
padding-top: 10%;
background: #1EB09F;
z-index: 9999;
display: none;
overflow-y: auto;
}
.menu-contents {
width: 400px;
margin: 0 auto;
}
#menu h2 a {
font-family:Sensei;
border: 0px !important;
color: #222 !important;
margin-bottom: 6px;
} 
#menu a {
color: #222 !important;
}   @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {} @media (min-width: 1000px) {} @media (min-width: 1200px) {}
.slabtexted .slabtext
{
display: -moz-inline-box;
display: inline-block;
white-space: nowrap;
}
.slabtextinactive .slabtext
{
display: inline;
white-space: normal;
font-size: 1em !important;
letter-spacing: inherit !important;
word-spacing: inherit !important;
*letter-spacing: normal !important;
*word-spacing: normal !important;
}
.slabtextdone .slabtext
{
display: block;
}
.slab {width: 40%;font-family:Sensei;}
.stories-filter {
font-family:TisaSansPro;
width:90%;
background:transparent;
border:2px solid #222 !important;
}
.team-filter {
font-family:TisaSansPro;
width:90%;
background:transparent;
border:2px solid #222 !important;
}
.story-archive {
background: #ede8e0;
}
.search-results .thumb-item {
background: rgb(237, 232, 224) !important;
}
.tts-read a {
color: #222 !important;
text-decoration: none;
border-bottom: 2px solid;
}
.html-block img {
margin: 0px;
display: block;
}
#simple-slideshow { 
margin: 0px; 
position: relative; 
width: 100%; 
padding-top: 33.33%;
overflow: hidden; 
}
#simple-slideshow > div { 
position: absolute; 
top: 0px; 
left: 0px; 
right: 0px; 
bottom: 0px; 
} 
@media (max-width: 768px) {
#simple-slideshow { 
margin-left: -45%;
width: 134%;
padding-top: 45%;
}
}
#page-17 .tts-read a {
border-color: transparent;
transition: border-color 0.6s;
}
#page-17 .tts-read a:hover {
border-color: inherit;
transition: border-color 0.6s;
}
#primary-footer {
background: #1EB09F;
color:#222;
}
#primary-footer h4 {
color:#222;
font-family:Sensei;
}
.icon-container {
width: 33px;
float:left;
margin-right:10px;
} 
#primary-footer a {
color: #222;
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
#primary-footer ul {
list-style-type: none;
}
#primary-footer li {
margin-bottom: 0px;
}
#primary-footer img {
margin: 0px;
}
body {
background: rgb(237, 232, 224);
}
body main, body footer, #nav-scrim {
opacity: 1;
transition: opacity 0.4s;
}
body.loaded main,
body.loaded footer,
body.loaded #nav-scrim {
opacity: 1;
transition: opacity 0.4s;
}
* {
outline: none !important;
}
.social-icons {
width: 100%;
}
.rc-logo {
width:175px;
display:block;
}
.studio-illustration {
width:50%;
display:block;
max-width: 200px;
}
img.partner-logos {
width:50%;
margin:0 auto !important;
display:block;
} 
#primary-footer .slide-cta-content {
position: relative;
right: auto;
bottom: auto;
padding: 0px;
width: 200px;
min-width: 200px;
max-width: 420px;
z-index: 99;
}
.partner-logo-container {
padding-top: 20px;
}
@media (max-width: 900px) {
img.partner-logos {
width:70%;
margin:0 auto !important;
display:block;
}
}
@media (max-width: 800px) {
img.partner-logos {
width:80%;
margin:0 auto !important;
display:block;
}
}
@media (max-width: 700px) {
img.partner-logos {
width:90%;
margin:0 auto !important;
display:block;
}
.studio-illustration {
max-width: 175px;
}
}
#primary-footer .material-icons {
top: 7px;
position: relative;
}
.spacer-icon {
opacity: 0;
}
.half-space {
width: 100%;
height: 8px;
}
.full-space {
width: 100%;
height: 1px;
padding-top: 4%;
}
.search-panel {
display:none;
background: #FDE500;
min-width: 300px;
width: 70%;
text-align: left;
position: fixed;
top: 50%;
padding: 30px;
z-index: 999999999999999999;
left: 50%;
border-radius: 3px;
transform: translate(-50%,-50%);
-webkit-box-shadow: 0px 0px 12px 0px rgba(34,34,34,0.28);
-moz-box-shadow: 0px 0px 12px 0px rgba(34,34,34,0.28);
box-shadow: 0px 0px 12px 0px rgba(34,34,34,0.28);
}
.spscrim {
z-index: 999999999999999998;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: none;
background: transparent;
}
.search-panel input {
background: transparent;
border: 0px !important;
border-bottom: 3px solid #222 !important;
width: 100%;
-webkit-appearance: none;
border-radius: 0px;
font-family: "Sensei";
color: #222;
font-size: 30px;
padding-bottom: 15px;
margin: 0px;
outline: none !important;
}
.search-panel form {
margin: 0px;
}
.load-more-stories,
.go-to-stories {
background: rgb(254, 252, 251);
width: 100%;
text-align: center;
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
margin-bottom: -20px;
}
.load-more-stories img,
.go-to-stories img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 40px;
margin: 0px;
margin-right: 16px;
margin-bottom: 10px;
}
.load-more-stories h3,
.go-to-stories h3 {
font-family: "Sensei";
text-align: center;
padding: 40px;
transition: transform 0.5s;
}
.load-more-stories h3:hover,
.go-to-stories h3:hover {
transform: scale(1.1);
}
::-webkit-input-placeholder {
color: #222;
}
::-moz-placeholder {
color: #222;
}
:-ms-input-placeholder {
color: #222;
}
::placeholder {
color: #222;
}
.the-modal {
display: none;
position: fixed;
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
overflow: auto;
padding: 70px;
background: rgb(237, 232, 224);
z-index: 9999999999999999999;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(34,34,34,0.28);
-moz-box-shadow: 0px 0px 12px 0px rgba(34,34,34,0.28);
box-shadow: 0px 0px 12px 0px rgba(34,34,34,0.28);
}
.the-modal i.modal-close {
font-size: 40px;
position: fixed;
top: 50px;
left: 50px;
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
.the-modal a {
color: #222 !important;
}
.the-modal h3 {
font-family: "Sensei";
position: absolute;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
}
.the-modal ul {
list-style: disc outside;
}
@media (max-width: 768px) {
#menu {
margin-top: 70px;
}
#primary-footer {
text-align: center;
}
#primary-footer .slide-cta-content {
margin: 0 auto;
}
.social-icons {
width: 173px;
margin: 0 auto;
}
#primary-footer img {
margin: 0 auto !important;
}
}
.search-bg {
z-index:999;
background-color:#1EB09F;
background-size:cover !important;
}
.search-bg .banner-container {
z-index: 999;
margin-bottom: -6%;
}
.search-bg .banner-spacer {
padding-top: 20%;
}
.search-thumbs {
padding-top: 3%;
background-color: rgb(237, 232, 224);
}
.nothing-found {
background-color: rgb(237, 232, 224);
text-align: center;
}
.silly {
margin: 0 auto;
width: 200px;
}
.nothing-found h3 a {
color: #1EB09F !important;
border: 0px !important;
}
#page-18 .banner-item {
margin-bottom: 0%;
padding-bottom: 1%;
}
.team-text a .material-icons {
top: 7px;
position: relative;
}
.team-text a {
color: #222 !important;
border-color: #222 !important;
}
.modal-component,
.modal-component .columns {
background: transparent !important;  
}
.modal-component .team-item.edge-to-edge {
padding: 0px !important;
}
.modal-component .the-team-bio {
align-items: center;
justify-content: center;
display: flex;
}
@media (max-width: 768px) {
.modal-component .columns {
height: auto !important;
}
}
#page-15 .banner-container.first-banner,
#page-773 .banner-container.first-banner,
#page-45 .banner-container.first-banner,
#page-582 .banner-container.first-banner,
#page-46 .banner-container.first-banner,
#page-1170 .banner-container.first-banner,
#page-1096 .banner-container.first-banner {
margin-top: -12%;
z-index: 50;
}
@media (max-width: 768px) {
#page-15 .banner-container.first-banner,
#page-773 .banner-container.first-banner,
#page-45 .banner-container.first-banner,
#page-1170 .banner-container.first-banner,
#page-46 .banner-container.first-banner {
margin-top: -16%;
z-index: 50;
}
}
.story-html-block .edge-to-edge {
padding: 0px !important;
}
.scene {
width: 100%;
position: relative;
perspective: 110vw;
}
.card {
width: 100%;
transition: transform 0.2s;
transform-style: preserve-3d;
cursor: pointer;
position: relative;
padding-top: 130%;
}
#page-48 .card {
width: 100%;
transition: transform 0.2s;
transform-style: preserve-3d;
cursor: pointer;
position: relative;
padding-top: 142%;
}
.card.is-flipped {
transform: rotateY(180deg);
transition: transform 0.7s;
}
.card-face {
position: absolute;
width: 100%;
top: 0px;
left: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.card-face-front {
background: transparent;
}
.card-face-back {
background: transparent;
transform: rotateY(180deg);
}
.story-html-block .card-container .edge-to-edge {
padding: 2% !important;
} 
.gallery-component .columns {
padding-top: 33.33% !important;
cursor: url(//kudoz.ca/wp-content/themes/kudoz/assets/img/hand.png) 20 0, auto !important;
}
.mobile-only {
display: none;
}
@media (max-width: 768px) {
.gallery-component .columns {
width: 33.33% !important;
padding-top: 33.33% !important;
}
.mobile-only {
display: block;
}
}.skippr{width:100%;height:100%;position:relative;overflow:hidden}.skippr>div{position:absolute;width:100%;height:100%;background-size:cover;background-position:50% 62.5%}.skippr>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;min-height:100%}.skippr-nav-container{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);bottom:25px;overflow:auto;z-index:999}.skippr-nav-element{cursor:pointer;float:left;background-color:rgba(255,255,255,0.5);-webkit-transition:all .25s linear;transition:all .25s linear}.skippr-nav-element-bubble{width:12px;height:12px;border-radius:50%;margin:0 4px}.skippr-nav-element-block{width:60px;height:10px}.skippr-nav-element:hover,.skippr-nav-element-active{background-color:#fff}.skippr-arrow{position:absolute;z-index:999;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);width:30px;height:30px;transform-origin:center center;-webkit-transform-origin:top left;cursor:pointer}.skippr-previous{left:2.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid white;border-left:2px solid white}.skippr-next{right:3.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid white;border-right:2px solid white}