@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --colorGreen: #28b745;
    --colorBlue: #268AE8;
    --colorDkBlue: #051750;
    --colorLtGrey: #F8F9FA;
    --font-family: "Montserrat", sans-serif;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --base-font-size: 17px;
    --menuLink: #fff;
    --sliderLink: var(--colorVDkBlue);
    --MenuBackground: #fff;
    --MenuBackground-hover: var(--colorLtGrey);
    --menuLink-secondary: #555;
    --btn-radius: 5px;
    --colorVDkBlue: #111;
    --linkColor: var(--colorGreen);
    --btnColor: #fff;
    --btnBgGreen: var(--colorGreen);
    --btnbgBlue: var(--colorBlue);
    --top-menu-font-size: 125%;
    --slider-font-size: 120%;
    --rad-menu-background: var(--colorDkBlue);
    --rad-menu-link: #fff;
    --rad-menu-background-active: var(--rad-menu-link);
    --rad-menu-link-active: var(--rad-menu-background);
    --footer-background: transparent;
    --footer-color: #fff;
    --footer-link: #fff;
    --auxiliary-link: var(--colorVDkBlue);
    /* global */
    --mobile-font-size: 100%;
    --inner-width: 1170px;
    --article-width: 900px;
    --inner-padding: 1em;
    /* used only for left and right padding on inner container */
    --widget-padding-top: 6em;
    --widget-padding-bottom: 6em;
    --interactive-transition: all 0.6s;
    /* used for links, inputs and buttons */
    --default-gap: 2em;
    /* used for spacing between elements throughout the site, e.g. grid gap, margins, padding, etc. */
    --default-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2);
    /* used for card-like elements */
    --default-border-radius: 0.3em;
    --bold-weight: 700;
    /* varies depending on font family */
    --imagebar-overlay: rgba(0, 0, 0, 0.5);
    --loader-size: 4rem;
    --loader-padding: 4rem;
    --loader-colour: var(--brand-1-bg);

    /* alignment */
    --default-text-align: left;
    --titlebar-title-align: var(--default-text-align);
    --titlebar-intro-align: var(--default-text-align);
    --blocklink-align: center;

    /* titlebar */
    --titlebar-margin-bottom: 1em;
    --titlebar-intro-width: 100%;
    --section-title-color: var(--colorBlue);

    /* buttons */
    --button-bg: var(--brand-1-bg);
    --button-fg: var(--brand-1-fg);
    --button-hover-bg: var(--brand-2-bg);
    --button-hover-fg: var(--brand-2-fg);
    --button-padding: 1em 1.2em;
    --button-border-radius: var(--default-border-radius);
    --button-font-size: 0.7em;
    --button-font-weight: 400;
    --button-shadow: none;
    --button-text-transform: uppercase;

    /* blocklink */
    --blocklink-top-margin: 3em;
    --blocklink-button-padding: var(--button-padding);
    --blocklink-button-border-radius: var(--button-border-radius);
    --blocklink-button-font-size: var(--button-font-size);

    /* accordion */
    --accordion-bg: var(--brand-3-bg);
    --accordion-fg: var(--brand-3-fg);
    --accordion-bg-active: var(--brand-1-bg);
    --accordion-fg-active: var(--brand-1-fg);
    --accordion-font-size: 1.2em;
    --accordion-icon-size-small: 0.75em;
    --accordion-icon-size-medium: 1em;
    /* default size */
    --accordion-icon-size-large: 2em;
    --accordion-icon-size-extra-large: 3em;

    /* article */
    --article-title-align: var(--titlebar-title-align);
    --article-intro-align: var(--titlebar-intro-align);
    --article-intro-colour: var(--brand-2-bg);
    --article-intro-bold: var(--bold-weight);
    --article-image-height: 50%;
    /* percentage of width; 50% = 2:1 image ratio */
    --article-bgimage-display: none;
    /* uses background-image - hidden (none) by default */
    --article-picture-display: flex;
    /* flex to show; uses picture element with separate desktop and mobile images */

    /* banners */
    --banner-content-width: 40%;
    --banner-content-position: center;
    /* uses flex for *vertical* positioning; flex-end = bottom; flex-start = top */
    --banner-text-colour: var(--brand-1-fg);
    --banner-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    --banner-overlay: rgba(0, 0, 0, 0.1);

    /* cards */
    --card-min-width: 18em;
    --card-bg: var(--neutral-1);
    --card-title-colour: var(--brand-2-bg);
    --card-subtitle-colour: var(--brand-1-bg);
    --card-gap: var(--default-gap);
    --card-title-font-size: 1.3em;
    --card-title-line-height: 1.3em;
    --card-title-margin-bottom: 1.3em;
    --card-description-font-size: 0.8em;
    --card-description-font-weight: 400;
    --card-description-line-height: 1.2em;
    --card-action-align: left;
    /* button alignment */
    --card-border-radius: var(--default-border-radius);
    --card-shadow: var(--default-box-shadow);
    --card-image-height: 50%;
    /* percentage of width; 50% = 2:1 image ratio */
    --card-image-height-horz: 60%;
    /* percentage of width for horizontal cards */
    --card-image-height-textonimage: 100%;
    /* for preset 6 */
    --card-details-height: auto;
    /* container includes description and link */
    --card-description-height: auto;
    /* description only */
    --card-circular-width: 40%;
    /* for circular images like preset 4 & 7 */
    --card-circular-width-horz: 60%;
    /* for circular images on horizontal cards like preset 4 */
    --card-circular-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.3);
    /* for circular images like preset 4 & 7 */
    --card-circular-border: solid 0.25em var(--card-bg);
    /* for circular images like preset 4 & 7 */
    --card-alt-row-direction: row-reverse;
    /* for even rows on horizontal cards; default: row */
    --card-alt-row-text-align: right;
    /* for even rows on horizontal cards; default: left */

    /* dynamic cards */
    --dynamic-body-height: 12em;
    /* fixed height to prevent long descriptions */
    --dynamic-body-overlay: linear-gradient(to top, var(--card-bg), transparent);
    /* gradient over the bottom of the content for long descriptions - should match card bg */
    --dynamic-body-overlay-height: 6em;
    --dynamic-product-image-height: 80%;

    /* dynamic counters */
    --counter-icon-colour: var(--brand-2-bg);
    --counter-label-colour: var(--brand-2-bg);
    --counter-number-colour: var(--brand-1-bg);
    --counter-icon-font-size: 2em;
    --counter-label-font-size: 1em;
    --counter-number-font-size: 3em;
    --counter-number-line-height: 1em;
    --counter-text-align: center;

    /* dynamic widget's filterbar */
    --filterbar-align: center;
    /* flex alignment */

    /* features */
    --feature-text-align: center;
    --feature-icon-size-small: 1.5em;
    --feature-icon-size-medium: 2em;
    --feature-icon-size-large: 3em;
    --feature-icon-size-extra-large: 4em;

    /* flipboxes */
    --flipbox-align: center;
    --flipbox-flexjustify-align: center;
    /* flex alignment */
    --flibpox-padding: 2em;
    --flipbox-icon-size: 3em;
    --flipbox-subheading-size: 0.8em;
    --flipbox-description-size: 0.8em;
    --flipbox-rotate-padding: 0.25em 1.5em;
    --flipbox-rotate-background: var(--brand-1-bg);
    --flipbox-rotate-colour: var(--brand-1-fg);
    --flipbox-rotate-size: 0.8em;
    --flipbox-rotate-border: solid 1em var(--brand-1-bg);
    /* bottom position -0.5em by default */
    --flipbox-rotate-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
    --flipbox-rotate-shadow: 0 -0.2em 0.4em rgba(0, 0, 0, 0.2);

    /* gallery */
    --gallery-inner-width: var(--inner-width);
    --gallery-gap: 1px;
    --gallery-thumb-min-width: 12em;
    --gallery-thumb-height: 100%;
    /* relative to width - 100% = square */
    --gallery-thumb-filters: saturate(0.3);
    --gallery-caption-bg: var(--brand-2-bg);
    --gallery-caption-fg: var(--brand-2-fg);
    --gallery-caption-padding: 0.5em 1em;
    --gallery-caption-font-size: 0.6em;
    --gallery-caption-line-height: 1.2em;

    /* overlay cards */
    --overlay-background: rgba(255, 255, 255, 0.9);
    --overlay-backdrop-filter: blur(5px);
    --overlay-inner-min-height: 35vh;
    --overlay-inner-bg: var(--card-bg);
    --overlay-inner-padding: 2em;
    --overlay-inner-radius: var(--card-border-radius);
    --overlay-inner-shadow: var(--card-shadow);
    --overlay-close-link-size: 4em;
    /* large stands out full-screen */

    /* perspective carousel */
    --pcarousel-gap: 1em;
    --pcarousel-bg: var(--card-bg);
    --pcarousel-border-radius: var(--card-border-radius);
    --pcarousel-border-colour: var(--brand-3-bg);
    --pcarousel-shadow: var(--card-shadow);
    --pcarousel-inactive-filters: saturate(0) blur(2px);
    --pcarousel-image-width: 40%;
    --pcarousel-image-width-rectangle: 60%;
    --pcarousel-image-shadow: inset 0 0.25em 0.5em rgba(0, 0, 0, 0.3);
    --pcarousel-text-padding: 1em 3em;
    --pcarousel-font-size: 0.8em;
    --pcarousel-line-height: 1.6em;
    --pcarousel-text-align: center;

    /* tabs */
    --tab-nav-inactive-bg: var(--brand-3-bg);
    --tab-nav-inactive-fg: var(--brand-3-fg);
    --tab-nav-active-bg: var(--brand-1-bg);
    --tab-nav-active-fg: var(--brand-1-fg);
    --tab-nav-padding: 0.25em 2em;
    --tab-nav-text-size: 1em;
    --tab-nav-text-align: center;
    --tab-min-height: 0em;
    --tab-padding: 1em;
    --tab-border-colour: var(--brand-1-bg);
    --tab-border-radius: var(--default-border-radius);
    --tab-shadow: var(--default-box-shadow);

    /* teams */
    --team-card-bg: var(--card-bg);
    --team-card-border-radius: var(--card-border-radius);
    --team-card-shadow: var(--card-shadow);
    --team-image-height: 120%;
    --team-bio-height: 6em;
    --team-circular-image-shadow: inset 0 0.25em 1em rgba(0, 0, 0, 0.5);
    --team-circular-image-outer-shadow: 0 -0.1em 0.3em rgba(0, 0, 0, 0.2);
    --team-circular-align: center;

    /* testimonials */
    --testimonial-bg: var(--card-bg);
    --testimonial-border-radius: var(--card-border-radius);
    --testimonial-shadow: var(--card-shadow);
    --testimonial-quotes: "“" "”";
    --testimonial-quote-font: "Times New Roman", sans-serif;
    --testimonial-quote-mark-align: center;
    --testimonial-quote-align: center;
    --testimonial-credit-align: center;
    --testimonial-image-align: center;
    --testimonial-image-size: 6em;
    --testimonial-image-scale: cover;
    --testimonial-image-radius: 100%;
    --testimonial-image-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2);

    /* text */
    --text-image-height: 20em;
    --text-image-align: center;
    --no-padding: 0;
}

