/** theme colours
light blue: #2b9ce2
primary blue: #186bab
dark navy: #202f6d
light green: #67a22e
dark green: #2c3d19
**/

/*header*/
.top-navigation {border-bottom: 1px solid rgb(255 255 255 / 25%);}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0 15px; font-family: 'Noto Sans', Arial, Helvetica, sans-serif; color: #ffffff; font-weight: 700; font-size: 15px; line-height: 39px;}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus {color: #202f6d;}
.bg-dark .navbar-expand-lg .navbar-nav .nav-link:hover, .bg-dark .navbar-expand-lg .navbar-nav .nav-link:focus {color: #70b42d;}
.navbar-expand-lg .navbar-nav li.nav-item {line-height: 38px;}
.navbar-expand-lg .navbar-nav li.nav-item .btn {font-size: 14px; font-weight: 700; border-radius: 25px; padding: 7px 25px; margin-left: 14px;}
ul.secondary-menu {list-style: none; position: relative; padding: 0; float: right; text-align: right; margin-bottom: 0;}
ul.secondary-menu li {font-weight: 700; font-family: 'Noto Sans', Arial, Helvetica, sans-serif; display: inline-block; margin-left: 12px; position: relative;}
ul.secondary-menu li a {font-size: 13px; line-height: 37px; color: #ffffff; text-decoration: none;}
ul.secondary-menu li a:hover, ul.secondary-menu li a:focus {color: #202f6d;}
.bg-dark ul.secondary-menu li a:hover, .bg-dark ul.secondary-menu li a:focus {color: #70b42d;}

/*general*/
#heroImg {position: relative; background-image: url(https://commercebridge.tech/images/commerce-bridge-background.jpg); background-position: center right; background-repeat: no-repeat; background-size: cover;}
#heroImg:before {z-index: 1; content: ""; top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: rgb(0,0,0); background: linear-gradient(3deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.65) 40%, rgba(0,0,0,0) 100%);}
#heroImg .hero-container {z-index: 2; min-height: 70vh; position: relative; padding-top: 7em;}
#heroImg .hero-container .hero-content {font-size: 18px; line-height: 1.65;}
body {font-family: 'Noto Sans', Arial, Helvetica, sans-serif;}
h1, h2, h3, h4 {font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-weight: 700;}
h5, h6 {font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-weight: 400;}
.bg-dark {background-color: #202f6d !important;}
.bg-grey {background-color: #ebeef3;}
.section-title {color: #202f6d;}
.btn-lg {font-weight: 700; font-size: 15px; padding: 9px 35px;}
.btn-md {font-weight: 700; font-size: 14px; padding: 7px 25px;}
.btn-primary {background: #186bab; border-color: #186bab; border-radius: 25px;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background: #202f6d; border-color: #202f6d;}
.btn-secondary {background: #70b42d; border-color: #70b42d; border-radius: 25px;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {background: #4f7d1d; border-color: #4f7d1d;}

/*login*/
.login-container .card-header h2 {color: #ffffff; font-size: 24px;}
.login-container .card-header {background: #186bab;}
.login-container form label {font-size: 15px; margin-bottom: 8px;}
.login-container form button {min-width: 125px;}
.login-container a {color: #2b9ce2; font-size: 15px;}
.login-container a:hover, .login-container a:focus {color: #70b42d;}

/*footer*/
footer h4 {font-size: 18px; font-weight: 700; color: #202f6d;}
footer .footer-container h6 {color: #202f6d; font-weight: 700;} 
footer .copyright-container p {margin-bottom: 0; font-size: 14px; line-height: 28px; font-style: italic;}
ul.contact-menu li {font-size: 15px; line-height: 26px; padding: 2px 0;}
ul.contact-menu li a {font-size: 15px; line-height: 26px;}
ul.footer-menu, ul.contact-menu {list-style: none; padding: 0; margin: 0;}
ul.footer-menu li {font-size: 16px; line-height: 34px; padding: 4px 0;}
ul.footer-menu li a {color: #202f6d; text-decoration: none; font-size: 16px; line-height: 34px;}
ul.footer-menu li a:hover, ul.footer-menu li a:focus {color: #70b42d;}
footer .copyright-container {border-top: 1px solid #c8c8db;}
footer a {color: #2b9ce2;}
footer a:hover {color: #70b42d;}

/*forms*/
/*responsive*/