/*
Theme Name: BioTechScope
Description: Built solely for use by BioTechScope
Author: Hut Six Digital
Author URI: https://www.hutsixdigital.co.uk
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0

*/

@import url('//fonts.googleapis.com/css?family=Montserrat:300,600');

body { font-family: "Montserrat"; font-weight: 300; font-size: 16px; color: #182C4F }
p, ul, li { font-weight: 300; }
hr { border-top: solid 1px #0099cc; margin: 0; opacity: 0.5; }
img { max-width: 100%; height: auto; }
a { color: #0099cc; }
a:hover { color: #0099cc; text-decoration: none; }
strong { font-weight: 600; }
.fullwidth { width: 100%; }
.fc-item-box, .fc-item-box .btn { font-size: 12px!important; line-height: 140%!important; }

.blue { background-color: #0099cc; }
.light-blue { background-color: #EBF1F5; }
.grey { background-color: #DFEFFF; }
.white { background-color: #fff; }

.blue-text, .blue-text p, .blue-text h4  { color: #0099cc; }
.blue-text a { color: #fff; }

.white-text, .white-text p, .white-text a, .white-text h1, .white-text h2 { color: #fff; }

.navbar-light .navbar-nav .nav-link, .dropdown-menu { color: #182C4F; font-size: 16px!important; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #0099cc; }

.small-text { font-size: 14px; }

.padding { padding-top: 30px; padding-bottom: 30px; }
.paddinglarge { padding-top: 80px; padding-bottom: 80px; }
.paddingtop { padding-top: 30px; }
.paddingbottom { padding-bottom: 30px; }
.paddingtopsm { padding-top: 15px; }
.fullpadding { padding-left: 30px; padding-right: 30px; }
.nopadding { padding: 0; }
.margintop { margin-top: 30px; }
.marginbottom { margin-bottom: 30px; }
.marginbottomsm { margin-bottom: 15px; }

.right { text-align: center; }
@media (min-width: 992px) { .right { text-align: right; } }
.left { text-align: center; }
@media (min-width: 992px) { .left { text-align: left; } }

.header { border-bottom: solid 5px #0099cc; }
@media (min-width: 992px) { .hero { padding-top: 10vh; padding-bottom: 10vh; min-height: 390px; } .hero, .hero p, .hero h1 { color: #fff; } }
.hero p:last-child { margin-bottom: 0; }
.hero h1 { line-height: 1; }

.logo { max-height: 80px; }
@media (min-width: 992px) { .logo { max-height: 100px; } }

.home-boxes a img { max-width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); position: relative; }
.home-boxes a h3 { position: absolute; bottom: 10px; left: 35px; color: #fff!important; }
.home-boxes i { color: #0099cc; }

.single .wp-post-image { width: 100%; margin-bottom: 20px; }

.latest-news h3, .related-news h3 { font-size: 16px; }
.latest-news img, .related-news img { margin-bottom: 20px; width: 100%; }
.latest-news a, .related-news a { color: #182C4F; }
.latest-news .category a, .related-news .category a { color: #0099cc!important; text-transform: uppercase; font-size: 10px; }

.footer p { margin: 0; padding: 0; }
.footer-menu { list-style: none; margin: 0; padding: 0; }
.footer-menu li { list-style: none; margin: 0; padding: 0; }

h1 { font-weight: 600; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.mobile-version h1 { color: #182C4F; text-shadow: 0 0 0; font-size: 36px; }
h2, h3, h4 { font-weight: 600; color: #182C4F; }
h2 { margin: 0 0 20px 0; }
.latest-news h2, .home-boxes h2 { margin: 0; }
h3.section-title { font-size: 18px; border-bottom: solid 1px #a61111; color: #fff; line-height: 30px; }
h3.section-title a { color: #fff; }
h3.section-title span { background-color: #a61111; line-height: 30px; display: inline-block; padding: 0 10px; }
h3 { font-size: 24px; }
h4 { font-size: 16px; }

.social-icons { list-style: none; margin: 0; padding: 0;  }
.social-icons li { margin: 0 0 10px 0; display: inline-block;}
.social-icons a { color: #fff; }
.social-icons a:hover { text-decoration: none!important; }
.social-icons i { border: solid 1px #fff; width: 26px; text-align: center; line-height: 26px; border-radius: 26px; }

.btn-primary { border: solid 1px #0099cc; color: #0099cc!important; border-radius: 20px; background: transparent; font-size: 16px; font-weight: 600; }
.btn-primary:hover { border: solid 1px #0099cc; color: #fff!important; border-radius: 20px; background: #0099cc; font-size: 16px; font-weight: 600; }

.btn-primary-red { background: #a61111; border-color: #a61111; color: #fff!important; border-radius: 20px; font-size: 16px; font-weight: 600; }

.white-text .btn-primary { border: solid 1px #fff; color: #fff!important; border-radius: 20px; background: transparent; font-size: 16px; font-weight: 600; }
.white-text .btn-primary:hover { border: solid 1px #fff; color: #0099cc!important; border-radius: 20px; background: #fff; font-size: 16px; font-weight: 600; }

input, textarea { outline: none!important; border: none; }

.mc4wp-form { margin-top: 30px; }
.mc4wp-form label { font-weight: 600; width: 100%; font-size: 18px; }
.mc4wp-form label span { font-weight: 600; width: 100%; font-size: 16px; color: #0099cc; }
.mc4wp-form input[type="text"], .mc4wp-form input[type="email"] { width: 100%; padding: 10px; }

.search-form { position: relative; margin-right: 20px; margin-top: 10px; }
.search-form input[type="text"] { margin-bottom: 20px; border: solid 1px #ddd; border-radius: 20px; background: none; width: 100%; padding: 5px 10px; font-size: 12px; color: #182C4F; }
.search-form input[type="image"] { width: 12px; position: absolute; top: 8px; right: 10px; }
@media (min-width: 992px) { .search-form { margin-top: 0; } }

@media (min-width: 992px) {
.top-bar { margin-bottom: -60px; margin-top: 10px; z-index: 10000; }
}
.top-bar a { font-size: 12px; color: #182C4F; }
.top-bar .right { padding-top: 3px; }
.top-bar .btn { font-size: 12px; padding: 5px 10px; }

.wpgmp_filter_wrappers { margin: 30px 10%; width: 80%!important; }
.wpgmp_listing_container, .wpgmp_pagination { margin: 0 10%!important; width: 80%!important; }

.company-detail p { font-size: 18px; }
.company-detail b { color: #0099cc; }
.company-detail i { font-size: 42px; color: #0099cc; float: left; margin-right: 20px; margin-bottom: 40px; }

.fc-item-box i { color: #0099cc; width: 30px; }

iframe { width: 100%; height: 500px; border: none; }