@media (min-width: 992px) {
    .header-top-container #masterLogoArea {
        left: -5em;
    }

    .header-bottom-container {
        background: var(--colorDkBlue)
    }
}

#hd {
    background: transparent;
}

.panel-body,
.PanelBody {
    padding: var(--no-padding);
}

.HomeLink {
    background: var(--colorDkBlue) url(/images/adrsk/home.png) no-repeat center center;
    padding: 2px;
    height: 2em;
    width: 2em;
    text-indent: -999999px
}

.rmSlide {
    background-color: var(--MenuBackground);
}

.rmSlide .rmItem .rmLink {
    color: var(--menuLink-secondary);
}

.rmSlide .rmFocused {
    background: var(--MenuBackground-hover);
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused.HomeLink,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.HomeLink {
    background-color: #fff;
}

li#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl03_NavigationListItem {
    background: var(--colorDkBlue) url(/images/GlobalContent/LinkedInIcon.png) no-repeat center center;
    line-height: 1.8;
    padding: 2px;
    width: 3em;
    height: 3em;
    position: relative;
    top: -5px;
    text-indent: -999999px
}

.RadMenu .rmGroup .rmItem {
    border-bottom: 1px solid var(--MenuBackground-hover);
}

.RadMenu .rmGroup .rmItem.rmLast {
    border-bottom: 1px solid transparent;
}

