@font-face {
font-family: 'DroidSans';
src: url(//www.kika.ca/wp-content/themes/v3/fonts/droidsans.eot);
src: url(//www.kika.ca/wp-content/themes/v3/fonts/droidsans.eot?#iefix) format('embedded-opentype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/droidsans.woff) format('woff'),
url(//www.kika.ca/wp-content/themes/v3/fonts/droidsans.ttf) format('truetype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/droidsans.svg#droidsans) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINBold';
src: url(//www.kika.ca/wp-content/themes/v3/fonts/din-bold-webfont.eot);
src: url(//www.kika.ca/wp-content/themes/v3/fonts/din-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-bold-webfont.woff) format('woff'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-bold-webfont.ttf) format('truetype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-bold-webfont.svg#DINBold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINLightRegular';
src: url(//www.kika.ca/wp-content/themes/v3/fonts/din-light-webfont.eot);
src: url(//www.kika.ca/wp-content/themes/v3/fonts/din-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-light-webfont.woff) format('woff'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-light-webfont.ttf) format('truetype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-light-webfont.svg#DINLightRegular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINMedium';
src: url(//www.kika.ca/wp-content/themes/v3/fonts/din-medium-webfont.eot);
src: url(//www.kika.ca/wp-content/themes/v3/fonts/din-medium-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-medium-webfont.woff) format('woff'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-medium-webfont.ttf) format('truetype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-medium-webfont.svg#DINMedium) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINProMedium';
src: url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-medium.eot);
src: url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-medium.eot?#iefix) format('embedded-opentype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-medium.woff) format('woff'),
url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-medium.ttf) format('truetype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-medium.svg#DINMedium) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINRegular';
src: url(//www.kika.ca/wp-content/themes/v3/fonts/din-regular-webfont.eot);
src: url(//www.kika.ca/wp-content/themes/v3/fonts/din-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-regular-webfont.woff) format('woff'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-regular-webfont.ttf) format('truetype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/din-regular-webfont.svg#DINRegular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PulsarJs';
src: url(//www.kika.ca/wp-content/themes/v3/fonts/pulsarjs.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINLight';
src: url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-light.eot);
src: url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-light.eot?#iefix) format('eot'), 
url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-light.woff) format('woff'), 
url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-light.ttf) format('truetype'), 
url(//www.kika.ca/wp-content/themes/v3/fonts/dinpro-light.svg#DinLight) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINCondensedMedium';
src: url(//www.kika.ca/wp-content/themes/v3/fonts/dincond-medium.eot);
src: url(//www.kika.ca/wp-content/themes/v3/fonts/dincond-medium.eot?#iefix) format('embedded-opentype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/dincond-medium.woff2) format('woff2'),
url(//www.kika.ca/wp-content/themes/v3/fonts/dincond-medium.woff) format('woff'),
url(//www.kika.ca/wp-content/themes/v3/fonts/dincond-medium.ttf) format('truetype'),
url(//www.kika.ca/wp-content/themes/v3/fonts/dincond-medium.svg#dincond-medium) format('svg');
font-weight: normal;
font-style: normal;
}* {
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
body {
-webkit-transition: unset;
-moz-transition: unset;
-ms-transition: unset;
-o-transition: unset;
transition: unset;
}
header {
transition: all 0.3s;
}
header .main { z-index: 999;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
background-color: #FFFFFF; }
header.sticky {
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: block;
width: 100%;
box-shadow: 0 3px 6px #00000029;
animation: slide-down 0.7s;
}
@keyframes slide-down {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
.sticky-sidebar {
position: fixed;
top: 50%;
right: 0;
height: auto;
transform: translateY(-50%);
}
.sticky-quote, .sticky-call {
right: 0;
padding: 10px 30px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
box-shadow: 0 3px 6px #00000029;
}
.sticky-quote {
margin-bottom: 10px;
color: #595F6A;
background-color: #FFFFFF;
}
.sticky-quote a {
color: #595F6A;
text-decoration: none;
}
.sticky-call {
color: #FFFFFF;
background-color: #595F6A;
}
.sticky-call a {
color: #FFFFFF;
text-decoration: none;
text-decoration: none;
}
header .kika-logo {
display: block;
width: 119px;
height: 26px;
background-repeat: no-repeat;
background-size: contain;
}
header nav {
font-family: Roboto, sans-serif;
font-weight: 400;
color: #48505F;
}
header nav> ul {
float: right;
padding: 0;
margin: 0;
list-style: none;
}
header nav> ul li {
display: inline-block;
padding-right: 10px;
padding-left: 10px;
cursor: pointer;
}
header nav> ul> li> a {
font-family: Roboto, sans-serif;
font-weight: 400;
color: #48505F;
text-transform: uppercase;
}
header nav> ul> li:hover> a, header nav> ul> li.current-page> a, header nav> ul> li.current-menu-item> a {
color: #FF5200;
text-decoration: none;
}
header nav> ul li:last-child {
padding-right: 0;
} footer {
padding-top: 30px;
padding-bottom: 30px;
background-color: #1F2228;
}
footer h4 {
float: left;
font-family: Roboto, sans-serif;
font-size: 1em;
font-weight: 400;
color: #595F6A;
text-align: left !important;
}
footer p {
font-size: 0.8em;
color: #595F6A;
}
footer a {
font-size: 0.8em;
color: #1CB0AA !important;
}
footer .social-icons {
margin-left: 10px;
}
footer .social-icon {
width: 32px;
height: 32px;
margin-right: 5px;
cursor: pointer;
}
footer input {
width: 100%;
padding: 8px;
font-family: Roboto, sans-serif;
font-size: 0.8em;
font-weight: 400;
color: #595F6A;
background-color: #131418;
border: 0;
border-radius: 4px;
outline: none;
}
footer .news-date {
display: none;
font-size: 0.8em;
}
footer .news-item {
margin-bottom: 1.25em;
font-size: 0.8em;
color: #595F6A;
}
footer .newsletter-form {
margin-bottom: 10px !important;
}
footer .divider {
width: 100%;
height: 2px;
margin-top: 50px;
margin-bottom: 50px;
background-color: #131418;
}
footer #latest-articles, footer #newsletter, footer #contact-us {
border-left: 1px solid #131418;
} .home-banner {
width: 100%;  background-repeat: no-repeat;
background-size: cover;
}
.home-banner h2 {
font-family: Roboto, sans-serif;
font-size: 7.4505805969em;
font-weight: 400;
line-height: 0.8em;
color: #FFFFFF;
opacity: 0.5;
}
.home-banner h3 {
margin-top: 30px;
font-family: 'Droid Serif';
font-size: 1.25em;
font-style: italic;
color: #FFFFFF;
opacity: 0.5;
} .our-work {
width: 100%;
background-color: #FFFFFF;
}
.work-thumbnail {
display: block !important;
height: 300px;
margin-top: 30px;
text-decoration: none !important;
background-color: #CCCCCC;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.work-thumbnail:hover {
opacity: 0.8;
}
.work-thumbnail .work-details {
width: 100%;
height: 100%;
background-color: rgba(255, 86, 35, 0.0);
}
.work-thumbnail .work-details> div {
opacity: 0;
}
.work-thumbnail .work-details:hover> div {
opacity: 1;
}
.work-thumbnail:hover> .work-details {
background-color: rgba(255, 86, 35, 0.8);
}
.work-name {
width: 100%;
padding-top: 40px;
font-family: Roboto, sans-serif;
font-size: 24px;
color: #FFFFFF;
text-align: center;
}
.work-desc {
width: 100%;
padding: 0 40px 10px 40px;
font-family: Roboto, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
}
.work-tags {
width: 100%;
padding: 0 0 20px 0;
font-family: Roboto, sans-serif;
font-size: 14px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
}
.white-circle {
width: 65px;
height: 65px;
margin: 0 auto;
background-image: url(//www.kika.ca/wp-content/themes/v3/img/white-circle.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 65px 65px;
} .our-services {
background-color: #F8F8F8;
}
.our-services .service {
margin-top: 50px;
}
.our-services .service-content {
margin-left: 60px;
font-weight: 400;
}
.our-services .service-content h2, .our-services .service-content2 h2 {
font-size: 1.25em;
font-weight: bold;
text-align: left;
}
.our-services .service-items {
margin-top: 50px;
font-family: Roboto, sans-serif;
font-weight: 400;
}
.our-services .service-items ul {
list-style: none;
}
.our-services .service-items ul li {
float: left;
width: 50%;
padding: 2px;
}
.our-services .service-items ul li span {
padding: 4px 6px;
margin-top: 4px;
font-size: 0.8em;
color: #FFFFFF;
text-align: center;
background-color: #FF5200;
}
.our-services a {
color: #1CB0AA;
}
.our-services img {
position: absolute;
top: -10px;
height: 50px;
} .about-the-agency {
color: #FFFFFF;
background-repeat: no-repeat;
background-position: center top; background-size: cover;
}
.about-the-agency .header-bottom-border {
background-color: #FFFFFF;
} .our-global-offices {
background-color: #F8F8F8;
} .latest-news {
background-color: #FFFFFF;
}
.latest-news .news {
font-weight: 400;
}
.latest-news .news-thumb {
width: 100%;
height: 300px;
background-color: #CCCCCC;
}
.latest-news .news h2 {
padding-top: 15px;
padding-bottom: 15px;
font-size: 1.5625em;
text-align: left;
}
.latest-news a {
font-weight: bold;
color: #1CB0AA;
} .like-what-you-see {
color: #FFFFFF !important;
background-color: #FF5200;
}
.like-what-you-see h2 {
font-family: 'Droid Serif' !important;
font-style: italic;
}
.like-what-you-see h3 {
padding-top: 0 !important;
font-family: inherit;
font-style: normal !important;
}
.like-what-you-see .header-bottom-border {
background-color: #FFFFFF;
} .agency .agency-content {
margin-bottom: 50px;
font-family: Roboto, sans-serif;
}
.agency .agency-content h2 {
font-size: 1em;
font-weight: bold;
text-align: left;
}
.agency .agency-content p {
font-size: 0.8em;
} .our-team .team-box {
position: relative;
padding: 0;
}
.team-avatar-default {
position: relative;
height: 350px;
padding: 0;
background-color: #CCCCCC;
background-repeat: none;
background-position: top center;
background-size: cover;
}
.team-avatar-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 25px;
cursor: pointer;
background-color: rgba(204, 69, 28, 0);
-webkit-transition: 0.8s all;
-moz-transition: 0.8s all;
-ms-transition: 0.8s all;
-o-transition: 0.8s all;
transition: 0.8s all;
}
.tm-linkedin {
position: absolute;
bottom: 85px;
z-index: 9999;
width: 32px;
height: 32px;
background-repeat: no-repeat;
}
.tm-name {
position: absolute;
bottom: 45px;
font-family: Roboto, sans-serif;
font-size: 20px;
color: white;
}
.tm-position {
position: absolute;
bottom: 25px;
font-family: Roboto, sans-serif;
font-size: 16px;
color: white;
}
.tm-linkedin, .tm-name, .tm-position {
opacity: 0;
-webkit-transition: 0.8s all;
-moz-transition: 0.8s all;
-ms-transition: 0.8s all;
-o-transition: 0.8s all;
transition: 0.8s all;
}
.team-avatar-hover:hover {
background-color: rgba(204, 69, 28, 0.8);
-webkit-transition: 0.8s all;
-moz-transition: 0.8s all;
-ms-transition: 0.8s all;
-o-transition: 0.8s all;
transition: 0.8s all;
}
.team-avatar-hover:hover> .tm-linkedin, .team-avatar-hover:hover> .tm-name, .team-avatar-hover:hover> .tm-position {
opacity: 1;
-webkit-transition: 0.8s all;
-moz-transition: 0.8s all;
-ms-transition: 0.8s all;
-o-transition: 0.8s all;
transition: 0.8s all;
} .our-advantage {
background-color: #1CB0AA;
} .agency-office {
width: 100%;
height: 100vh;
background-color: #CCCCCC;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
} .our-culture {
background-color: #FFFFFF;
} .our-advantage .trait, .our-culture .trait {
margin-top: 50px;
}
.our-advantage .trait-content, .our-culture .trait-content {
margin-left: 60px;
font-family: Roboto, sans-serif;
}
.our-advantage .trait-content h2, .our-culture .trait-content h2 {
font-size: 1.25em;
font-weight: bold;
text-align: left;
}
.our-advantage a, .our-culture a {
color: #1CB0AA;
}
.our-advantage img, .our-culture img {
position: absolute;
top: -10px;
height: 50px;
} .connect .connect-header {
font-size: 1.25em;
text-align: left;
}
.connect p {
margin-top: 20px;
font-size: 0.8em !important;
}
.connect p.connect-info {
padding: 0 0 15px 0;
border-bottom: 1px solid #D7D6D6;
}
.connect a { } .page-section {
padding-top: 80px;
padding-bottom: 80px;
}
.page-section h2 {
font-family: Roboto, sans-serif;
font-size: 2.44140625em;
font-weight: 500;
text-align: center;
}
.uppercase {
text-transform: uppercase;
}
.page-section h3 {
padding-top: 50px;
padding-bottom: 50px;
font-family: 'Droid Serif';
font-size: 1.25em;
font-style: italic;
line-height: 1.25em;
text-align: center;
}
.page-section h3 a {
color: #1CB0AA;
}
.header-bottom-border {
width: 80px;
height: 5px;
margin: 0 auto;
margin-top: 30px;
text-align: center;
background-color: #48505F;
} .kika-button-white {
display: block;
width: 250px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0 auto;
font-family: Roboto, sans-serif;
font-size: 1.25em;
font-weight: 400;
color: #FFFFFF;
text-align: center;
cursor: pointer;
border: 4px solid #FFFFFF;
}
.kika-button-white:hover {
color: #FFFFFF;
text-decoration: none;
}
.kika-footer-button, .wpcf7-form-control.wpcf7-submit {
display: inline-block;
width: 80px;
padding: 6px;
font-family: Roboto, sans-serif;
font-size: 9px;
font-weight: 400;
color: #FFFFFF !important;
text-align: center;
text-transform: uppercase;
cursor: pointer;
background-color: #595F6A;
border-radius: 4px;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.kika-footer-button:hover, .wpcf7-form-control.wpcf7-submit:hover {
text-decoration: none;
background-color: #1CB0AA;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
} .font-color-green {
color: #1CB0AA;
}
.font-color-white {
color: #FFFFFF;
} .bg-color-white {
background-color: #FFFFFF !important;
}
.bg-color-grey {
background-color: #F0F0F0;
}
.bg-color-lgrey {
background-color: #F8F8F8;
}
.bg-color-green {
background-color: #1CB0AA;
} footer h4 {
margin: 0.5rem 0;
}
.our-global-offices .post-title {
margin: 20px 0 10px 0;
font-size: 20px;
font-weight: 500;
line-height: 1.1;
}
.our-global-offices .established {
margin-top: 0;
margin-bottom: 60px;
font-size: 12px;
}
.spacer20 {
height: 20px;
overflow: hidden;
}
.spacer10 {
height: 10px;
overflow: hidden;
}
.contact-form {
padding: 10px;
}
.cf-row {
margin-bottom: 10px;
}
.wpcf7-form label {
height: 35px;
font-family: Roboto, sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 35px;
color: #2F333B;
}
.wpcf7-form input[type='text'], .wpcf7-form input[type='email'], .wpcf7-form input[type='tel'] {
width: 100%;
height: 35px;
box-sizing: border-box;
padding: 5px;
border: none;
border: 1px solid #DADADA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wpcf7-form-control.wpcf7-radio::after {
display: table;
clear: both;
content: '';
}
.clearfix:after {
display: table;
clear: both;
content: '';
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.callback-box, .meetup-box {
display: none;
padding: 0 20px 0;
}
.callback-box p, .meetup-box p {
margin: 0;
}
#subject {
width: 100%;
padding: 8px 5px;
border: 1px solid #DADADA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#message {
width: 100%;
height: 200px;
padding: 5px;
resize: none;
border: none;
border: 1px solid #DADADA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#connect-submit {
width: 160px;
font-family: Roboto, sans-serif;
font-weight: 400;
font-weight: bold;
line-height: 40px;
color: #FFFFFF;
text-shadow: none;
cursor: pointer;
background-color: #399998 !important;
background-image: none;
border: none !important;
border: 4px solid #399998 !important;
border-radius: 0;
box-shadow: none;
}
.connect-reset {
width: 160px;
font-family: Roboto, sans-serif;
font-weight: 400;
font-weight: bold;
line-height: 40px;
color: #399998;
text-shadow: none;
cursor: pointer;
background-color: #FFFFFF !important;
background-image: none;
border: none !important;
border: 4px solid #399998 !important;
border-radius: 0;
box-shadow: none;
}
div.wpcf7-spam-blocked {
padding: 10px;
margin: 10px 0 0 0;
color: #FE5200;
background-color: #F6EFE7;
border: 0;
}
div.wpcf7 .ajax-loader {
margin: 0 20px;
}
span.wpcf7-not-valid-tip {
color: #FE5200;
}
div.wpcf7-mail-sent-ng {
padding: 10px;
margin: 0;
color: #FF0000;
background-color: #FFE9E9;
border: 0;
}
#at15s {
transition: unset !important;
}
.addthis_sharing_toolbox {
clear: unset !important;
}
.footer-top> div:nth-child(2)> h4 {
margin-right: 15px;
}
footer .share-bookmark h4, footer .footer-social h4 {
display: block;
float: unset;
}
footer .social-icons::after {
display: table;
clear: both;
content: '';
}
footer .social-icons {
display: block !important;
margin: 0;
}
footer .social-icons> .social-icon {
float: left;
}
footer h4 {
float: unset;
}
.sidebars h3, .page-section h3.from-sidebar, #categories-list> .categories {
padding: 0;
margin: 0 0 20px 0;
font-family: Roboto, sans-serif;
font-size: 18px;
font-weight: 700;
font-style: normal;
line-height: normal;
color: #333333;
text-align: left;
text-transform: uppercase;
letter-spacing: 4px;
}
.toolbar-icons {
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.toolbar-icons:after {
display: table;
clear: both;
content: '';
}
.toolbar-icons> li {
display: block;
float: left;
width: 20%;
text-align: center;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}
.toolbar-icons> li:first-child {
border-left: 1px solid #D9D9D9;
}
.toolbar-icons> li> a {
line-height: 40px;
color: #666666;
}
.toolbar-icons> li:hover {
background-color: #F0F0F0;
}
.toolbar-icons> li:hover> a {
color: #FF5200;
}
.sidebars {
margin-bottom: 40px;
}
.sidebars .search-submit {
display: none;
}
.sidebars .search-input {
width: 100%;
box-sizing: border-box;
padding: 6px 12px;
font-size: 14px;
color: #666666;
background-image: url(//www.kika.ca/wp-content/themes/v3/img/search.svg);
background-repeat: no-repeat;
background-position-x: right 8px;
background-position-y: top 8px;
background-size: 18px;
border: 1px solid #CCCCCC;
}
.sidebar-categories {
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.sidebar-categories> li {
display: block;
padding: 10px 0;
border-bottom: 1px solid #DDDDDD;
}
.sidebar-categories> li:first-child {
padding-top: 0;
}
.sidebar-categories> li:last-child {
border: 0;
}
.sidebar-categories> li> a {
font-size: 18px;
line-height: 18px;
color: #727B7A;
}
.sidebar-categories> li:hover> a {
color: #FF5200;
text-decoration: none;
}
.sidebar-categories> li> span {
font-family: Roboto, sans-serif;
font-size: 14px;
color: #AAAAAA;
}
#wp-calendar {
width: 100%;
color: #888888;
border: 1px solid #CCCCCC;
}
#wp-calendar thead {
border-bottom: 1px solid #CCCCCC;
}
#wp-calendar tfoot {
border-top: 1px solid #CCCCCC;
}
#wp-calendar thead th {
padding: 0;
line-height: 30px;
text-align: center;
}
#wp-calendar tbody td {
padding: 0;
line-height: 30px;
text-align: center;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
#wp-calendar tbody tr:last-child td {
border-bottom: 0;
}
#wp-calendar tbody td.pad {
background-color: #F0F0F0;
}
#wp-calendar tbody td:hover {
background-color: #F0F0F0;
}
#wp-calendar tbody td> a {
color: #FF5200;
}
#wp-calendar tbody td:hover> a {
text-decoration: none;
}
#wp-calendar caption {
padding: 0;
font-weight: 700;
color: #AAAAAA;
}
.post-thumbnail, .post-thumbnail> img {
display: block;
width: 100%;
outline: none;
}
.post-thumbnail {
margin-bottom: 15px;
overflow: hidden;
}
.post-thumbnail:hover> img {
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); -webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2); -o-transform: scale(1.2);
-ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod=\'auto expand\')'; }
.the-blog aside {
padding: 0;
margin-bottom: 40px;
background-repeat: no-repeat;
background-position: left top;
background-size: 50px;
}
.the-blog aside> ul {
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.the-blog aside> ul> li {
display: block;
}
.the-blog aside> ul> li:first-child {
float: left;
width: 50px;
}
.the-blog aside> ul> li:first-child> a {
overflow: hidden;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 0 4px #E0E0E0;
}
.the-blog aside> ul> li:first-child> a, .the-blog aside> ul> li:first-child> a> img {
display: block;
width: 50px;
}
.the-blog aside> ul> li:last-child {
margin: 0 0 0 70px;
}
aside .post-title {
padding: 0;
margin: 0;
font-family: Roboto, sans-serif;
font-size: 28px;
font-weight: 700;
font-weight: normal;
line-height: 100%;
line-height: 34px;
color: #333333;
text-align: left;
text-decoration: none;
}
aside .post-meta {
display: block;
padding: 0;
margin: 0 0 10px 0;
list-style: none;
}
aside .post-meta:after {
display: table;
clear: both;
content: '';
}
aside .post-meta> li {
float: left;
margin-right: 15px;
font-family: Roboto, sans-serif;
font-size: 14px;
line-height: 22px;
color: #888888;
}
aside .post-meta> li a {
color: #337AB7;
}
aside .post-meta> li a:hover {
color: #23527C;
text-decoration: underline;
}
.author-recent-posts {
margin: 0 0 0 70px;
}
.embed {
position: relative;
height: 0;
padding-top: 25px;
padding-bottom: 56.25%;
margin: 0 0 20px 0;
background-color: #CCCCCC;
}
.embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.continue-reading {
display: table;
padding: 10px 20px;
font-family: Roboto, sans-serif;
font-weight: 700;
color: #FF5200;
text-transform: uppercase;
border: 3px solid #FF5200;
}
.continue-reading:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #FF5200;
}
#pagination {
display: table;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
#pagination> li {
display: table-cell;
width: 50%;
}
#pagination> li:first-child {
text-align: left;
}
#pagination> li:last-child {
text-align: right;
}
#pagination a {
display: inline-block;
padding: 10px 20px;
font-family: Roboto, sans-serif;
font-weight: 700;
color: #333333;
text-transform: uppercase;
border: 1px solid #CCCCCC;
}
#pagination a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #CCCCCC;
}
.not-found h1 {
font-family: Roboto, sans-serif;
font-size: 12em;
font-weight: 700;
line-height: 100%;
text-align: center;
}
.not-found h5 {
font-family: Roboto, sans-serif;
font-size: 2em;
text-align: center;
}
.not-found p {
margin-top: 30px;
font-family: Roboto, sans-serif;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.not-found a {
display: table;
padding: 10px 20px;
margin: 40px auto 0 auto;
font-family: Roboto, sans-serif;
font-weight: 700;
color: #FF5200;
text-transform: uppercase;
border: 3px solid #FF5200;
}
.not-found a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #FF5200;
}
.none-found svg {
color: #CC0000;
}
.none-found {
font-family: 'Droid Serif';
font-style: italic;
}
.author-recent-posts ul {
padding: 0;
margin: 0;
list-style: none;
}
.author-recent-posts ul> li {
position: relative;
padding: 0 0 0 20px;
}
.author-recent-posts ul> li::before {
position: absolute;
left: 0;
margin: 0;
font-family: 'FontAwesome';
color: #888888;
content: '\f15c';
}
.author-recent-posts ul> li span {
display: none;
font-size: 14px;
color: #999999;
}
a {
color: #337AB7;
}
ul.youtube-videos {
padding: 0;
margin: 0;
list-style: none;
}
ul.youtube-videos:after {
display: table;
clear: both;
content: '';
}
ul.youtube-videos> li {
float: left;
width: 33%;
padding: 0;
margin: 0 0 5px 0;
}
ul.youtube-videos a {
display: block;
}
ul.youtube-videos img {
width: 95%;
max-width: 100%;
}
.post-tags {
margin-left: 70px;
}
.the-blog aside .the-blog-content img {
max-width: 100%;
height: auto;
}
.the-blog aside .the-blog-content h2 {
margin: 30px 0 10px 0;
font-size: 26px;
text-align: left;
} .portfolio .project-logo { }
.portolio-row {
margin-bottom: 30px;
}
.portfolio h2 {
margin-bottom: 30px;
}
.mt-80 {
margin-top: 80px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.portfolio .project-image {
width: 100%;
margin-bottom: 30px;
object-fit: cover;
}
.portfolio .project-logo { max-width: 100%;
}
.page-id-1028 .page-section h2 {
text-transform: uppercase;
} #connect-form label {
display: inline-block;
max-width: 100%;
height: 35px;
margin-bottom: 5px;
font-family: 'DroidSans',sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 35px;
color: #2F333B;
}
#connect-form input[type='text'] {
height: 35px;
padding: 5px;
border: none;
border: 1px solid #DADADA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.frm_left input[type='text'] {
width: 100%;
}
#meet-box select {
padding: 8px 5px;
border: 1px solid #DADADA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#meet-box select {
padding: 8px 5px;
border: 1px solid #DADADA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#connect-form textarea {
width: 100%;
padding: 5px;
resize: none !important;
border: none;
border: 1px solid #DADADA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#meet-box .btn-primary {
width: 160px;
height: 40px;
margin-right: 40px;
font-family: 'DINRegular';
font-weight: bold;
color: #FFFFFF;
text-shadow: none;
cursor: pointer;
background-color: #399998 !important;
background-image: none;
border: none !important;
border: 4px solid #399998 !important;
border-radius: 0;
box-shadow: none;
}
#meet-box .btn-default {
width: 160px;
height: 40px;
font-family: 'DINRegular';
font-weight: bold;
color: #399998;
text-shadow: none;
cursor: pointer;
background-color: #FFFFFF !important;
background-image: none;
border: none !important;
border: 4px solid #399998 !important;
border-radius: 0;
box-shadow: none;
}
footer .wpcf7-form input[type='text'], footer .wpcf7-form input[type='email'] {
width: 100%;
padding: 8px;
margin-bottom: 10px;
font-family: Roboto, sans-serif;
font-size: 0.8em;
font-weight: 400;
color: #595F6A;
background-color: #131418;
border: 0;
border-radius: 4px;
outline: none;
}
footer .wpcf7-form input[type='text'].wpcf7-not-valid, footer .wpcf7-form input[type='email'].wpcf7-not-valid {
margin-bottom: 0;
}
footer div.wpcf7-mail-sent-ok {
padding: 0;
margin: 0;
font-size: 12px;
font-style: italic;
color: #1CB0AA;
border: 0;
}
footer div.wpcf7-validation-errors, footer div.wpcf7-acceptance-missing {
padding: 0;
margin: 0;
font-size: 12px;
font-style: italic;
color: #FF6600;
border: none;
} #weather-widget .weather-per-city-area h1.post-title, #weather-widget .weather-per-city-area h2.post-title {
position: absolute;
left: 125px;
font-family: DINRegular;
font-size: 24px;
color: #29ABE1;
text-align: right;
}
.weather-per-city-area {
position: relative;
width: 185px;
height: 305px;
margin: 0 auto;
background: url(//www.kika.ca/wp-content/themes/v3/weather-section/bg-thermometer.png) top center no-repeat;
}
.weather-icons-holder {
position: absolute;
bottom: 70px;
left: 40px;
width: 108px;
}
.weather-icons-holder img {
position: absolute;
top: 50%;
left: 50%;
max-width: 130px;
max-height: 130px;
margin-top: -78px;
margin-left: -65px;
}
.temp-blue-bar {
position: absolute;
top: 12px;
left: 88px;
width: 9px;
background: #29ABE1;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
.temp-line {
position: absolute;
left: 98px;
width: 88px;
height: 1px;
margin-top: 12px;
border: 1px solid #29ABE1;
}
.emoticon {
width: 76px;
height: 76px;
margin: 50px 0 135px;
background: #4A4A4A;
border-radius: 50%;
}
.myClock {
position: relative;
float: left;
margin-bottom: 20px;
}
.clockAll {
position: relative;
width: 200px;
margin: 10px; opacity: 0;
}
.clockTitle {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: white;
text-align: center;
}
.clockTitle2 {
margin: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
text-align: center;
}
.ampm {
position: absolute;
left: 0;
display: none;
width: 28px;
height: 18px;
margin-top: 90px;
margin-left: 122px;
}
.imgbg {
left: 0;
}
#weather-widget h1.post-title, #weather-widget h2.post-title {
font-size: 20px;
}
#weather-widget h2.established {
margin-top: 0;
margin-bottom: 60px;
font-size: 12px;
}
#weather-widget {
padding-bottom: 60px;
}
#home-latest-news .post-thumbnail {
height: 180px;
border: 1px solid #CCCCCC;
}
#home-latest-news.page-section h2.post-title {
font-size: 1.5em;
text-align: left;
}
#home-latest-news .post-meta li {
display: inline;
margin-right: 15px;
}
#home-latest-news .post-meta {
padding: 0;
margin: 0 0 15px 0;
}
#home-latest-news .continue-reading {
margin-top: 15px;
}
.more-work> a {
display: block;
overflow: hidden;
background-color: #000000;
outline: none;
}
.more-work> a> img {
display: block;
width: 100%;
max-width: 100%;
opacity: 0.6;
}
.more-work> a:hover> img {
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2); -o-transform: scale(1.2);
-ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod=\'auto expand\')'; }
.service-content .service-nav {
margin-top: 15px;
}
.service-content ul {
display: block;
padding: 0;
margin: 0;
list-style: none;
}
.service-content ul> li {
display: inline-block;
padding: 5px;
margin-right: 5px;
margin-bottom: 2px;
font-family: 'DINRegular',sans-serif;
font-size: 12px;
line-height: 12px;
color: #FFFFFF;
text-transform: uppercase;
background-color: #FF5200;
}
.service-content ul> li:last-child {
margin-right: 0;
}
.service-content2 ul {
padding-left: 0;
list-style: none;
}
.service-content2 ul> li {
float: left;
width: 40%;
margin-right: 5px;
margin-bottom: 2px;
}
.service-content2 ul> li> span {
padding: 4px 6px;
font-size: 0.8em;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
background-color: #FF5200;
}
.service-nav a:hover, .service-nav a[aria-expanded='true'] {
color: #FF5200;
text-decoration: none;
}
.team-avatar-hover.no-cursor {
cursor: default;
}
#all-tags:after, #tags-list:after {
display: table;
clear: both;
content: '';
}
a.tag-cloud {
display: block;
float: left;
padding: 5px 10px;
margin: 0 5px 5px 0;
font-size: 11px !important;
color: #696969;
text-transform: uppercase;
border: 1px solid #EBEBEB;
}
#copy {
padding: 15px 0;
font-family: 'DroidSans';
font-size: 10px;
font-weight: normal;
color: #898989;
text-align: center;
background-color: #131418;
}
#copy strong {
color: #FF5200;
}
#video-wrapper { }
.fluid-width-video-wrapper {
position: relative;
height: 0;
padding-top: 25px;
padding-bottom: 56.25%;
background-color: #000000;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed, .fluid-width-video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#categories-list {
padding: 0;
margin: 0;
list-style: none;
}
#categories-list> .categories> ul {
padding: 0 0 0 30px;
margin: 20px 0 0 0;
font-weight: 300;
list-style: none;
}
.project-logo {
padding-right: 15px;
padding-left: 15px;
} .banner-copy {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
.banner-copy h2.banner-title {
margin: 0;
font-family: 'Roboto';
font-size: 22px;
color: #FFFFFF;
text-align: center;
text-shadow: none;
opacity: 1;
}
@media (max-width:500px) {
.banner-copy h2.banner-title {
font-size: 12px;
}
}
.banner-copy h3.banner-tag {
padding: 0;
margin: 20px 0 0 0;
font-family: 'Droid Serif';
font-size: 45px;
font-weight: bold;
line-height: 55px;
color: #FFFFFF;
text-align: center;
opacity: 1;
}
@media (max-width:500px) {
.banner-copy h3.banner-tag {
font-size: 22px;
line-height: 24px;
}
}
.banner-copy .orange-bottom-bar {
width: 30px;
height: 6px;
margin: 20px auto;
background-color: #FFFFFF;
}
#kika-video-banner {
position: relative;
cursor: pointer;
}
#video-wrapper {
width: 100%;
height: 600px;
overflow: hidden;
}
video {
width: 100%;
height: 100%;
object-fit: cover;
}
#video-page-mask {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
visibility: hidden;
background-color: #000000;
opacity: 0;
}
#video-close-button {
position: absolute;
top: 15px;
right: 15px;
z-index: 999;
display: none;
width: 40px;
height: 40px;
cursor: pointer;
background-image: url(https://www.kika.ca/wp-content/uploads/2018/10/video-close-button.png);
background-repeat: no-repeat;
background-size: contain;
}
#video-play-button {
width: 70px;
height: 70px;
margin: 20px auto;
cursor: pointer;
background-image: url(https://www.kika.ca/wp-content/uploads/2018/10/video-play-button.png);
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width:500px) {
#video-play-button {
width: 30px;
height: 30px;
margin: 10px auto 0 auto;
}
}
#yt-player {
position: relative;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 645px;
} #kika-video-thumbnails {
z-index: 1000;
display: none;
margin-top: 15px;
}
.video-thumb {
height: 150px;
background-color: #CCCCCC;
}
#kika-video-1 {
cursor: pointer;
background-image: url(https://www.kika.ca/wp-content/uploads/2018/10/cannabis.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#kika-video-2 {
cursor: pointer;
background-image: url(https://www.kika.ca/wp-content/uploads/2018/10/real-estate.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#kika-video-3 {
cursor: pointer;
background-image: url(https://www.kika.ca/wp-content/uploads/2018/10/tech.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#kika-video-4 {
cursor: pointer;
background-image: url(https://www.kika.ca/wp-content/uploads/2018/10/community.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#lang-toggler {
position: absolute;
top: -50px;
right: 0;
z-index: 999;
padding: 0 15px;
margin-top: 20px;
font-family: 'DINRegular', sans-serif;
font-size: 16px;
color: #FFFFFF;
cursor: pointer;
}
@media (max-width:1024px) and (orientation:landscape) {
.video-thumb {
height: 120px;
}
#yt-player {
height: 535px;
}
}
@media (max-width:768px) and (orientation:portrait) {
.video-thumb {
height: 90px;
}
#yt-player {
height: 405px;
}
}
@media (max-width:500px) and (orientation:portrait) {
.video-thumb {
height: 40px;
}
#yt-player {
height: 220px;
}
} .the-blog aside .post-meta> li:first-child, #home-latest-news .post-meta> li:first-child {
display: none !important;
} .tnx-cta {
padding: 30px 15px 40px;
text-align: center;
background-color: #EC5F2B;
}
.tnx-cta h4 {
font-size: 2.25em;
font-weight: 700;
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: 2px;
}
.tnx-cta .fa-star {
color: hsla(47,100%,50%,1.00);
}
.tnx-cta br {
margin-bottom: 20px;
}
.tnx-cta a {
padding: 10px;
font-size: 1.25em;
font-weight: 700;
font-style: italic;
color: #FFFFFF;
letter-spacing: 1px;
}
.center-subtext {
display: table;
width: 760px;
max-width: 80%;
margin: 0 auto;
}
.weather-per-city-area {
display: none !important;
}.mobile-nav-button, .mobile-logo, .mobile-only {
display: none;
} @media (max-width: 991px) {
.footer-social, .share-bookmark, .footer-search {
width: 100% !important;
max-width: 100% !important;
flex: unset;
}
.footer-search, .share-bookmark {
margin: 20px 0 0 0;
}
#about-kika, #latest-articles, #newsletter, #contact-us {
max-width: 50%;
margin-bottom: 20px;
border: 0 !important;
flex: 0 0 50%;
ms-flex: 0 0 50%;
}
footer .divider {
margin: 20px 0 10px 0;
}
.sidebar-column #the-sidebar {
display: none;
}
.main-column {
max-width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.about-the-agency, .like-what-you-see, .page-section h3 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 767px) {
.footer-top {
display: block !important;
}
header .main> .container {
width: 100%;
max-width: 100%;
}
.mobile-only {
display: block;
}
header nav {
position: fixed !important;
top: 0;
left: -100%;
z-index: -1;
width: 100%;
height: 100%;
padding: 30px 0 !important;
overflow: auto;
background-color: #FFFFFF;
}
.mobile-menu-open header nav {
left: 0;
z-index: 4;
}
.kika-logo {
float: left;
}
.mobile-nav-button {
display: block;
float: right;
}
.mobile-nav-button .fa.fa-bars {
font-size: 26px;
line-height: 26px;
color: #48505F;
}
.mobile-nav-button:hover .fa.fa-bars {
color: #FF5200;
transform: rotate(180deg);
}
header nav> ul> li {
display: block;
padding: 0;
}
header nav> ul {
display: block;
float: unset;
width: 100%;
margin: 30px 0 0 0;
text-align: center;
}
.mobile-logo {
display: table;
width: 220px;
padding: 0 30px;
margin: 0 auto;
}
header nav> ul> li> a {
display: block;
padding: 10px 30px;
font-family: 'DINBold';
font-size: 18px;
color: #1F2228;
}
header nav> ul> li:hover> a {
background-color: #EAEAEA;
}
.close-mobile-nav {
display: block;
margin-top: 20px;
font-size: 24px;
}
.our-services .service, .our-services .service-items {
max-width: 100%;
flex: 0 0 100%;
ms-flex: 0 0 100%;
}
.our-services .service-items {
margin-top: 0;
}
.our-services .service-items ul {
display: block;
padding: 0;
margin: 0 0 0 60px;
}
.our-services .service { }
.service-content2 ul {
margin: 0 0 0 60px;
}
.service-content2 ul> li {
width: auto;
}
.our-work .container> .row> div {
max-width: 100%;
flex: 0 0 100%;
ms-flex: 0 0 100%;
}
.rad-lbl {
float: unset !important;
}
.rad-fld {
float: left !important;
padding: 0 !important;
margin-right: 10px;
margin-left: 0 !important;
}
.our-team.page-section .container {
width: 100%;
max-width: 100%;
}
.tm-position {
display: none;
}
}
@media (max-width: 575px) {
#about-kika, #latest-articles, #newsletter, #contact-us {
max-width: 100%;
margin-bottom: 20px;
border: 0 !important;
flex: 0 0 100%;
ms-flex: 0 0 100%;
}
.our-team.page-section .container {
width: 100%;
max-width: 320px;
}
}
@media (max-width: 455px) {
.our-services .service-items ul li {
float: unset;
width: 100%;
padding: 0;
margin: 0 0 5px 0;
}
}
@media (max-width: 400px) {
.home-banner h2 {
font-size: 5em;
}
}