/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 06 2019 | 02:16:44 */
@font-face {
    font-family: 'metrobold';
    src: url('https://blackdotresearch.sg/wp-content/uploads/fonts/mp-b-webfont.woff2') format('woff2'),
         url('https://blackdotresearch.sg/wp-content/uploads/fonts/mp-b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metro';
    src: url('https://blackdotresearch.sg/wp-content/uploads/fonts/mp-r-webfont.woff2') format('woff2'),
         url('https://blackdotresearch.sg/wp-content/uploads/fonts/mp-r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metrolight';
    src: url('https://blackdotresearch.sg/wp-content/uploads/fonts/mp-el-webfont.woff2') format('woff2'),
         url('https://blackdotresearch.sg/wp-content/uploads/fonts/mp-el-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body.blog .posts-container .category-research-publications { display: none; }
.masonry-blog-item { min-height: 350px; }

body {
  font-family: 'metro', sans-serif;
  font-size: 16px;
  margin-top: -120px;
}

strong {
  font-family: 'metrobold', sans-serif;
}

.sf-menu {
  font-family: 'metrobold', sans-serif;
}

h1 {
  font-family: 'metrolight', sans-serif;
  font-weight: normal;
}

h3, h4 {
  font-family: 'metrobold', sans-serif;
  font-weight: normal;
}


.team-member h4 { 
  text-transform: none !important;
}

.position {
  text-transform: uppercase;
  color: #777777;
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 1px;
}

.getintouch {
  color: #fff;
  font-size: 48px;
  line-height: 52px;
}

#footer-widgets > .container > .row > .col:last-child {
  background: black; 
  padding: 70px;
  margin-top: -120px;
}

.col { margin-right: 0;}
.col.span_4 { margin-right: 2%;}
.blackdot-form {
  padding-top: 30px; }
.contact-input input, .contact-input textarea { background: transparent; border-bottom: 1px solid #fff; color: #fff  }
.contact-input { margin-top: 40px; }
::placeholder { color: white;}
.contact-send input { padding: 20px 35px; color: #fff; font-family: 'metrobold', sans-serif; font-size: 18px;  text-transform: uppercase; letter-spacing: 1px; float: right; 
  border-radius: 0; margin-top: 40px;}
#footer-outer #footer-widgets .col input[type="submit"] { background: #fff !important; }
.original input[type=text]:focus, .original textarea:focus, .original input[type=email]:focus, .original input[type=search]:focus, .original input[type=password]:focus, .original input[type=tel]:focus, .original input[type=url]:focus, .original input[type=date]:focus {
  background: transparent; }
.widget .textwidget { font-size: 13px; }
#footer-outer[data-using-bg-img="true"] { background-repeat: repeat; background-size: auto; background-color: transparent !important; }


.project-title h1 { color: #000 !important; }
.page-id-2905 .contact-send input { background: #fff !important; color: #313131; }

#menu-item-2919 a { padding-left: 30px !important; padding-right: 30px !important;  }
header#top nav > ul > li > a, .span_3 .pull-left-wrap > ul > li > a, body.material #search-outer #search input[type="text"], #header-secondary-outer .nectar-center-text, #slide-out-widget-area .secondary-header-text {
  line-height: 30px !important; }
header#top nav > ul > li[class*="button_solid_color"] > a:before, #header-outer.transparent header#top nav > ul > li[class*="button_solid_color"] > a:before { height: 36px !important; }

.portfolio-wrap { padding-bottom: 5% !important; }

.underline--magical {
  background-image: linear-gradient(120deg, #ffb661 0%, #f78d10 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 78%;
  transition: background-size 0.25s ease-in;
}
.underline--magical:hover {
    background-size: 100% 88%;
  }

.wpcf7 .wpcf7-response-output {
  background: transparent;
  border: 1px dashed #fff;
  color: #fff !important;
}

.search-field::placeholder { color: #444; }
.row.heading-title.hentry, .post_format-post-format-quote { margin-top: 100px; }