@media (min-width: 992px) {
    .Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item {
        min-height: 10em !important;
    }

    :is(#mainContentWrapper) :is(body, .btn, p, ul) {
        font-size: var(--base-font-size);
    }

    .HideContent {
        display: none
    }

    .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        background-color: rgba(0, 75, 121, 0.4);
        top: 75%;
        color: #fff;
    }
}

@media (min-width: 992px) {
    .header-top-container {
        padding: var(--inner-padding);
        /* background-image:url(/images/blueheader.jpg) */
    }

    .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        width: 40%;
    }
}

/* Radar - ADR Connect */

.Radar .RadGrid a,
.RadToolTip a {
    color: #fff !important;
}

.Radar h2.panel-title {
    color: #fff;
    font-size: 1.5em;
}

.Radar h1 {
    color: #2590d8;
    font-size: 1.75em;
    text-transform: uppercase;
    font-weight: 500px !imporant;
}

:is(.Radar) :is(.StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish) {
    border-color: transparent !important;
}

:is(.Radar) :is(.rgRow, .RadGrid_MetroTouch .rgAltRow, .RadGrid_MetroTouch) {
    background: transparent !important;
}

.Radar thead {
    display: none;
}

.Radar tbody td {
    width: 25%;
}

.Radar .rgSelectRow {
    background: #F2F2F3;
}

