﻿/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Archivo|Archivo+Black&display=swap');

body, html { height: 100%; margin: 0px; padding: 0px; }

/* Navigation */
.navbar { background-color: #010d4f; opacity: 0.85; padding: .4rem 0rem; }
.navbar li { text-align: right; font-size: 18px; }
.navbar li .dropdown-menu { padding-right: unset; }
.navbar li .dropdown-menu div { border-right: 1px dashed #f9e3aa; padding-right: 18px; }
.navbar-light .navbar-toggler { border-color: #fff; color: #fff; padding: 0.7rem; }
.navbar-light .navbar-toggler:focus { box-shadow: none; }
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .nav-item .dropdown-menu .dropdown-item { border-bottom: 1px dashed #fff; color: #fff; display: inline-block; margin: .3rem 0rem;  padding: .4rem 0rem; }
.navbar-light .navbar-nav .nav-link:hover, .nav-item .dropdown-item:hover { color: #fff; text-decoration: none; background-color: unset; border-bottom: 1px dashed #6bcffb; }
.nav-item .dropdown-menu { background-color: unset; }
.nav-item .dropdown-menu div { display: list-item; }
.nav-item .dropdown-menu, .dropdown-item { padding-right: 1rem; text-align: right; width: unset; }
.nav-link .fad, .nav-link .fas { margin-right: 10px; }

/* Footer Navigation */
.navbar-centered { margin: 0 auto; }
.navbar-centered .nav-item { margin: 0px 10px }
footer .navbar { padding-bottom: 40px; }

/* Header */
/* Calculate Padding Top As Img Height / Img Width * Container Width % ) Take Off .2% For Border Fix */
header { background-color: #010d4f; margin: 0px; }
.off-set-nav { padding-top: 56px; }
.small-header { padding-bottom: 60px; text-align: center; }
.small-header > a { display: inline-block; margin: 140px 50px 40px 50px; }

/* Colours & Weights */
.black { color: #111; }
.bold { font-weight: bold; }
.blue-text { color: #21409a; }
.dark-blue { background-color: #010d4f; }
.dark-blue-text { color: #21409a !important; }
.green { background-color: #006d3e; }
.green-text { color: #006d3e; }
.light-blue { background-color: #21409a; }
.light-green { color: #8cdc75; }
.white { background-color: #fff; }
.yellow { color: #e6b119; }
.font-style-normal { font-style: normal; }
.text-large { font-size: 24px; }

a:hover { text-decoration: none; }
.green a { color: #fff; text-decoration: none; }
.green a:hover { border-bottom: 1px dashed #8cdc75; color: #fff; text-decoration: none; }

/* Background Images */
.bg-img { background-repeat: no-repeat; background-size: contain; height: 0; padding-top: 50%; margin-bottom: -2px; position: relative; width: 100%; }

@media (max-width: 2400px) { .bg-img { background-image: url('/img/Small-Business-Britain-Header-2400.jpg'); } }
@media (max-width: 1600px) { .bg-img { background-image: url('/img/Small-Business-Britain-Header-1600.jpg'); } }
@media (max-width: 800px) { .bg-img { background-image: url('/img/Small-Business-Britain-Header-800.jpg'); } }

@media (max-width: 2400px) { .bg-img-our-partners { background-image: url('/img/Small-Business-Britain-Header-Our-Partners-2400.jpg'); } }
@media (max-width: 1600px) { .bg-img-our-partners { background-image: url('/img/Small-Business-Britain-Header-Our-Partners-1600.jpg'); } }
@media (max-width: 800px) { .bg-img-our-partners { background-image: url('/img/Small-Business-Britain-Header-Our-Partners-800.jpg'); } }

@media (max-width: 2400px) { .bg-img-recover { background-image: url('/img/Small-Business-Britain-Header-Recover-2400.jpg'); } }
@media (max-width: 1600px) { .bg-img-recover { background-image: url('/img/Small-Business-Britain-Header-Recover-1600.jpg'); } }
@media (max-width: 800px) { .bg-img-recover { background-image: url('/img/Small-Business-Britain-Header-Recover-800.jpg'); } }

@media (max-width: 2400px) { .bg-img-recover-feb-2022 { background-image: url('/img/Small-Business-Britain-Header-Recover-Feb-2022-2400.jpg'); } }
@media (max-width: 1600px) { .bg-img-recover-feb-2022 { background-image: url('/img/Small-Business-Britain-Header-Recover-Feb-2022-1600.jpg'); } }
@media (max-width: 800px) { .bg-img-recover-feb-2022 { background-image: url('/img/Small-Business-Britain-Header-Recover-Feb-2022-800.jpg'); } }

@media (max-width: 2400px) { .bg-img-resilient { background-image: url('/img/Small-Business-Britain-Header-Resilient-2400.jpg'); } }
@media (max-width: 1600px) { .bg-img-resilient { background-image: url('/img/Small-Business-Britain-Header-Resilient-1600.jpg'); } }
@media (max-width: 800px) { .bg-img-resilient { background-image: url('/img/Small-Business-Britain-Header-Resilient-800.jpg'); } }

@media (max-width: 2400px) { .bg-img-instagram { background-image: url('/img/instagram/Small-Business-Britain-Header-Instagram-2400.jpg'); } }
@media (max-width: 1600px) { .bg-img-instagram { background-image: url('/img/instagram/Small-Business-Britain-Header-Instagram-1600.jpg'); } }
@media (max-width: 800px) { .bg-img-instagram { background-image: url('/img/instagram/Small-Business-Britain-Header-Instagram-800-Narrow.jpg'); } }

.header-programme { background-color: #224757; padding-top: 54px; }
.header-image { padding-top: 56px; }
.header-unlocking-small-business-potential  { background-color: #fff; padding-top: 20px; }
@media (max-width: 2400px) { 	.header-instagram { margin-top: 58px; } }
@media (max-width: 1600px) { .header-unlocking-small-business-potential { margin-top: 58px; } }
@media (max-width: 768px) { 
	.header-image { margin-top: 40px; padding-top: 0px; }
	.header-instagram { margin-top: 40px; }
	.header-programme { margin-top: 40px; padding-top: 0px; }
	header-unlocking-small-business-potential { margin-top: 58px; }
}

h1 { color: #fff; font-family: 'Archivo Black', Verdana; font-size: 72px; font-weight: normal; margin: 0px; padding: 30px 0 30px 0; text-align: center; text-transform: uppercase; }
h2 { font-family: 'Archivo Black', Verdana; font-size: 48px; font-weight: normal; margin-top: 1rem; padding: 0; text-align: center; text-transform: uppercase; }
h2 a, h2 a:hover { color: inherit; }
h3 { font-family: 'Archivo', Verdana; font-size: 32px; margin: 32px 0 12px 0; }
h4 { font-family: 'Archivo', Verdana; font-weight: bold; margin: 0px; }
h4 .btn { font-size: 28px; line-height: 40px; text-align: left; }
h5, .card-header { color: #010d4f; font-size: 25px; font-weight: bold; margin-bottom: .85rem; }
p, li, .text-normal { font-family: 'Archivo', Verdana; font-size: 25px; text-align: left; }
footer.blockquote-footer { background-color: unset; text-align: left; }

/* Adjusted Headers */
.green h1, .light-blue h1 { text-shadow: none; }
.green h1, .green h2, .light-blue h1, .light-blue h2 { color: #fff }
.header-overlay { margin-top: -180px; }
.header-overlay h1 { background-color: rgb(128, 128, 128, 0.2); color: #010d4f; display: inline-block; padding: 20px 0 20px 0; width: 100%; }

@media (max-width: 1450px) { .header-overlay { margin-top: -150px; } }
@media (max-width: 1200px) { .header-overlay { margin-top: -140px; } }
@media (max-width: 992px) { .header-overlay { margin-top: -120px; } }
@media (max-width: 768px) { .header-overlay { margin-top: -100px; } }

/* Countdown */
#countdown span { color: #8cdc75; padding: 0 3px 0 3px; }

@media (max-width: 1450px) { h1 { font-size: 60px; } }
@media (max-width: 1200px) { h1 { font-size: 48px; } }
@media (max-width: 992px) { 
	h1, h2 { font-size: 36px; }
	.small-header h1, .small-header h2 { font-size: 32px; }
}
@media (max-width: 768px) { 
	h1, h2, h3 { font-size: 24px; font-weight: 100; }
	.small-header h1 , .small-header h2 { font-size: 32px; }
	h4 .btn { font-size: 22px; line-height: 30px; }
	p, ul.text li, .text-normal { font-size: 22px; }
	.navbar { padding: .2rem 0rem; }
	.navbar-light .navbar-toggler { padding: 0.5rem; font-size: 16px; }
	.navbar li, .navbar li div.dropdown-menu { font-size: 14px; }
}

@media (max-width: 500px) {
	h1, h2 { font-size: 24px; font-weight: 100; }
	#h1Countdown span { font-size: 16px; }
	.small-header h1 { font-size: 26px; }
	.small-header h2 { font-size: 24px; }
}

/* Buttons */
a.btn, button.btn { display: inline-block; font-family: 'Archivo Black'; font-size: 22px; margin: 60px 0 60px 0; text-transform: uppercase; }
.d-flex a.btn, .d-flex button.btn { margin: 0; }
.modal-footer a.btn, .modal-footer button.btn { margin-top: unset; margin-bottom: unset; }
a.btn .fad, a.btn .fas, button.btn .fad, button.btn .fas { margin-right: 15px; }
a.btn-primary, button.btn-primary { background-color: #010d4f; border-color: #111; border-radius: 0px; }
a.lilac { background-color: #675b8d; border-color: #675b8d; }
section p a, section li a, section .alert a, section .table a, a.text { border-bottom: 1px dashed #007bff; color: #007bff; text-decoration: none; }
section .table a { border-bottom: none; }
section.light-blue a.btn-primary, section.green a.btn-primary { background-color: #fff; color: #010d4f; }
section.light-blue a.btn-primary:hover, section.green a.btn-primary:hover { color: #21409a; }
section.light-blue p a { border-bottom: 1px dashed #fff; color: #fff; }
hr { display: block; height: 1px; border: 0; border-top: 2px solid #fff; margin: 40px auto 40px auto; opacity:unset; width: 80px; }

/* Alerts */
.alert .fad, alert .fas { margin-right: 10px; }

@media (max-width: 768px) { 
	
	hr { margin: 30px auto 30px auto; width: 80px; }
	a.btn, button.btn { margin: 20px 0 20px 0; }

}

/* Section */
section { color: #fff; margin: 0px; padding: 60px 0 60px 0; }
section .card { margin-bottom: 30px; }
section.white { color: #21409a; padding: 60px 0 60px 0; }
section.white h4 { color: #21409a; }
section.white hr, hr.dark-blue { border-top: 2px solid #21409a; }
section.white hr.lilac { border-top-color: #675b8d; }
section.white p, section.white li { color: #111; }

/* Keep Calm */
.keep-calm { margin: 0px auto; max-width: 400px; padding: 100px 10px; text-align: center; }
.keep-calm img.crown { width: 130px; }
.keep-calm img.footer { width: 360px; }
.keep-calm p { color: #fff; font-family: "Gill Sans", "Gill Sans MT", Arial; font-size: 60px; letter-spacing: 2px; line-height: 72px; margin: 30px 0 45px 0; text-align: center; text-transform: uppercase; }
.keep-calm p span { display: block; }
.keep-calm p span.and { font-size: 50%; }
.card .card { margin-top: 20px; }
.card .fab, .card .fad, .card .far, .card .fas { margin-right: 10px; }
.card-body h4 { margin: 40px 0 24px 0; }
.card-link { float: right; margin-left: 1rem; }
.card-link .fab, .card-link .fad, .card-link .fas { margin-left: 0.8rem; }
.card-header button { display: flex; }
.card-header .btn-link { text-decoration: none; }
.card-header button i { font-size: 48px; padding-top: 8px; width: 54px; }
.card-header button span { flex: 1; }

@media (max-width: 768px) { 
	.card-header button i { font-size: 40px; padding-top: 8px; width: 48px; }
}

/* Footer */
footer { background-color: #010d4f; }
footer.white { background-color: #fff; }
footer img { margin: 60px 0px 60px 0px; }
footer a.btn-primary, button.btn-primary { background-color: #fff; color: #010d4f; }
footer a.text { border-bottom: 1px dashed #fff; color: #fff; display: inline-block; font-size: 28px; text-decoration: none; }
footer form label { font-size: 24px; margin-top: 20px; margin-bottom: 0.5rem; }
footer p, footer form label, small { color: #fff; display: inline-block; }
footer p { font-size: 28px; margin-top: 30px; }

/* Fix For IE11 Vertical Alignment */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	footer .my-auto { height: 122px; }
}

footer .footer-social-media a { background-color: #fff; color: #010d4f; display: block; float: left; font-size: 44px; height: 66px; margin: 15px 22px 15px 0; text-align: center; width: 66px; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
footer .footer-social-media a:hover { background-color: #21409a; color: #fff; }
footer .footer-social-media a i.fab, .footer-social-media a i.fas { color: inherit; margin: 0px; }

.thanks { max-width: 260px; }
.col-centered { text-align: center; }
.margin-bottom { margin-bottom: 3rem; }
.margin-bottom-small { margin-bottom: 1.4rem; }
.margin-left { margin-left: 1.4rem !important; }
.margin-left-thin { margin-left: 0.5rem !important; }
.margin-right { margin-right: 1.4rem !important; }
.margin-right-thin { margin-right: 0.5rem !important; }
.margin-right-only { margin: 0 1.4rem 0 0 !important; }
.margin-top-small { margin-bottom: 1.4rem; }

/* Generic Home Page */
.gbg { background-image: url("/img/Generica-Holding-Page-Background.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; }

/* Constant Contact */
.ctct-inline-form .g-recaptcha, .ctct-form-footer {
	display: none !important;
}

label.ctct-form-label { font-size: 22px; font-weight: normal !important; padding-left: 16px; }
.ctct-form-button { border-radius: 0px !important; color: #010d4f; font-family: 'Archivo Black'; font-size: 20px !important; font-weight: bold; text-transform: uppercase !important; }
.ctct-form-custom { margin-top: 24px !important; }
.ctct-form-defaults { padding: 0px !important; }
.ctct-form-required:before { left: 0px !important; }
.ctct-form-success { margin-top: 30px !important; text-align: center; }

.hidden { display: none !important; }

/* Badges */
.badge-info { background-color: #17a2b8; margin-left: 0.5rem; }

/* Pills */
.nav-pills { --bs-nav-pills-link-active-bg: #21409a; --bs-nav-link-color: #21409a; }
.nav-pills .nav-item { padding: 4px; }
.nav-pills .nav-link { border: 1px solid var(--bs-border-color-translucent); font-size: 22px; }

.card-columns { column-count: 4; }

@media (max-width: 1350px) {
	.card-columns { column-count: 3; }
}

@media (max-width: 992px) {
	.card-columns { column-count: 2; }
}

@media (max-width: 768px) {
	.card-columns { column-count: 1; }
}

/* Images */
.img-inline { border-radius: 4px; margin: 10px 0 30px 0; width: 100%; }
section div img.img-fluid { border-radius: .25rem; margin: 2rem 0 3rem 0; }

/* Good News Stories */
.good-news-stories .card { margin-top: 20px; }
.good-news-stories .card h5 { margin-left: 120px; }
.good-news-stories .card p { display: flex; }
.good-news-stories .card p img { border-radius: 8px; height: 100px; margin-top: 10px; width: 100px; }
.good-news-stories .card p span { flex: 1; margin-left: 20px; }

.good-news-thumbs { clear: both; margin-top: 40px; }
.good-news-thumbs div { display: table; float: left; height: 160px; padding: 15px; width: 33.33%; }
.good-news-thumbs a { background-color: #21409a; float-end: 6px solid #010d4f; border-radius: 4px; color: #fff; display: table-cell; font-size: 20px; height: 100px; padding: 20px 20px 20px 10px; vertical-align: middle; width: 100%; }
.good-news-thumbs a:hover { background-color: #010d4f; text-decoration: none; }
.good-news-thumbs a img { border-radius: 8px; height: 80px; margin: auto 10px auto 0; width: 80px; }
.good-news-thumbs a > span { display: flex; }
.good-news-thumbs a > span span { flex: 1; margin: auto; }

@media (max-width: 992px) {
	.good-news-thumbs div { width: 50%; }
}

@media (max-width: 768px) {
	.good-news-thumbs { margin-top: 10px }
	.good-news-stories .card h5 { margin-left: 65px; }
	.good-news-stories .card p img { height: 45px; width: 45px; }
	.good-news-stories a.card-link { font-size: 14px; margin: 0; }
	.good-news-thumbs div { height: auto; padding: 15px 0 15px 0; width: 100%; }
}

/* Lists */
ul.fa-ul { padding-left: 0.6em; }
ul.text li { margin-top: 18px; }

ol li {
	padding-left: 20px;
}

/* Special Overrides */
.margin-top { margin-top: 30px; }
.margin-top-lg { margin-top: 60px; }
.small-margin-top { margin-top: 10px!important; }
.no-margin { margin: 0px !important; }
.no-margin-top { margin-top: 0px !important; }
.no-padding-bottom { padding-bottom: 0px !important; }
.no-padding-top { padding-top: 0px !important; }

/* d:Entrepreneur */
.bg-img-d-ent { background-image: url('/img/d-entrepreneur/d-entrepreneur-header-2400.jpg'); background-size: cover; margin-bottom: -1px; }
.bg-img-d-ent p, .bg-img li, .bg-img a { color: #fff; }
.bg-img-d-ent p a { border-bottom: 1px dashed #fff; color: #fff; text-decoration: none; }
.bg-img-d-ent p a:hover { border-bottom: 1px dashed #cda62d; text-decoration: none; }
.bg-img-d-ent .btn-primary { background-color: #662359; border: 1px solid #662359; }
.bg-img-d-ent .btn-primary:hover { background-color: #814175; border: 1px solid #662359; }
.bg-img-d-ent .btn-primary:not(:disabled):not(.disabled):active { background-color: #312820; border: 1px solid #312820; }
.bg-img-d-ent .btn-primary:not(:disabled):not(.disabled):active:focus, .bg-img-i-ent .btn-primary:focus { box-shadow: 0 0 0 0.2rem #cda62d; }

@media (max-width: 1600px) { .bg-img-d-ent { background-image: url('/img/d-entrepreneur/d-entrepreneur-header-1600.jpg'); } }
@media (max-width: 800px) { .bg-img-d-ent { background-image: url('/img/d-entrepreneur/d-entrepreneur-header-800.jpg'); } }

/* i:Entrepreneur */
.bg-img-i-ent { background-image: url('/img/i-entrepreneur/i-entrepreneur-header-2400.jpg'); background-size: cover; margin-bottom: -1px; }
.bg-img-i-ent p, .bg-img li, .bg-img a { color: #fff; }
.bg-img-i-ent p a { border-bottom: 1px dashed #fff; color: #fff; text-decoration: none; }
.bg-img-i-ent p a:hover { border-bottom: 1px dashed #cda62d; text-decoration: none; }
.bg-img-i-ent .btn-primary { background-color: #312820; border: 1px solid #3e3228; }
.bg-img-i-ent .btn-primary:hover { background-color: #cda62d; border: 1px solid #312820; }
.bg-img-i-ent .btn-primary:not(:disabled):not(.disabled):active { background-color: #312820; border: 1px solid #312820; }
.bg-img-i-ent .btn-primary:not(:disabled):not(.disabled):active:focus, .bg-img-i-ent .btn-primary:focus { box-shadow: 0 0 0 0.2rem #cda62d; }

@media (max-width: 1600px) { .bg-img-i-ent { background-image: url('/img/i-entrepreneur/i-entrepreneur-header-1600.jpg'); } }
@media (max-width: 800px) { .bg-img-i-ent { background-image: url('/img/i-entrepreneur/i-entrepreneur-header-800.jpg'); } }

.jumbotron img { margin: 80px 0 80px 0; padding: 0 10% 0 10%; }
.jumbotron p, .jumbotron li { color: #fff; font-family: 'Archivo', Verdana; font-size: 34px; font-weight: normal; line-height: 54px; text-align: center; }

.d-ent .jumbotron img { margin: 80px 0 80px 0; padding: 0 10% 0 10%; }
.d-ent .jumbotron p, .jumbotron li { color: #fff; font-family: 'Archivo', Verdana; font-size: 34px; font-weight: normal; line-height: 54px; text-align: center; }

@media (min-width: 1150px) {
  .jumbotron .lead, .d-ent .jumbotron .lead { padding: 40px 200px 0 200px; }
}

@media (max-width: 500px) {
  .jumbotron img, .d-ent .jumbotron img { margin: 40px 0 60px 0; padding: 0 10% 0 10%; }
  .jumbotron .lead, .d-ent .jumbotron .lead{ font-size: 26px; line-height: 36px; }
}

/* Media Queries */
@media (max-width: 768px) {
	a.btn { display: block; }
	footer .footer-social-media a { font-size: 22px; height: 31px; margin: 0px 6px 0px 0px; width: 31px; }
	footer a.text, footer p { font-size: 18px; max-height: 100px; text-align: center; }
	footer img { margin: 40px 0px 40px 0px; }
}

/* Case Studies */
.case-studies { margin: 30px 0 30px 0; }
.case-studies .card { margin-bottom: 30px; }
.case-studies .card-header { font-size: 26px; }
.case-studies .card-header .fad, .case-studies .card-body .fa-grip-lines-vertical { margin: 0px 5px 0px 5px; }
.case-studies .card-header span { display: block; font-size: 18px; font-style: italic; }
.case-studies .float-end { margin-left: 20px; }
.case-studies .float-start { margin-right: 20px; }
.case-studies .fa-quote-right { margin-left: 10px; }
.case-studies img { max-width: 400px; }
.case-studies p { font-style: italic; }

@media (max-width: 500px) {
	.case-studies .card-header { font-size: 20px; }
  .case-studies img { max-width: 100%; margin-bottom: 30px; }
	.case-studies .card-body h4 { font-size: 1.3rem; }
}

/* About Us */
.about-us .card .btn { font-family: Archivo, Verdana; font-weight: normal; margin: 0px 0px 10px 0px; text-transform: unset; white-space: nowrap; }
.about-us .card-footer { border-top: none; background-color: unset; }

/* Small Business Planet */
section.green a.btn-primary { background-color: #8cdc75; border-color: #006d3e; color: #fff; border-radius: 0px; }
section.green a.btn-primary:hover { background-color: #006d3e; border-color: #8cdc75; border-style: solid; color: #fff; text-decoration: none; }

.planet h2, .planet h6 { color: #006d3e; }
.planet h5 { font-size: 28px; }
section.planet hr, section.white .planet hr { border-top: 2px solid #006d3e; }
.planet a { color: #8cdc75; border-bottom: 1px dashed #8cdc75; }
.planet a.btn-primary { background-color: #006d3e; border-color: #006d3e; color: #fff; border-radius: 0px; }
.planet a.btn-primary:hover { background-color: #8cdc75; border-color: #006d3e; border-style: solid; }
.planet .card a { font-size: 18px; margin: 30px 0 20px 0; }
.planet .card .card-header { color: #006d3e; font-size: 18px; }

@media (max-width: 500px) {
	.planet .card .card-header { color: #006d3e; font-size: 16px; }
	.planet h5 { font-size: 24px; }
}

h3 .badge-secondary, h3 .badge-secondary:hover { background-color: #006d3e; display: table; font-size: 18px; margin: 10px 0 20px 0; white-space: nowrap; width:10px; }

/* Blog */
.blog-author { font-style: italic; margin: 40px 0 0 0; font-size: 18px; }
.blog-intro { float-end: 2px dashed #21409a; padding-left: 30px; }
.blog-post { background-color: #e9ecef; border-radius: calc(.25rem - 1px); margin: 50px 0 0 0; }
.blog-post .detail-holder { display: flex; }
.blog-post .main-detail { flex: 1; }
.blog-post .separator { flex: 0 0 36px; }
.blog-post .separator .fad { color: #010d4f; font-size: 32px; margin-top: 20px; }
.blog-post .blog-date { color: #010d4f; font-size: 18px; margin: 20px 0 0 40px; padding: 0px; }
.blog-post .blog-intro, .blog-post p { color: #111; font-size: 20px; line-height: 32px; margin: 20px 0 30px 0; }
.blog-post p { margin: 15px 0 15px 0; }
.blog-post .blog-post-detail { padding-left: 40px; }
.blog-post .blog-post-detail .btn, .blog-post-body .btn { color: #6c757d; font-family: Archivo, Verdana; font-weight: normal; margin: 20px 0px 20px 0px; text-transform: unset; }
.blog-post .blog-post-detail .btn:hover, .blog-post-body .btn:hover { border-bottom: 1px solid #6c757d; color: #fff; text-decoration: none; }
.blog-post .btn-outline-primary { margin: 0 auto 20px auto; }
.blog-post h2 { color: #111; font-family: 'Archivo', Verdana; font-size: 32px; line-height: 32px; margin-top: 20px; padding: 0px; text-align: left; text-transform: none; }
.blog-post h2 a { color: inherit; }
.blog-post h2 a:hover { text-decoration: none; }
.blog-post h2 span { color: #21409a; display: block; font-size: 22px; font-style: italic; font-weight: normal; margin-top: 10px; }
.blog-post img { border-radius: calc(.25rem - 1px); width: 100%; }
.blog-post p a { border-bottom: 1px dashed #006d3e; color: #006d3e; }
.blog-post p a:hover { border-bottom: 1px dashed #006d3e; color: #006d3e; }
.blog-post-image { padding: 0px; }

.green .blog-post { background-color: #fff; }
.green .blog-post .separator .fad { color: #006d3e; }
.green .blog-post h2 a:hover { color: #111; text-decoration: none; }
.green .blog-post h2 span { color: #006d3e; }

.sort-buttons .btn { font-size: 16px; font-family: 'Archivo', Verdana; margin: 0 0 0 14px; text-transform: none; }
.blog-post-body .published { color: #6c757d; font-size: 18px; font-style: italic; font-family: 'Archivo', Verdana; }

h1.single-post { padding-top: 600px; }

@media (max-width: 992px) {
  .blog-intro { border-left: 2px dashed #cda62d; padding-left: 20px; }
  .blog-post { margin-left: .75rem; margin: 32px .75rem 0 .75rem; }
  .blog-post .separator { flex: 0 0 28px; }
  .blog-post .blog-date { font-size: 16px; margin: 20px 0 0 28px; }
  .blog-post .blog-intro { font-size: 16px; line-height: 28px; text-align: justify }
  .blog-post .blog-post-detail { padding-left: 10px; }
  .blog-post .btn-outline-primary { display: block; font-size: 18px; }
  .blog-post h2 { font-size: 20px; line-height: 32px }  
  .blog-post h2 span { font-size: 14px; }
  .blog-post img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
	.sort-buttons {  margin-right: .75rem; }

	h1.single-post { padding-top: 400px; }

}

.blog-post-body h3 { font-weight: bold; margin: 3rem 0 1.4rem 0; }
.blog-post-body h4 { color: #6c757d; margin: 2rem 0 1rem 0; }
.blog-post-body p, .blog-post-body h3 { color: #111; }
.blog-post-body ol, .blog-post-body ul { color: #111; margin: 2rem 0 2rem 0; margin-left: 1rem; }
.blog-post-body ol li, .blog-post-body ul li { color: #111; margin: 0 0 10px 0; }

@media (max-width: 768px) {
	.blog-author { margin-top: 24px; }
  .blog-post-body .published { font-size: 16px; }
	.blog-post-body h3 { font-size: 28px; }
	.blog-post-body ol li, .blog-post-body ul li { font-size: 22px; }
}

/* Quotes */
blockquote { display: block; font-size: 3rem; font-style: italic; }
blockquote p.mb-0 {	font-size: 1.5rem; line-height: 2.4rem; }

/* Checkbox UL */
ul.checkbox { list-style: none; padding: 0; }
ul.checkbox li { padding-left: 1.3em; }
ul.checkbox li:before { content: "\f0c8"; font-family: 'Font Awesome 5 Pro'; display: inline-block; margin-left: -1.3em; width: 1.3em; }
ul.no-margin { margin: 0px; }

/* Forms */
form button.btn { margin-left: 5px; margin-right: 5px; }
form input { font-size: 1.2rem; }
form label, .form-group p { color: #111; font-family: 'Archivo', Verdana; font-size: 1.2rem; margin-top: 14px; }
form label.form-check-label { margin: 0 0.5rem 0 0.5rem; }
form .fab, form .fad, form .fa-duotone, form .fas { margin-right: 14px; }
.word-count { color: #333; display: inline-block; font-size: 80%; float: right; margin-top: 3px; }

/* Modals */
#modalSubmit .modal-header { border: 0px; }
.modal-success, .modal-failure { padding: 20px; text-align: center; }
.modal-success i.fad, .modal-failure i.fad { font-size: 14rem; margin-bottom: 24px; }
.modal-success h1, .modal-failure h1 {	font-size: 3rem; margin-bottom: 24px; }
.modal-success h3.application { border:2px dashed #111; color: #111; font-size: 1.8rem; margin-bottom: 30px; margin-top: 30px; padding: 10px 20px; }
.modal-success h3.application span {	color: #21409a; }
.modal .close { border: none; background-color: #fff; }
.modal li { font-size: 20px; margin: 0 0 0.5rem 0; }
.modal ol { margin-top: 0.5rem; }
.modal-success i.fad { color: #37d51f; }
.modal-failure i.fad { color: #f13f3f; }

/* Admin */
.admin-button-holder .btn { display: block; margin: 30px auto 30px auto; width: 100%; }

/* Green Skills For Small Business Programme */
.sb-programme .card-link { font-size: 1.1rem; }

@media (max-width: 768px) {
	.sb-programme .card-link { width: 100%; }
}

#tableEventsAdmin td i, #tableNetwalksAdmin td i, #tableSBAdmin td i { cursor: pointer; }

/* Cards */
.card-header { margin-bottom: 0px; }

/* How To Guides */
.how-to-guides .card { margin-bottom: 0px; }
.how-to-guides .card-header { font-size: 24px; line-height: 28px; min-height: 76px; }
.how-to-guides .badge { background-color: #010d4f !important; font-size: 14px; margin: 10px 4px; padding: 10px; }

@media (max-width: 768px) {
	.how-to-guides .card-header { min-height: unset; }
}

/* Netwalks */
#map-netwalks { border-radius: 4px; height: 650px; margin-top: 30px; }
#frmNetwalk input.form-control { color: #111; }

/* Events */
.event-speaker { color: #36454f; font-size: 23px; margin-top: 12px; }

@media (max-width: 768px) {
	.event-speaker { font-size: 18px; }
	#divUpcomingEvents .btn-outline-secondary { font-size: 18px; margin-top: 4px; }
}

/* Political Parties */
.party-conservative { background-color: #0087dc; color: #fff; }
.party-conservative:hover, .party-conservative:visited, .party-conservative.active { background-color: #005ea5 !important; color: #fff !important; }
.party-labour { background-color: #e4003b; color: #fff; }
.party-labour:hover, .party-labour:visited, .party-labour.active { background-color: #b3002a !important; color: #fff !important; }

.ratio-9x16-mob-only { padding-bottom: 56.25%; position: relative; width: 100%; }
.ratio-9x16-mob-only iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 768px) {
  .ratio-9x16-mob-only {
    padding-bottom: 177.78%; /* 9:16 */
  }
}

/* AI Tools */
.ai-tools .card-header { font-size: 1.4rem; }