/************************************* CONTAINER CSS *******************************************************/

.container-fluid
{
    /*padding-left: 0px !important;*/
    /*padding-right: 0px !important;*/
}









/*************************************    Homepage Banner CSS    **************************************************/

.header-container
{


}

.logo-home {
    Position:Absolute;
    left:4%; top:10%; z-index:2;
}

.banner-image
{
    width: 100%;
    height: auto;
    min-height: 300px;
    position: relative;
    background: url(/assets/website_new/img/MEA-WebBanner-2ndConcession.jpg) no-repeat;
}

/*
.banner-image
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
*/

.search-box
{
    position: absolute;
    top: 30%;
    right: 5%;
    border: 0px;
    padding: 15px;
    width: 20%;
    color: #000;
    font-weight:700;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    outline:none;
}

.form-control-feedback {
    position: absolute;
    top: 45%;
    right: 6%;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}




/****************************************    Homepage Menu CSS   ***************************************************/

.navbar {
    margin-bottom: 0px;
    min-height: 30px;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}
.navbar-header button{
    border: 1px solid #888;
    border-radius: 4px;
    margin-right: 44px;
}
.navbar-header .icon-bar{
    background-color: #888;
}

.home-menu
{
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.menu-home
{
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.menu-home li a{
    color: #000;
    font-size: 15px;
}
.menu-home li{
    padding: 0 25px ;
    list-style-type: none;
}

.menu-column
{
    text-align: center;
    padding: 30px;
    font-weight: 700;

}

.menu-column:hover
{
    color: gray;
    background-color: lightgray;
}

.menu-column a
{
    color: black;
}

.main-menu-home li
{
    display: inline-flex;

}

.main-menu-home li a
{
    color: #000 ;
}


.main-menu-home-element
{
    text-align: center;
    padding: 20px;
    color: #000;
    font-weight: 700;
}

.active-page
{
    background-color: lightgray;
}

.main-menu-home-element li
{
    list-style-type: none;
}

.main-menu-home-element li > a
{
    color: black;
}


.main-menu-home-element:hover {
    background-color: lightgray;
}

.news-row > a
{
    color: white;
}

/*********************************************** Homepage Object holders CSS  ****************************************/

.object-holders-container
{
    margin-top:8px;
    margin-bottom:8px;
}

.heading {

    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
}
.box {
    background-color: #015D30;
    text-align: center;
    padding: 5px
}

.box-number {
    font-size: 36px;
    font-weight: 400;
}

.add-margin
{
    margin-bottom: 20px;
}

.heading-homepage-boxes {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-left: 10px;
}

.updates
{
    height: 450px;
    padding: 20px;
    background-color: #00783B;
    color: white;
}
.careers
{
    height: 450px;
    padding: 20px;
    background-color: 	#005D2E;
    color: white;
}
.news
{
    height: 450px;
    padding: 20px;
    background-color: 	#003916;
    color: white;
}


.careers-row{
    margin-left: 14px;
}
.careers-row a{
    color: white;
    text-decoration: none;
}
.updates-row{
    padding-bottom: 30px;
    padding-left: 14px;
}
.updates-row a{
    color:white;
    text-decoration: none;
}
.news-row {
    padding-bottom: 20px;
    padding-left: 14px;
}
.news-row > a{
    font-size: 14px;
}


.updates-view-more {
    background-color: #015D30;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    margin-top: 20px;
}

.events-view-more
{
    background-color: #015D30;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
}

.careers-view-more
{
    background-color: #00783B;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    margin-top: 20px;
}

.news-view-more
{
    background-color: #015D30;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
}

.updates-view-more a {
    color: #FFFFFF;
}
.careers-view-more a {
    color: #FFFFFF;
}
.news-view-more a {
    color: #FFFFFF;
}

.fa-angle-right {
    float: right;
    margin-top: 3px;
}


/**************************************************** GLOBAL COMPONENTS CSS  **************************************************/

.social-icons{
    margin-top: 5px;
    margin-bottom: 0px;
}


/**************************************************** FOOTER CSS  **************************************************/


.footer-column
{
    text-align: center;
    padding: 20px;
    color: gray;
    font-weight:600;
}

.margin-destroy
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.footer-column li
{
    list-style: none;
    display: inline-flex;
    margin-right:10%;
}

.footer-column li a
{
    text-align: center;
    /*padding: 20px;*/
    color: gray;
    font-weight:600;
}


/*****************************************************  INNER PAGE CSS  ***********************************************/

.inner-search-box
{
    position: absolute;
    top: 40%;
    right: 5%;
    border: 1px solid black;
    padding: 15px;
    width: 20%;
    color: #000;
    font-weight: 700;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    outline: none;
}

.inner-member-login-text
{
    position: absolute;
    top: 10%;
    right: 5%;
    color: black;
    font-weight: 700;
}

.inner-member-login-text a
{
    color: black;
}

.fa-angle-down {
    float: right;
    font-size: 26px;
    font-weight: 600 !important;
    color: white;
}

.sidebar-menu
{
    color: white;
    background-color: #039449;
    padding:15px;
    text-align: center;
    font-size: 22px;
    line-height:36px;
    font-weight:600;
    margin-bottom: 1px;
}

.sidebar-submenu
{
    padding: 5px;
    text-align: center;
    background-color: #0B6837;
    color: white;
    margin-bottom: 1px;
}

.sidebar-menu:hover
{
    background-color: #0E6538;
}

.active-menu
{
    background-color: #0E6538 !important;
}

.active-submenu
{
    background-color: #033A18;
}

.page-title
{
    color:#039449;
    font-size: 22px;
    font-weight:600;
    margin-bottom:20px;

}

.inner-page-content
{
    padding-left: 3%;
    padding-right: 3%;
}

.cards-container{
    padding: 0;
}
.cards-container a{
    color: rgb(0, 128, 0);
    font-weight: bold;
}

.page-image
{
    margin-bottom: 20px;
}

.expandable-row
{
    background-color: lightgray;
    padding: 20px;
    border-radius: 10px;
    color: white;
    font-size: 22px;
    font-weight: 600;
}

.expandable-row:hover
{
    background-color:darkgray;
}

.expandable-row a
{

    color: white;
}

.body-content
{
    padding-top: 20px;
    margin-bottom: 5%;
}

.article-image
{
    max-width:100%;
}

.form-control-feedback
{
    position: absolute;
    top: 32%;
    right: 6%;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}


.mea-side-menu ul li
{
    list-style-type: none;
}

.mea-side-menu ul li > a
{
    color:white;
    font-weight:700;
}

.mea-side-menu ul
{
    padding:0px;
    min-width:150px;
}


.mea-side-menu-list-item
{
    padding: 30px;
    background-color: #039449;
    margin-bottom: 1px;
}


.mea-side-menu-inner-list-item
{
    background-color: #0B6837;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 1px;
}

.mea-side-menu-list-item:hover
{
    background-color: #0B6837 !important;
}


.mea-side-menu-inner-list-item > a
{
    color: white !important;
    background-color: #0B6837;
    margin-bottom: 1px;
    /*padding-left: 50px;*/
    font-weight:400 !important;
}

.mea-side-submenu-item
{
    padding-left: 60px;
}

.mea-side-submenu-item > a
{
    color: white !important;
    font-weight: 400 !important;
}


/*.mea-side-menu*/
/*{*/
/*!*display: none;*!*/
/*}*/

.mea-side-menu-list
{
    display: none;
}

.page-heading-title
{
    margin-top:0px;
    font-size: 32px;
    font-weight: 600;
}

.current-side-menu
{
    display:inline !important;
}

.active-item
{
    background-color: #0B6837;
}

.search-submit
{
    position: absolute;
    top: 41%;
    padding: 14px;
    right: 6%;
    border-radius: 0px 26px 26px 0px;
    background-color: transparent;
    border: none;
}


.search-submit-home
{
    position: absolute;
    top: 30%;
    padding: 14px;
    right: 6%;
    border-radius: 0px 26px 26px 0px;
    background-color: transparent;
    border: none;
}


* {
    box-sizing: border-box;
}


/* Style the search field */
.sitesearch h3, a {
    color: rgb(0, 128, 0);
}

form.sitesearch input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;
}

/* Style the submit button */
form.sitesearch button {
    float: left;
    width: 20%;
    padding: 10px;
    color: white;
    font-size: 17px;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
}

form.sitesearch button:hover {
    background: #0b7dda;
}

/* Clear floats */
form.sitesearch::after {
    content: "";
    clear: both;
    display: table;
}




.bottom-row-style
{
    border-bottom: 1px solid lightgray;
    margin-bottom: 20px;
}

.events-view-more > a
{
    color: white;
}

.news-view-more > a
{
    color: white;
}

.events-heading
{
    padding: 10px;
    color: green;
    border: 1px solid green;
}

.event-column-one
{
    background-color: lightgray;
    margin-right: 2px;
    padding-left: 0px !important;
    margin-left: 15px;
}

.event-column
{
    padding: 20px;
    border-right: 1px solid white;
    background-color: lightgray;
}

.event-row
{
    margin-left:0px !important;
    margin-right:0px !important;
}

.event-heading-row
{
    color: green;
    border: 1px solid green !important;
}

tr:nth-child(even)
{
    background-color: #dddddd !important;
}

.event-table
{
    table-layout: fixed;
    margin-left:1%;
}


.event-heading-row th
{
    border-top:1px solid green !important;
    border-bottom:1px solid green !important;
}



.event-row > td
{
    padding:20px !important;
    border-right: 1px solid white;
}

.selected-inner-item
{
    background-color:#0A381B !important;
}

.selected-inner-item > a
{
    background-color:#0A381B !important;
}


.opportunity a p {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.opportunity-table
{
    table-layout: fixed;
    width: 100%;
    display: block;
    border-left: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
}

.fifteen {
    width: 15%;
}
.seventy {
    width: 70%;
}


.opportunity-row > td > p > a
{
    color: black;
}
.opportunity-heading-row
{
    color: green;
    border: 1px solid green !important;
}

.opportunity-heading-row > th {
    padding-left: 20px !important;
    border-top: 1px solid green !important;
    border-bottom: 1px solid green !important;
}

.opportunity-row > td {
    padding: 20px !important;
    border-right: 1px solid white;
}
.opportunity-type{
    color:black;
}

.opportunity_details_link a {
    color: #008000;
}


/**************************** REMOVED AT CLIENT'S REQUEST, KEEPING IN CASE THEY WANT IT BACK **********************/
/*.subscribe-content
/{
/    width: 360px;
/    marging: 0 auto;
/    position: absolute;
/    margin-bottom:10px;
/    bottom: 0;
/    padding: 15px;
/}
/
/.subscribe-content-yellow{
/    color: yellow;
/}*/

.municipal-opportunities-btn
{
    width: 100%;
    background-color: gray;
    color: white;
    border: 0px;
    border-radius: 5px;
    text-align: left;
    height: 50px;
    padding-left: 1%;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;
}

.private-opportunities-btn
{
    width: 100%;
    background-color: gray;
    color: white;
    border: 0px;
    border-radius: 5px;
    text-align: left;
    height: 50px;
    padding-left: 1%;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;
}

.fa-angle-down
{
    margin-right: 20px;
}

.fa-angle-up {
    float: right;
    font-size: 26px;
    font-weight: 600 !important;
    color: white;
    margin-right:20px;
}

.submit-job-posting {
    width: 100%;
    background-color: gray;
    color: white;
    border: 0px;
    border-radius: 5px;
    text-align: left;
    height: 50px;
    padding-left: 1%;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;
}

.article-image img
{
    max-width:100% !important;
}

.article-title
{
    color: #039449!important;
    font-weight:600;
}

.article-title > a
{
    color:#039449!important;
    font-size: 18px;
    font-weight: 600;
}

.add-bottom-spacing
{
    margin-bottom: 20px;
}
.mea-side-menu
{
    min-width:150px;
}

.mea-side-menu ul > ul > li
{
    padding-left: 50px !important;
}


/*****************************************************  DIRECTORY CSS  ***********************************************/

/*directory*/
.directory-info {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 15px;
}
.directory .row:nth-child(even) .col-sm-4:nth-child(even) p,
.directory .row:nth-child(odd) .col-sm-4:nth-child(odd) p {
    background-color: #f4f6f8;
}
.char_search_group br {
    display: none;
}
.char_search_group label {
    text-align: center;
    cursor: pointer;
}
.char_search_group input {
    width: 18px;
    visibility: hidden;
}

@media (max-width: 991px) {
    .navbar-default .search-form .input-group,
    .navbar-default .search-form .input-group span {
        display: inline-block;
        width: auto;
    }
    .navbar-default .search-form .input-group span button {
        border-left: 2px solid #E0E2E4;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .navbar-default .search-form .input-group input {
        display: none;
    }

    .content-section,
    .content-section > div {
        display: block;
    }

    .subscribe-topic {
        padding-left: 15px;
    }

}
@media (max-width: 767px) {

    .navbar-header {
        height: auto;
    }

    .navbar-brand img {
        max-width: 100%;
    }

    .dropdown-menu {
        position: relative;
        float: none;
    }

    .navbar-default .navbar-nav .dropdown-menu .dropdown-menu {
        left: auto;
    }


}

#member-login-text {
    float: right;
    color: #00783B;
}

#member-login-text > a
{
    color: #00783B;
}

/*MCEA Page CSS*/
.featured-box {
	background-color: #fff; 
	border-radius: 6px; 
	box-shadow: 0 4px 0 rgba(0,0,0,0.12); 
	font-family: 'Roboto'; 
	color: #58595B;
	font-weight: 300;
	border-color: #d4d6d8;
	display: block;
	padding: 10px 16px;
}

/*********************************************  RESPONSIVE CSS  ******************************************************/


@media (min-width: 768px) and (max-width: 992px)
{

    .box-number
    {
        font-size: 28px;
        font-weight: 400;
    }

}

@media (max-width: 550px){
    .top-search-form {
        display: none;
    }
}