﻿/*
NEW START
*/

/*used for the nav*/
.fs-5-half {
    font-size: 1.125rem !important; /* 18px */
  }

.list-group {
    margin-bottom: 1rem;
}

.nav-link {
    color: #fff;
}

h1 {
    margin-bottom: 1rem;
}

div.alert p:only-of-type:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }

a.btn {
    text-decoration: none !important;
}

/* =========================================
Hide external link icon - START
========================================= */
.hide-link-icon::after,
.hide-link-icon::before {
    display: none !important;
    content: none !important;
}

.hide-link-icon {
    background-image: none !important;
    padding-right: 0 !important;
}
/* =========================================
Hide external link icon - END
========================================= */

/* =========================================
Home page button custom styles - START
========================================= */
.custom-underline-btn {
    border: 2px solid transparent; 
  }

.custom-underline-btn:hover,
.custom-underline-btn:focus {
  background-color: #f8f9fa !important;
  border-color: #284b63 !important; 
  border: 2px solid;
  color: #212529;
  text-decoration: underline !important;
}
/* =========================================
Home page button custom styles - END
========================================= */

/* =========================================
ALERT OVERRIDES
    Theme: Wildlife / Earth Tones
========================================= */

/* Adjust the base padding, border, and typography */
.alert { 
    position: relative;
    /* Extra left padding (52px) to make room for the CSS icon */
    padding: 16px 20px 16px 52px; 
    border: 1px solid rgba(0, 0, 0, 0.15); 
    border-radius: 8px;
    font-size: 0.95rem;
    line-height: 1.5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

/* Base rule for the CSS injected icon */
.alert::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 17px; /* Aligns perfectly with the first line of text */
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Override Info / Primary (Glacier/Lake Blue) */
.alert-info, .alert-primary { 
    background-color: #bacde0; 
    color: #0c2b42; 
}
.alert-info::before, .alert-primary::before {
    /* Bootstrap 'info-circle-fill' SVG colored to #0c2b42 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c2b42'%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E");
}

/* Override Success (Forest Canopy Green) */
.alert-success { 
    background-color: #b6d4b5; 
    color: #0e360b; 
}
.alert-success::before {
    /* Bootstrap 'check-circle-fill' SVG colored to #0e360b */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230e360b'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");
}

/* Override Warning (Golden Wheat / Amber) */
.alert-warning { 
    background-color: #eed094; 
    color: #523400; 
}
.alert-warning::before {
    /* Bootstrap 'exclamation-triangle-fill' SVG colored to #523400 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23523400'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
}

/* Override Danger (Red Rock / Rust) */
.alert-danger { 
    background-color: #ebb1aa; 
    color: #5c140a; 
}
.alert-danger::before {
    /* Bootstrap 'exclamation-circle-fill' SVG colored to #5c140a */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235c140a'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");
}

/* Custom Date Alert (Forest Canopy Green / Calendar Icon) */
.alert-date { 
    background-color: #b6d4b5; 
    color: #0e360b; 
}
.alert-date::before {
    /* Bootstrap 'calendar-fill' SVG colored to #0e360b */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230e360b'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5h16V4H0V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
}

/* =========================================
ALERT OVERRIDES - END
========================================= */

/* =========================================
LINK ICONS - START
========================================= */

/* Make sure the link and icon sit inline nicely */
.content-area a {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem; /* Space between text and icon */
    text-decoration: underline;
}

/* Prevent list group items and links inside them from getting underlines */
.content-area a.list-group-item,
.content-area .list-group-item a {
    text-decoration: none;
}

/* 
    STREAMING_CHUNK:Adding the External Link Icon... 
    Selector: href starts with (^) http 
    Exclude: href contains (*) your own domain (e.g., mywildalberta.ca)
*/
.content-area a[href^="http"]:not([href*="mywildalberta.ca"])::after {
    content: "";
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    /* Blue (#337ab7) external link SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23337ab7'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.9;
}

.content-area a[href$=".pdf"]::after,
.content-area a[href$=".doc"]::after,
.content-area a[href$=".docx"]::after {
    content: "";
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    /* Blue (#337ab7) document/file SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23337ab7'%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.9;
    margin-left: 2px;
}

/* Edge case: If a link is BOTH external AND a PDF, only show the PDF icon */
.content-area a[href^="http"][href$=".pdf"]::after,
.content-area a[href^="http"][href$=".doc"]::after,
.content-area a[href^="http"][href$=".docx"]::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23337ab7'%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z'/%3E%3C/svg%3E");
}

.content-area a[href^="tel:"]::after {
    content: "";
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    /* Blue (#337ab7) Telephone Line SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23337ab7'%3E%3Cpath d='M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.9;
    margin-left: 2px;
}

.content-area a[href^="mailto:"]::after {
    content: "";
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    /* Blue (#337ab7) Envelope Line SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23337ab7'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.9;
    margin-left: 2px;
    transform: translateY(1px); /* Slight bump down to align visually with text */
}

/* =========================================
LINK ICONS - END
========================================= */

/* =========================================
OVERRIDE BUTTONS - START
========================================= */
       .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #284b63;
        --bs-btn-border-color: #284b63;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #1d3749;
        --bs-btn-hover-border-color: #1d3749;
        --bs-btn-focus-shadow-rgb: 40, 75, 99;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #1d3749;
        --bs-btn-active-border-color: #152836;
    }
    .btn-outline-primary {
        --bs-btn-color: #284b63;
        --bs-btn-border-color: #284b63;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #284b63;
        --bs-btn-hover-border-color: #284b63;
        --bs-btn-focus-shadow-rgb: 40, 75, 99;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #284b63;
        --bs-btn-active-border-color: #284b63;
    }

    /* --- OVERRIDE BOOTSTRAP DEFAULT SUCCESS (GREEN) --- */
    .btn-success {
        --bs-btn-color: #fff;
        --bs-btn-bg: #386641;
        --bs-btn-border-color: #386641;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #2a4d31;
        --bs-btn-hover-border-color: #2a4d31;
        --bs-btn-focus-shadow-rgb: 56, 102, 65;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #2a4d31;
        --bs-btn-active-border-color: #1d3622;
    }
    .btn-outline-success {
        --bs-btn-color: #386641;
        --bs-btn-border-color: #386641;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #386641;
        --bs-btn-hover-border-color: #386641;
        --bs-btn-focus-shadow-rgb: 56, 102, 65;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #386641;
        --bs-btn-active-border-color: #386641;
    }

    /* --- Earthy Green (Forest / Pine) --- */
    .btn-earth-green {
        background-color: #386641; 
        color: white;
        border: 2px solid #386641;
        transition: all 0.2s ease-in-out;
    }
    .btn-earth-green:hover, .btn-earth-green:focus {
        background-color: #2a4d31; /* Darker shade for hover */
        border-color: #2a4d31;
        color: white;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    .btn-outline-earth-green {
        color: #386641;
        border: 2px solid #386641;
        background-color: transparent;
    }
    .btn-outline-earth-green:hover {
        background-color: #386641;
        color: white;
    }

    /* --- Earthy Blue (Deep Lake / Slate) --- */
    .btn-earth-blue {
        background-color: #284b63; 
        color: white;
        border: 2px solid #284b63;
        transition: all 0.2s ease-in-out;
    }
    .btn-earth-blue:hover, .btn-earth-blue:focus {
        background-color: #1d3749; /* Darker shade for hover */
        border-color: #1d3749;
        color: white;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    .btn-outline-earth-blue {
        color: #284b63;
        border: 2px solid #284b63;
        background-color: transparent;
    }
    .btn-outline-earth-blue:hover {
        background-color: #284b63;
        color: white;
    }

    /* --- Earthy Clay / Callout (Warm Wood / Terracotta) --- */
    .btn-earth-clay {
        background-color: #bc6c25; 
        color: white;
        border: 2px solid #bc6c25;
        transition: all 0.2s ease-in-out;
    }
    .btn-earth-clay:hover, .btn-earth-clay:focus {
        background-color: #8c4e17; /* Darker shade for hover */
        border-color: #8c4e17;
        color: white;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    .btn-outline-earth-clay {
        color: #bc6c25;
        border: 2px solid #bc6c25;
        background-color: transparent;
    }
    .btn-outline-earth-clay:hover {
        background-color: #bc6c25;
        color: white;
    }

    /* --- Earthy Sage (Lighter Muted Green) --- */
    .btn-earth-sage {
        background-color: #6A8D73; 
        color: white;
        border: 2px solid #6A8D73;
        transition: all 0.2s ease-in-out;
    }
    .btn-earth-sage:hover, .btn-earth-sage:focus {
        background-color: #4F6D57;
        border-color: #4F6D57;
        color: white;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
/* =========================================
OVERRIDE BUTTONS - END
========================================= */


.list-group + h2 {
    margin-bottom: 1rem;
  }

/* sets the breadcrumb link color to match the menu link color */
#BreadCrumbPlaceHolder_SiteMapPath a {
    color:#337ab7;
}

/* =========================================
OVERRIDE BOOTSTRAP ACCORDION ACTIVE STATE - END
========================================= */
/* Soft Moss / Pale Sage */
.accordion {
    /* Text color when open (Dark Forest Green) */
    --bs-accordion-active-color: #1d3622; 
    /* Background color when open (Very Pale Sage Green) */
    --bs-accordion-active-bg: #eef2ef; 
    /* Subtle green focus ring instead of default blue */
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(56, 102, 65, 0.15); 
}
/* =========================================
OVERRIDE BUTTONS - END
========================================= */


/* =========================================
OVERRIDE TABLE HEAD - START
========================================= */
/* --- TABLE HEADERS (Refined Sage) --- */
#MainContent thead th {
    /* Muted sage background */
    background-color: #d2e0d5 !important; 
    
    /* Dark forest green text for high contrast */
    color: #1d3622 !important; 
    
    /* Muted earthy bottom border */
    border-bottom: 2px solid #94b49b !important; 
    
    font-weight: 600;
}
/* =========================================
OVERRIDE TABLE HEAD - END
========================================= */

/* Override Bootstrap's default alert-info globally using CSS variables */
/*.alert-info {
    --bs-alert-color: #ffffff;       
    --bs-alert-bg: #1a2b58;               
    --bs-alert-border-color: #121e3e; 
}*/

/* Ensure any links inside the alert maintain high contrast */
/*.alert-info .alert-link {
    color: #ffffff;
    text-decoration: underline;
}*/

/*
NEW END
*/


/* Move down content because we have a fixed navbar */
/*body {
    padding-top: 155px;
    background-color: #222;
    padding-bottom: 20px;
}*/

/*****************
MMENU OVERRIDE
*****************/
/* --- Earthy Theme Overrides for mmenu.js --- */
/*.mm-menu {
    --mm-color-background: #2b3a2f; 
    --mm-color-border: #1f2b22; 
    --mm-color-text: #e6e2d6; 
    --mm-color-text-dimmed: #9ca69f; 
    --mm-color-button: #e6e2d6; 
    --mm-color-icon: #b56a52; 
    --mm-color-background-highlight: #374a3c; 
    --mm-listitem-size: 55px;   
}*/

/* --- Earthy Theme: Olive Grove --- */
/*.mm-menu {
    --mm-color-background: #5e634e; 
    --mm-color-border: #484c3c; 
    --mm-color-text: #f2eed9; 
    --mm-color-text-dimmed: #b0ab97; 
    --mm-color-button: #f2eed9; 
    --mm-color-icon: #d1895a;
    --mm-color-background-highlight: #6b705a;
}*/

/* --- Sleek Theme: Pure Black --- */
/**/.mm-menu {
    --mm-color-background: #000000; 
    --mm-color-border: #222222; 
    --mm-color-text: #ffffff; 
    --mm-color-text-dimmed: #888888; 
    --mm-color-button: #ffffff; 
    --mm-color-icon: #ffffff;
    --mm-color-background-highlight: #1a1a1a;
}

/* Slick Custom Addition: Add the Terracotta accent bar to the active menu item */
.mm-menu .mm-listitem_selected > a {
    background: var(--mm-color-background-highlight);
    position: relative;
}

.mm-menu .mm-listitem_selected > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: var(--mm-color-icon); /* Terracotta */
}

/**************/


/*updated date*/
.text-muted{
color: #707070;
}

.header-area, .content-area {
    background-color: #fff;
}

.footer-area {
    background-color: #222;
}

.breadcrumb {
    position: fixed;
    margin-bottom: 0px;
    left: 0;
    right: 0;
    top: 125px;
    z-index: 1030;
}

.clear {
    clear: both;
}

.content-area article {
    /*margin-top: 55px;*/
}

#ministry-header {
    border-bottom: 5px solid #4cbb17 /*AEP 336633 KELLY 4cbb17  https://coolors.co/23550b-388911-bde6aa-4cbb17-355e3b */;
    height: 125px;
    padding-bottom: 10px;
    padding-top: 10px;
}

    #ministry-header header {
        position: relative;
    }


/* Wrapping element */
.body-content {
    padding: 0;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/*  */
.navbar-brand {
    /*float: left;*/
    font-size: 18px;
    line-height: 20px;
    padding: 0px;
    height: auto;
}


#menubar {
    top: 120px;
    border-bottom-width: 1px;
    margin-bottom: 0;
}

#full-banner {
    margin-top: -20px;
    padding: 0;
    overflow-x: hidden;
}

    #full-banner .full-banner-container {
        padding: 0;
        margin: 0;
        position: relative;
        width: 100%;
    }

    #full-banner .full-banner-content {
        bottom: 0px;
        position: absolute;
        width: 100%;
        z-index: 50;
    }

    #full-banner .full-banner-body {
        /*text-align:center;*/
    }

