/************************************
****
****
**** General Formatting
****
**** 
************************************/
 
 /* COLOR */
:root {
    --dark-teal: #006265;
    --med-teal: #008770;
    --light-teal: #00B092;
    --dark-blue: #297bbd;
    --med-blue: #0098DB;
    --light-blue: #5BC6E8;
    --palest-blue: #8FCAE7;
    --black333: #333;
    --dark-red: #E20000;
    --teal-01: #00856E;
}

.static-top.navbar .menu-bar>.navbar-nav>li>a {
    font-size: 16px !important;
    color: white !important;
}

/* Typography
 @font-face {
    font-family: 'SegoeUI';
    src: url(https://login.microsoftonline.com/templates/src/fonts/segoeui.WOFF);
    font-weight: normal;
}
/*
@font-face {
    font-family: 'SegoeUI';
    src: url(https://login.microsoftonline.com/templates/src/fonts/segoeui_bold.WOFF);
    font-weight: bold;
}


h1,
h2,
h3,
h4,
h5,
h6, 
.navbar,
a,
body, span, p  {
    font-family: 'Segoe UI', 'SegoeUI', 'Source Sans Pro', sans-serif !important;
}

/* button, .btn, */ 
 


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700 !important;
}

h1 {
    margin-bottom: 20px;
}

p,
a {
    font-size: 16px!important;
    line-height: 24px!important;
}

.btn.button1 {
    font-size: 14px !important;
}

.container .fa {
    line-height: inherit !important;
}

.crmEntityFormView .cell .picklist input[type="radio"] {
    vertical-align: top;
}

td input, td label { vertical-align: top; }

@layer overrides {
    .xrm-attribute-value > a, .xrm-attribute-value > a:focus, .xrm-attribute-value > a:hover, .xrm-attribute-value > a:active, .xrm-attribute-value > a:visited {
        border: 0 !important;
        outline-offset: 0 !important;
        transition: .5s;
        text-decoration: none !important; 
    }
}



.siteTitle.custom-sitetitle{
    font-weight: 400 !important; 
}

/************************************
****
****
**** Header
****
**** 
************************************/

h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle{
    font-size: 16px !important; 
}

/* .static-top.navbar-dark .navbar-brand a h1.siteTitle > span  */ 

.navbar-expand-xl .navbar .navbar-dark .static-top,
.static-top.navbar-dark {
    height: 70px !important;
}

.navbar-dark .navbar-toggler {
    border: #008770 1px solid; 
    background-color: #008770;
}

.navbar-dark .navbar-toggler:focus,
.navbar-dark .navbar-toggler:active,
.navbar-dark .navbar-toggler:visited,
.navbar-dark .navbar-toggler:hover {
    border: #008770 1px solid; 
    background-color: teal;
}

@media (max-width: 1200px) {
    .static-top.navbar-dark .navbar-brand {
        padding-top: 0px;
    }

    .static-top.navbar .menu-bar>.navbar-nav>li>a {
        background-color: #006265;
    }

    .static-top.navbar .menu-bar>.navbar-nav>li>a:hover {
        background-color: #008770;
    }

    .navbar-dark .navbar-toggler:focus,
    .navbar-dark .navbar-toggler:active,
    .navbar-dark .navbar-toggler:visited,
    .navbar-dark .navbar-toggler:hover {
        border: #008770 1px solid; 
        background-color: teal;
    }

    .navbar {
        --bs-navbar-padding-y: 0px;
    }
}

/* MOBILE VIEW */
@media (max-width: 768px) {
    .navbar-brand {
        padding: 0 !important;
    }

    .static-top.navbar-dark .navbar-brand {
        padding-top: 0px;
    }

    img[alt="BC Housing Logo"] {
        margin: 0px !important;
    }

    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .columnBlockLayout{
        margin-top: 30px;
        margin-bottom: 30px;
    }
 
    .xrm-attribute-value {
        padding-top: 3%;
    }

    h1 {
        font-size: 30px !important;
    }

    .crmEntityFormView fieldset {
        padding: 0 5%;
    }

    .static-top.navbar .menu-bar>.navbar-nav>li>a {
        background-color: #006265;
    }

    .static-top.navbar .menu-bar>.navbar-nav>li>a:hover {
        background-color: #008770;
    }

    .navbar-dark .navbar-toggler:focus,
    .navbar-dark .navbar-toggler:active,
    .navbar-dark .navbar-toggler:visited,
    .navbar-dark .navbar-toggler:hover {
        border: #008770 1px solid; 
        background-color: teal;
    }

    .navbar {
        --bs-navbar-padding-y: 0px;
    }

}

.navbar { 
    padding: 0px;
}

.navbar-brand .navbar-header {
    margin: 0px; 
}

.navbar-brand {
     padding: 0px;
}

/************************************
****
****
**** Footer
****
**** 
************************************/

footer .footer-bottom {
    max-height: 50px !important;
}