::-webkit-input-placeholder {
  color: #4c6462;
}
::-moz-placeholder {
  color: #4c6462;
}
:-ms-input-placeholder {
  color: #4c6462;
}
:-moz-placeholder {
  color: #4c6462;
}

html,
body {
  background: white;
  color: #191919;
}

.text-light {
  color: #4c6462;
}

header,
img.svg,
body.header-small header a.homepage-link,
#contact-form-homepage .form-actions button {
  background: transparent;
}

h1 span {
  color: #4c6462;
}

body .menu-toggle:hover .menu-icon,
body.header-small .menu-toggle:hover .menu-icon {
  fill: white;
}

body.header-small .menu-toggle .menu-icon {
  fill: #95f495;
}

header nav ul li a {
  color: #191919;
}

header nav ul li a:hover,
header nav ul li a.current {
  color: #4c6462;
}

body.mobile header nav ul li a,
body.header-small header nav ul li a {
  color: #95f495;
}

body.mobile header nav ul li a.current,
body.header-small header nav ul li a:hover,
body.header-small header nav ul li a.current {
  color: white;
}

body.header-small header {
  background-color: #152623;
}

.modal .modal-close-button {
  background: none;
}

.modal .modal-close-button:before {
  background: url(https://d20di8qx1qrk5b.cloudfront.net/images/close.svg)
    no-repeat top left;
}

.modal .modal-close-button:hover:before {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/close-white.svg);
}

.navigation span {
  background: rgba(192, 192, 196, 0.8);
}

.navigation span:before {
  background: url(https://d20di8qx1qrk5b.cloudfront.net/images/navigation.svg)
    top left no-repeat;
}

.navigation span:hover:before {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/navigation-white.svg);
}

.color-black {
  background-color: #000000;
}

.color-gray {
  background-color: #908787;
}

.color-blue {
  background-color: var(--blue);
}

.color-white {
  background-color: #ffffff;
}

section#projects,
section#brand-is-the-whole-story,
section#true-essence,
section#our-story,
section#showreel,
section#contact-us {
  background: #fff;
}

.project-layouts .project-layout,
.project-navigation-footer {
  background-color: #f8f8f8;
}

.project-layout .content {
  color: #fff;
  text-shadow: 0px 3px 14px #00000029;
}

.project-layout .content span {
  color: white;
}

.project-layout#project-mojo {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/mojo.jpg);
}
.project-layout#project-vidazoo {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/vidazoo.jpg);
}
.project-layout#project-ezugi {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/ezugi.jpg);
}
.project-layout#project-dilmah {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/dilmah.jpg);
}
.project-layout#project-switchup {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/switchup.jpg);
}
.project-layout#project-robit {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/robit.jpg);
}
.project-layout#project-battarix {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/battarix.jpg);
}
.project-layout#project-watermedia {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/watermedia-2.jpg);
}
.project-layout#project-mixo {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/mixo.jpg);
}
.project-layout#project-stay-n-co {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/stay-n-co.jpg);
}
.project-layout#project-hoopy {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/hoopy.jpg);
}
.project-layout#project-mrstocks {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/mrstocks.jpg);
}
.project-layout#project-weknow {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/weknow.jpg);
}
.project-layout#project-the-service {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/the-service.jpg);
}
.project-layout#project-deep-coding {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/deep-coding.jpg);
}
.project-layout#project-predicto {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/predicto.jpg);
}
.project-layout#project-swish {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/swish.jpg);
}
.project-layout#project-shopper-ai {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/shopper-ai.jpg);
}
.project-layout#project-haifa {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/haifa.jpg);
}
.project-layout#project-ignite {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/ignite.jpg);
}
.project-layout#project-spinocchio {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/spinocchio.jpg);
}
.project-layout#project-adte {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/adte.jpg);
}
.project-layout#project-kodem {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/kodem.jpg);
}
.project-layout#project-appstock {
  background-image: url(https://d20di8qx1qrk5b.cloudfront.net/images/previews/appstock.jpg);
}

#colors-picker li {
  background-color: attr(data-color);
}

#thank-you.modal {
  background: #95f495;
}

#contact-us form fieldset {
  border: 0;
}

#contact-form-homepage .form-actions button {
  background: transparent;
  color: #191919;
}

#contact-form-homepage .form-actions button:hover,
#contact-form-homepage .form-message {
  color: white;
}

#contact-form-homepage .form-message.form-message-error {
  color: #f05a24;
}

#contact-us input,
#contact-us textarea {
  background: transparent;
  border: 5px solid #191919;
  border-bottom-width: 0;
  color: #191919;
}

#contact-us .form-input:last-child textarea {
  border-bottom: 5px solid #191919;
}

#draw-something {
  border: 5px solid #191919;
  border-right-width: 0;
}

#draw-something p {
  color: #191919;
}

.navigation-next svg #text {
  fill: #95f495;
  -webkit-transition: fill 0.4s;
  -o-transition: fill 0.4s;
  transition: fill 0.4s;
}
.navigation-next:hover svg #text {
  fill: white;
}

footer {
  background: #191919;
  color: #a5a5a5;
}

footer a {
  color: #a5a5a5;
}

footer h4 {
  color: #f8f8f8;
}

footer h4 span.strong {
  color: #95f495;
}

footer svg .fill {
  fill: #95f495;
  -webkit-transition: fill 0.4s;
  -o-transition: fill 0.4s;
  transition: fill 0.4s;
}
footer svg:hover .fill {
  fill: white;
}

footer svg .stroke {
  stroke: #95f495;
  -webkit-transition: stroke 0.4s;
  -o-transition: stroke 0.4s;
  transition: stroke 0.4s;
}
footer svg:hover .stroke {
  stroke: white;
}

@media only screen and (max-width: 767px) {
  body.mobile header nav {
    background: rgba(0, 0, 0, 0.9);
  }

  .project-layout .content-text .text-light {
    color: #191919;
  }

  .navigation .separator {
    background: none;
  }
}

/**
 * Projects page
 */
body.projects-page {
  background: white;
}

.project-layout .text-light {
  color: #191919;
}