.full-banner-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.full-banner-content {
    margin: 0;
    padding: 0;
}

    .full-banner-content p {
        font-weight: 900;
        font-size: 200%;
        font-family: 'Roboto', sans-serif;
        margin-bottom: 0;
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .full-banner-content p.light {
            color: #f0f0f0;
            background: #303030;
            background: rgba(48,48,48,0.5);
        }

        .full-banner-content p.dark {
            color: #303030;
            background: #f0f0f0;
            background: rgba(240,240,240,0.5);
        }

#full-banner.jumbotron {
    margin-top: 10px;
    margin-bottom: 20px;
}

/*Modify this to anchor the banner image*/
.full-banner-container img {
    position: absolute;
    top: 0px;
    left: 0px;
}


footer {
    overflow-x: hidden;
}

    footer .navbar {
        margin-bottom: 0;
        border-bottom: none;
        border-top: 5px solid #4cbb17 /*#336633*/;
    }

.navbar-brand {
    /*height: 91px;
    width: 160px;*/
    display: table;
}

    .navbar-brand > img {
        height: 100px;
        width: 151px;
        max-width: 151px;
    }

footer .navbar .container {
    height: 100%px;
    position: relative;
}

#site-logo {
    padding-left: 30px;
    position: absolute;
    top: 0px;
}

