@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");

html,
.header-nav-bar a.alert-link,
.header-nav-bar li.gateway-link a,
button.btn,
div.row
{
    font-size: 16px;
}

body {
	font-family: Mulish,sans-serif;
    background-color: #fff;
    color: #2b2b2b;
    line-height: 1.57;
}

main {
    margin-bottom: 2rem;
}

h1, h2, h3, h4, h5, h6
{
    color: #052e41;
    font-family: Mulish,sans-serif !important;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .53125rem;
}

h1 { font-size: 36px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 20px; }

@media only screen and (max-width: 767px) {
    h1 { font-size: 32px; }
    h2 { font-size: 30px; }
    h3 { font-size: 26px; }
    h4 { font-size: 24px; }
    h5 { font-size: 22px; }
    h6 { font-size: 20px; }
}

ul.breadcrumb li,
ul.breadcrumb li a
{
    font-size: 14px;
    overflow: visible;
}
ul.breadcrumb li {
    padding: 2px 0;
}

.header-nav-bar .header-row {
    padding: 0;
}

#ottawa-footer div.row{
    font-size: 17px ;
    color: #052e41;
}


@media (min-width: 992px) {
.navbar-brand img {
    height: 60px;
    }
}

.navbar-brand img {
    height: 36px;
    margin: 0 1rem 0 0;
    width: auto;
}

img, svg {
    vertical-align: middle;
}

.navbar-brand a.site-title, .navbar-brand a.site-title:hover {
    color: #343a40;
    text-decoration: none;
}

.navbar-brand .site-title {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.footer {
    
}

.align-items-center {
    align-items: center!important;
}

.d-flex, .view-status-listing .view-footer {
    display: flex!important;
}

.h-100 {
    height: 100%!important;
}
.flex-column {
    flex-direction: column!important;
}

#block-languageswitcher {
    display: flex;
    font-size: 16px;
}

/*
.header-nav-bar li.gateway-link a:focus,
.header-nav-bar a.logo:focus,
.header-nav-bar input.form-control:focus,
.header-nav-bar .gateway-menu button:focus,
.header-nav-bar .gateway-menu-button:focus,
.header-nav-bar a.nav-link.btn:focus,
ul.breadcrumb a:focus,
#ottawa-footer a:focus,
div.row a:focus,
input.form-control:focus,
.table a:focus
{
    box-shadow: 0 0 0 .2rem #0c8672 !important;
    border-color: #0c8672 !important;
}
*/
/* input.form-control:focus:read-only
{
    box-shadow: 0 0 0 0 #fff !important;
    border-color: #fff !important;
} */

div.row a:hover,
.table a:hover {
    color: #005c4f;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: .9rem;
    list-style: none;
    margin-bottom: 1.25rem;
    padding: 0;
}


.breadcrumb > li a, .breadcrumb > li a:hover {
    text-decoration: underline !important;
    color: #052e41 !important;
}

.breadcrumb > li + li:before {
    content: ">\00a0";
    padding: 0 5px;
    color: #052e41 !important;
}

.breadcrumb > li.active {
    color: #052e41;
}
/*
.header-nav-bar a.alert-link:focus
{
    outline: 2px solid #ffffff !important;
    box-shadow: none !important;
}

#sitewide-alert div.alert {
    margin-top: 15px;
    margin-bottom: 1rem;
}

.page-heading h1 {
	border-bottom: none;
	color: #052e41;
	margin: 0 2rem 0 0;
}

.bg-warning {
	margin-bottom: 1em;
    font-size: 17px;
	background-color: #fcf8e3;
	border: 2px solid #faebbb;
	border-radius: 4px;
}

.btn {
	border-width: 2px;
	font-weight: 700;
	padding: .3em .7em .4em .72em;
}
.btn-primary {
	background-color: #052e41;
	border-color: #004990;
	color: #fff;
    min-width: 80px;
}
.btn-primary:focus {
	background-color: #052e41;
	border-color: #008472;
}
.btn-primary:hover {
	background-color: #fbb255;
	border-color: #fbb255;
	color: #004990;
}*/

/* Portal overrides */
.page-header {
    border: 0;
}

.row {
    margin: 0;
}

label.field-label {
    font-size: 16px;
}

.form-control {
    margin-bottom: 1em;
    color: #000;
    border: 1px solid #2b2b2b !important;
}

.form-control:focus {
  border: 1px solid #2b2b2b;
  box-shadow: 0 0 0 .1rem #052e41;
}

.form-custom-actions {
    padding: 0 1.5em;
    top: 0;
    left: 0;
}

/* ESRI Map style */
#map {
    padding: 0 0.75em;
}

.esri-widget.esri-attribution {
    color: #000;
}

.esri-input[type="text"]:focus,
.esri-widget--button:focus,
.esri-basemap-toggle:focus,
.esri-view-surface:focus,
.esri-interactive[role="button"]:focus
{
    box-shadow: 0 0 0 .1rem #052e41 !important;
    border-color: #2b2b2b !important;
}
.esri-widget--button:focus {
    z-index: 999;
}

button.header-menu-item.btn-primary.border-0.rounded-0 {
    text-decoration: none;
}

.alert {
    background-color: #fff;
    color: #052e41;
}