@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap');

.Radar .bkDkBlue {
    background-color: #162b67;
    min-height: 300px;
    width: 100%;
    padding: 20px 40px;
}

.Radar .titre-radar {
    color: #2590d8;
    text-transform: uppercase;
    font-family: "Sofia Sans", Arial, sans-serif;
}

.Radar .bkDkBlue p {
    color: #fff
}

.Radar .FilterPanel {
    background-color: transparent;
    border: none !important;
    margin-top: -3px;
}

.Radar label {
    color: #2aa839;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "Sofia Sans", Arial, sans-serif;
}

:is(.Radar .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable) {
    background-color: transparent;
}

.Radar .RadGrid_MetroTouch .rgAltRow {
    background: transparent;
}

.Radar .RadGrid_MetroTouch {
    border-color: transparent;
    color: #333;
    background-color: transparent;
    font-family: "Sofia Sans", Arial, sans-serif;
}

.Radar thead {
    display: none;
}

.Radar a h3 {
    color: #fff;
    font-size: 200%;
    text-decoration: none;
    font-family: "Sofia Sans", Arial, sans-serif;
}

.Radar td {
    color: #fff;
    font-family: "Sofia Sans", Arial, sans-serif;
}

.Radar tr td:nth-child(3) {
    width: 20%;
    font-family: "Sofia Sans", Arial, sans-serif;
}

.Radar .radar-desig {
    color: #2aa839;
    font-family: "Sofia Sans", Arial, sans-serif;
}

.Radar .radar {
    font-family: "Sofia Sans", Arial, sans-serif;
    font-size: 1.1em;
    background-color: #162b67;
    min-height: 300px;
    width: 100%;
    padding: 20px 40px;
}

.Radar .titre-radar {
    color: #2590d8;
    text-transform: uppercase;
    font-family: "Sofia Sans", Arial, sans-serif;
}
@media(min-width:767px){
.Radar .row.pr-3 .col-sm-4 {
    width: 50%;
}
}

a.radar-btn {}

h3.radar-name {
    font-size: 1.75em;
    margin-top: 0;
}

h4.radar-title {
    font-size: 1.2em;
}

a.radar-btn {
    background-color: #268ae8;
    color: white !important;
    padding: 10px;
    border-radius: 10px;
    font-size: 1.2em;
    text-decoration: none;
}

.Radar-Image {
    /* min-height: 225px; */
}

.Radar-Item {
    padding-top: 1em;
    padding-bottom: 2em;
    border-bottom: 1px solid #268ae8;
}

h4.radar-title {
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 22px;
    color: #fff;
    text-transform: none;
    padding-bottom: 1em;
}

.radar-address {
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 22px;
}

.radar-desig ul {
    font-size: !important;
    color: #fff !important;
}

h4.radar-desig {
    color: #fff;
    text-transform: none;
}

h3.radar-name {
    color: #fff;
    front-size: 1.25em;
    text-transform: none;
    font-weight: 500
}

.Radar .RadGrid_MetroTouch {
    border-color: transparent !important;
}

/* auxiliary menu fixes */
.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background: transparent url(images/ResponsiveHeaderSprite.png) 2px -125px no-repeat;
    color: var(--auxiliary-link);
}
.bkDkBlue :is(.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton) {
    background:#268AE8;
font-size: 1.15em;
font-weight: 600}

.FilterPanel .TextButton {
    font-weight:600;
    font-size: 1.15em;
    background: var(--colorGreen)
}
.chosen-container:after {
    mask-repeat: no-repeat;
    mask-image: url(images/DownArrowBlue.svg);
    mask-size: 10px;
    background: #222;
    right: -3px;
}
@media(max-width:1107px) and (min-width:992px){#hd{min-height: 35vh}}