#goa-logo {
    bottom: 20px;
    padding-left: 30px;
    position: absolute;
    right: 20px;
}

    #goa-logo > img {
        height: 100px;
        max-width: 160px;
        width: 160px;
    }

footer .navbar h3 {
    border-bottom: 1px solid #4cbb17;
    color: #fff;
}

footer .navbar-nav > li {
    float: none;
}

    footer .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-left: 0;
        padding-top: 0;
    }

#SiteName, #SiteDescription {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Inter', sans-serif;
}

#SiteName {
    color: #fff;
    margin: 0;
    /*margin-top: 10px;*/
}

    #SiteName small {
        color: #fff;
    }

#SiteDescription {
    color: #fff;
    margin: 0;
}

    #SiteDescription small {
        color: #fff;
    }

#poacher {
    margin-top: 20px;
    padding-left: 15px;
}


/* NAV */


.mm-navbar .form-inline {
    text-align: left;
    margin-left: 15px;
    position: relative;
}

.search-box {
    max-width: 380px;
    width: 100%;
}

.form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.search-btn {
    /*background: transparent;
    border: 0 none;
    position: absolute;
    right: 5px;
    top: 15px;
    width: 40px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;*/
}

.search-form {
    /*position: absolute;*/
    right: 10px;
    top: 68px;
}

    .search-form .search-box {
        margin-right: 35px;
        width: 200px;
    }

    .search-form .search-btn {
        right: 0;
        top: 5px;
    }

#topNav a {
    font-weight: bold;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #9d9d9d;
}


.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    /* collapsed menu
      color: #9d9d9d;*/
}

.dropdown-menu > li > a {
    /* full menu
      clear: both;
      color: #333;
      display: block;
      line-height: 1.42857;
      padding: 3px 20px;
      white-space: nowrap;*/
}

#tabs {
    font-size: 17px;
    margin-left: 200px;
    margin-top: 69px;
}

nav#menu {
    /*top: 120px;*/
}

#ministry-header header {
    /*background: #777;*/
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    /*line-height: 40px;*/
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    font-family: 'Roboto', sans-serif;
}

    #ministry-header header .menu-toggle {
        color: #fff;
        display: table;
        height: 48px;
        position: absolute;
        right: 20px;
        top: 10px;
        width: 42px;
    }

        #ministry-header header .menu-toggle span {
            background: #fff;
            display: block;
            height: 2px;
            margin: 6px 0;
        }

#menu:not(.mm-menu) {
    /*hide nav until mmenu script runs*/
    display: none;
}

.navbar-toggle {
    /*Overide hidden by default*/
    display: block;
}

.mm-close::after, .mm-close::before {
    border: none;
    bottom: 15px;
    content: "";
    display: block;
    height: 5px;
    margin: auto;
    position: absolute;
    transform: none;
    width: 5px;
}

.mm-close::after {
    content: "\e014"; /*Remove - X*/
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: 400;
}

/* */
#pageTitle {
    margin-top: 0;
    /*margin-bottom: 0;*/
}

#MainContent {
    overflow-x: hidden;
}


.feature .list-group-item {
    background-color: none;
    border: none;
}

.feature a {
    padding: 0;
}

.feature .list-group-item .list-group-item-heading {
    padding: 10px 15px;
    color: #337ab7;
}

.feature .list-group-item-text {
    color: #333;
}

#sub-footer .list-group .icon {
    margin: 0 5px 2px 0;
}

.list-doublespace li, #MainContent li {
    margin-top: 10px;
}

#MainContent .list-group li {
    margin-top: 0px;
}

.img.pull-right {
    padding-right: 0;
    margin-bottom: 15px;
}

.img.pull-left {
    padding-left: 0;
    margin-bottom: 15px;
}

.alert > h2:first-child, .alert > h3:first-child {
    margin-top: 0;
}

.alert > p, .alert > ul {
    margin-bottom: 10px;
}

.alert > .list-group:last-child {
    margin-bottom: 0px;
}

/***** Media Queries *****/

/* Portrait tablets and up */
@media screen and (min-width: 768px) {

    .jumbotron {
        margin-top: 20px;
    }

    .container.full-banner-container {
        height: 308px;
    }

    .body-content {
        /*padding: 0;*/
    }

    #topNav {
        /*margin-top: 40px;*/
    }
}

/*tablets*/
@media screen and (max-width: 991px) {

    #site-logo, #goa-logo {
        top: 0;
    }

    #goa-logo {
        left: 0;
        position: relative;
        right: unset;
    }

    footer .navbar .container {
        height: 100%;
    }

    .navbar-brand > img {
        max-height: 60px;
        /*width: 150px;*/
        height: auto;
        max-height: 60px;
        width: 100px;
    }

    #searchForm {
        top: 15px;
        right: 15px;
    }

    /*body {
        padding-top: 90px;
    }*/

    .breadcrumb {
        top: 90px;
    }

    #ministry-header {
        height: 100px;
    }

    #menubar {
        top: 82px;
    }

    #SiteName {
        /*margin-top: 0;*/
        font-size: 30px;
    }

    #SiteDescription small {
        font-size: 16px;
        ;
    }

    h1#SiteName, h2#SiteDescription {
        line-height: 1.0;
    }

    #full-banner {
        /*height: 300px;*/
    }

    #sub-footer .list-group {
        font-size: 12px;
    }
}

/*phones*/
@media screen and (max-width: 767px) {
    /*body {
        padding-top: 60px;
    }*/

    #ministry-header {
        height: 82px;
    }

    #menubar {
        padding: 0;
        top: 120px;
    }

        #menubar .container, #menubar .body-content {
            padding: 0;
        }

        #menubar .menu-item {
            background-color: #e0e0e0;
        }

            #menubar .menu-item .menu-item {
                background-color: #e8e8e8;
            }

                #menubar .menu-item .menu-item .menu-item {
                    background-color: #f0f0f0;
                }

                    #menubar .menu-item .menu-item .menu-item .menu-item {
                        background-color: #f8f8f8;
                    }

                        #menubar .menu-item .menu-item .menu-item .menu-item .menu-item {
                            background-color: #fff;
                        }

            #menubar .menu-item a {
                padding-left: 15px;
                padding-right: 35px;
            }

    #ministry-header header .menu-toggle {
        right: 30px;
        top: 10px;
    }

    .navbar-brand {
        /*height: 51px;
        width: 110px;*/
    }

    #goa-logo.navbar-brand > img {
        height: 45px;
        /*width: 90px;*/
    }

    footer .navbar-nav {
        margin: 0;
    }

    #topNav {
        max-height: 500px;
        overflow-y: auto;
    }

    #site-logo, #goa-logo {
        float: left !important;
    }

    #SiteName {
        margin-top: 0;
        padding-top: 10px;
        /*text-align: center;*/
    }

    #SiteName {
        font-size: 16px;
    }

    #SiteDescription small {
        /*font-size: 50%;*/
    }

    #full-banner img {
        width: 100%;
        /*margin-left:20px;*/
    }

    #full-banner .full-banner-content {
        /*top: 20%;*/
    }

    #navbar-toggle-container {
        /*margin-top: -25px;*/
    }

    #sub-footer .list-group {
        font-size: 14px;
    }

    .search-form {
        /*top: 70px;
        bottom: auto;
        left: 0px;
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;
        background-color: rgb(224, 224, 224);
        padding-top: 5px;*/
    }

        .search-form .form-control {
        }

        .search-form .search-btn {
            background: transparent;
            border: 0 none;
            /*height: 40px;*/
            position: absolute;
            right: 5px;
            top: 15px;
            width: 40px;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
        }

        .search-form .input-group {
            display: block;
        }

    .search-box {
        width: 85%;
    }

    .breadcrumb {
        left: 0;
        margin-bottom: 0;
        position: absolute;
        right: 0;
        top: 20px;
        z-index: 1030;
    }

    .content-area article {
        /*margin-top: 100px;*/
    }

    .content-area .full-banner img {
        width: 100%;
        /*margin-left:20px;*/
    }

    .full-banner-container img {
        position: relative;
    }
}


/*large desktop*/
@media screen and (min-width: 1200px) {
    .full-banner-link .full-banner-content {
        margin-top: 370px;
    }

    .container.full-banner-container {
        height: 500px;
    }
}

/*END MEDIA QUERIES*/

/* link reset */
a.list-group-item {
    /*bootstrap.css line 5*/
    color: #337ab7;
}

header a:hover, header a:focus {
    text-decoration: none;
}

.icon-previous-level {
    background-image: url("/images/return-button.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    display: inline-block;
    height: 21px;
    width: 12px;
}

.list-group-item.nav-child {
    padding-left: 30px;
}

.list-group-item.nav-sibling {
    background-color: #fff;
}

.list-group-item.nav-parent {
    background-color: #fff;
}

.list-group-item.nav-current {
    background-color: #f5f5f5;
    color: #777;
    cursor: not-allowed;
}

.list-group-item.nav-default {
    background-color: #fff;
}


#sub-footer {
    /*breadcrumb*/
    background-color: #f5f5f5;
    /*border-radius: 4px;*/
    list-style: outside none none;
    padding: 20px;
}

    #sub-footer .list-group {
        margin-bottom: 0;
    }

#poacher.list-group {
    margin-bottom: 5px;
}

    #poacher.list-group .lead {
        margin: 15px;
        vertical-align: middle;
    }

        #poacher.list-group .lead.img {
            margin: 0 0 0 -40px;
        }

            #poacher.list-group .lead.img span {
                margin-left: 10px;
            }



/* Nav override */
#ministry-header .navbar {
    margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #555;
}

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        background-color: transparent;
        color: #000;
    }

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 15px 10px 35px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #555;
}

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: transparent;
        color: #000;
    }

/*.dropdown-menu > li > a {
    color: #333;
}*/

/* Smartmenus override */
.navbar-nav.sm-collapsible .caret::before {
    content: "\e080"; /*cheveron-right*/
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: 400;
}

.navbar-nav.sm-collapsible .open > a > .caret::before {
    content: "\e114"; /*cheveron-down*/
}

.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
    border: none;
}

.navbar-default .navbar-toggle {
    border: none;
}

/*.ghost {
    color: #fff;
    border: 2px solid #fff;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.65);
    transition: background-color 0.3s ease-in,color 0.3s ease-in;*/
}

/*a.ghost:hover,
a.ghost:active {
    color: #333;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.65);
    transition: background-color 0.3s ease-in,color 0.3s ease-in;
}*/


/*Leaflet overrides*/
.leaflet-container > p{
    font-size: 14px;
    line-height: 1.5;
}