/*--------------------------------------------------------

    FONT ASSIGNMENTS

--------------------------------------------------------*/

body {

    font-size: 16px;

	font-family: 'Lato', sans-serif;

}

p {

    color: #202123;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    font-family: 'Lato', sans-serif;

}

.row {

    margin-right: 0;

    margin-left: 0;

}

/*--------------------------------------------------------

    ALIGNMENT

--------------------------------------------------------*/

.txt-c { text-align: center; }

.txt-l { text-align: left; }

.txt-r { text-align: right; }



/*--------------------------------------------------------

    H1 - H6

--------------------------------------------------------*/

h1, h2, h3 {

	margin: 0px;

	padding: 0px;

}

a, h1, h2, h3, h4, h5, h6 {

    font-family: 'Lato', sans-serif;

}



h1 {

	color: #012D01;

	font-size: 28px;

	font-weight: bold;

	margin: 10px 0 20px 0;

	font-family: 'Lato', sans-serif;

}

h1.title{

    margin-top: 40px;

}

h2 {

	color: #012D01;

	font-size: 25px;

	font-weight: bold;

	margin: 10px 0 25px 0;

	font-family: 'Lato', sans-serif;	

}

h3 {

    color: #000000;

    font-size: 22px;

    font-weight: bold;

    font-family: 'Lato', sans-serif;

    margin: 10px 0;

}

/*--------------------------------------------------------

    LINKS

--------------------------------------------------------*/

a 				{ color: #990000; cursor: pointer; }

a:hover			{ color: #EF373B; }

a.black			{ color: #000000; }

a.white 		{ color: #ffffff; }

a.white:hover 	{ color: #cecece; }


a:is(:hover, :focus) {
    outline: 0px;
}

a:focus-visible {
    outline: 2px solid #000;
}


/*--------------------------------------------------------

    IMAGES

--------------------------------------------------------*/

img { border: 0px; max-width: 100%;}



/*--------------------------------------------------------

    MODAL LOGIN

--------------------------------------------------------*/

.modal-content {

    width: 280px;

    border-radius: 0;

}

.modal-dialog {

    display: block;

    width: 280px;

    text-align: center;

    margin-right: auto;

    margin-left: auto;

}

.modal-body {

    padding: 10px 20px 20px;

}

.modal-title {

    text-align: center;

}

/*input[type="text"], input[type="password"] {

    margin: 5px 0 5px;

    border: 1px solid #737373;

    padding: 5px 0;

    text-indent: 5px;

}*/



/*--------------------------------------------------------

    HEADER

--------------------------------------------------------*/

#header-top {

    padding: 5px 0px;

}

#header-wrap {

    background-color: #012D01;

}

#logo-wrap img {

    width: 350px;

    padding: 15px;

}

#header-address {

    text-align: right;

    padding: 30px 0 20px;

}

@media (max-width: 767px) {

    #logo-wrap img {

        margin: 0px auto;

    }

    #header-address{

        text-align: center;

        padding: inherit;

    }

}

#header-address h4 {

    color: #012D01;

    font-size: 16px;

    font-family: 'Lato', sans-serif;

    margin-bottom: 0px;

}

#header-address h2 {

    color: #008500;

    font-size: 28px;

    font-weight: bold;

    margin-top: 0px;

}

#main-menu {

    padding: 5px 0;

    text-align: center;

}

.home-link hr {

    border-top: 1px solid #008500;

    margin-top: 8px;

    margin-bottom: 0px;

    width: 24px;

}

#nav_menu {

    display: inline-block !important;

    vertical-align: middle;

}

.navbar-nav>li a {

    color: #fff;

    font-size: 15px;

    font-family: 'Lato', sans-serif;

    letter-spacing: 1px;

    padding-bottom: 12px;

    padding-top: 12px;

}

.navbar-nav>li a:focus,

.navbar-nav>li a:hover {

    text-decoration: none;

    background-color: transparent;

    color: #39E639;

}

.socialmedia-area {

    display: inline-block;

    vertical-align: middle;

}

.socialmedia-area svg {

    display: inline-block;

    margin-left: 25px;

}

.socialmedia-area a:hover {

    text-decoration: none;

}

.socialmedia-area a:hover svg g .cls-1,

.socialmedia-area a:hover svg#menu-fb-icon .cls-1,

.socialmedia-area a:hover svg#menu-twitter-icon .cls-1,

.socialmedia-area a:hover svg#menu-linkedin-icon .cls-1 {

    fill: #39E639;

}

svg#menu-fb-icon {

    width: 16px;

    height: 29px;

}

svg#menu-twitter-icon {

    width: 29px;

    height: 24px;

}

svg#menu-linkedin-icon {

    width: 29px;

    height: 28px;

}



.center-block {

    display: block;

    margin-right: auto;

    margin-left: auto;

}

#slide-container .carousel-inner > .item > img {

    width: 100%;

}



/*--------------------------------------------------------

    MOBILE MENU

--------------------------------------------------------*/

#mobileMenuWrapper {

    position: fixed;

    top: -1px;

    bottom: 0px;

    z-index: 100;

    overflow-y: auto;

    overflow-x: hidden;

    left: -120%;

    width: 225px;

    max-width: 100%;

    background-color: #AD6336;

    transition: all 300ms cubic-bezier(1, 0.01, 0, 1) 0s;

}

#mobileMenuWrapper.open {

    left: 0px;

    bottom: 0px;

}

#mobileMenuWrapper #mobile-menu {

    overflow: auto;

    padding: 0px 20px 10px;

}

#mobileMenuWrapper ul {

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}

#mobile-menu > li#triggerClose {

    color: #fff;

    float: right;

    display: inline;

    font-size: 22px;

    cursor: pointer;

    transform: rotate(45deg);

}

#mobileMenuWrapper #mobile-menu a {

    width: 100%;

    color: #ffffff;

    display: inline-block;

    margin: 10px 0 0 0;

    font-size: 16px;

}

#mobileMenuWrapper #mobile-menu a:hover {

    color: #39E639;

}

#mobileMenuWrapper ul.mDropdown {

    margin: 0 15px;

    display: none;

}

#mobileMenuWrapper .mDropdown.open {

    display: block;

}

#mobile-menu a {



}

#mobile-toggle {

    border: none;

    background: transparent;

    box-shadow: none;

    cursor: pointer;

}

#mobile-menu-col {

    top: 3px;

    right: 20px;

    float: right;

    position: relative;

}

#mobile-logo {

    width: 40%;

    float: left;

    margin-top: 27px;

    margin-bottom: 20px;

}

#mobile-logo a {

    margin: 0 !important;

}

#mobile-logo svg#logo {

    width: 250px;

    max-width: 250px;

}

svg#burger {

    width: 35px;

    height: 35px;

}

#mobile-menu li.search-wrap {

    margin-top: 40px;

}



/* ------------------------------------------------ */

/*   Slider Section 

/* ------------------------------------------------ */



#slide-container .carousel-indicators {

    display: none;

}

#slide-container .carousel-control.left {

    height: 72px;

    width: 46px;

    background: url(../images/slide-prev.png) repeat-x 0 0;

    top: 50%;

    bottom: unset;

    transform: translateY(-50%);

    margin: auto;

    opacity: 1;

    text-shadow: none;

    color: transparent;

    left: 25px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

#slide-container .carousel-control.right {

    height: 72px;

    width: 46px;

    background: url(../images/slide-next.png) repeat-x 0 0;

    top: 50%;

    bottom: unset;

    transform: translateY(-50%);

    margin: auto;

    opacity: 1;

    text-shadow: none;

    color: transparent;

    right: 25px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;



}



/*--------------------------------------------------------

    INDEX / MAIN BODY

--------------------------------------------------------*/

.index-content .container {

    padding: 30px 0;

}

#link-wrap {

    /*padding: 30px 0;*/

}

#link-wrap hr, #content-wrap hr {

    border-top: 2px solid #008500;

    width: 86px;

    margin-top: 10px;

    margin-bottom: 10px;

}

#link-wrap h1 {

    text-align: center;

    margin-bottom: 10px;

    font-family: 'Roboto', sans-serif;

}

#link-wrap h3 {

    text-align: center;

}

#link-wrap p {

    text-align: center;

    font-family: 'Lato', sans-serif;

    font-size: 15px;

    /* padding-bottom: 30px; */

}

#link-wrap svg {

    border: 3px solid #2D2D2D;

    border-radius: 5px;

    padding: 50px;

    margin-left: auto;

    margin-right: auto;

    display: block;

    width: 216px;

    height: 216px;

}

#link-wrap svg:hover {

    background: #191919;

}



#content-wrap {

    color: #ffffff;

    background-color: #012D01;

    /*padding: 40px 0;

    padding-bottom: 50px;

    margin-top: 30px;*/

}



.row_background {

    color: #ffffff;

    background-color: #012D01;

}

.row_background h1, .row_background h2, .row_background h3,

.row_background h4, .row_background p, .row_background a {

    color: #ffffff;

}



.column_background {

    color: #ffffff;

    background-color: #012D01;

}

.column_background h1, .column_background h2, .column_background h3,

.column_background h4, .column_background p, .column_background a {

    color: #ffffff;

}



#content-wrap h2 {

    color: #ffffff;

    text-align: center;

    text-transform: uppercase;

}

#content-wrap p {

    color: #fff;

}

#feed-container {

    position: relative;

    top: -150px;

    height: 380px;

}

#feed-container img {

    width: 100%;

}

#feed-wrap {

    position: relative;

    top: 235px;

}

#feed-wrap h1 {

    color: #fff;

    text-transform: uppercase;

    font-size: 30px;

    float: right;

    margin: 25px 0 0;

    font-family: 'Lato', sans-serif;

}

#recent-news, #upcoming-events {

    margin: 0 47px;

    padding: 45px 80px;

    border: 3px solid #ffffff;

}

#recent-news {

    padding: 45px 80px;

}

#upcoming-events {

    padding: 45px 45px;

}

#recent-news:hover {

    background-color: #004200;

    transition: 0.7s cubic-bezier(0, 0, 0.2, 1); 

}

#recent-news img {

    position: relative;

    width: 77px;

    float: left;

}

#upcoming-events:hover {

    background-color: #004200;

    transition: 0.7s cubic-bezier(0, 0, 0.2, 1);   

}

#upcoming-events img {

    position: relative;

    width: 77px;

    float: left;

}

#quick-links {

    height: 392px;

    padding-top: 20px;

    padding-bottom: 0px;

}

#quick-links:hover {

    border: 1px solid #191919;

    box-shadow: 0px 0px 4px 2px rgba(86, 82, 82, 0.53);

    transition: 0.7s cubic-bezier(0, 0, 0.2, 1);

    cursor: pointer;

}

#quick-links:hover svg {

    border: none;

}

#quick-links:hover svg g .cls-1,

#quick-links:hover svg#who .cls-1,

#quick-links:hover svg#what .cls-1,

#quick-links:hover svg#resources .cls-1,

#quick-links:hover svg#contact .cls-1 {



}

#quick-links svg g:hover .cls-1,

#quick-links svg#who:hover .cls-1,

#quick-links svg#what:hover .cls-1,

#quick-links svg#resources:hover .cls-1,

#quick-links svg#contact:hover .cls-1 {

    fill: #fff;

}





/*--------------------------------------------------------

    CSS STYLE FOR INNER PAGES

--------------------------------------------------------*/

/*#main-container-page {

    background-color: #fff;

}*/

/*#page {

    color: #cbcbcb;

    padding-top: 30px;

    padding-bottom: 50px;

}

#page h2 {

    margin: 0 0 25px 0;

}*/


/* rows and columns margin inside grid+ */
#gm-canvas .row, #gm-canvas .column {
    margin-top: 1em;
    margin-bottom: 1em;
}

.embed-wrapper { display: contents; }




/*--------------------------------------------------------

    FOOTER

--------------------------------------------------------*/

#footer-row {

    padding: 50px 0px;

}

#footer-row a {

    color: #012D01;

}

#credits {

    text-align: left;

}

#credits p {

    margin: 10px 0 20px;

}

#credits p, #credits a {

    color: #fff;

}

#footer-social {

    text-align: center;

    margin-top: 20px;

}

#footer-social a {

    text-decoration: none;

}

#footer-social a.facebook img {

    background: #012D01;

    padding: 6px 12px;

}

#footer-social a.twitter img {

    background: #012D01;

    padding: 9px 6px;

}

#footer-social a.linkedin img {

    background: #012D01;

    padding: 6.5px 6px;

}

#footer-social a.facebook img:hover {

    background-color: #3B5999;

    transition: 0.7s cubic-bezier(0, 0, 0.2, 1);

}

#footer-social a.twitter img:hover {

    background-color: #5EA9DD;

    transition: 0.7s cubic-bezier(0, 0, 0.2, 1);

}

#footer-social a.linkedin img:hover {

    background-color: #0274B3;

    transition: 0.7s cubic-bezier(0, 0, 0.2, 1);

}

#footer-social a.google img:hover {

    background-color: #DD4B3E;

    transition: 0.7s cubic-bezier(0, 0, 0.2, 1);

}

#footer-social img {

    margin-left: 8px;

    display: inline-block;

}





/*--------------------------------------------------------

    MEDIA QUERY

--------------------------------------------------------*/

@media (min-width: 1000px) {

    .container {}

    

}



@media (min-width: 990px) and (max-width: 1199px) { 

    .container {}

    #main-menu, #search-area {

        display: none;

    }

    #feed-container {

        position: relative;

        top: -110px;

        height: 285px;

    }

    #recent-news, #upcoming-events {

        margin: 0 38px;

    }

    #feed-wrap {

        top: 180px;

    }

    #recent-news {

        padding: 20px 40px;

    }

    #upcoming-events {

        padding: 20px 8px;

    }

    #link-wrap svg {

        width: 200px;

        height: 200px;

    }

}



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

    .container {}

    #feed-wrap {

        top: 0;

        padding-top: 15px;

    }

    #recent-news, #upcoming-events {

        padding: 20px 150px;

        margin: 20px 0;

        border: 3px solid #004200;

        background-color: #004200;

    }

    #feed-container {

        top: 0;

    }

    #feed-wrap h1 {

        text-align: center;

    }

    #quick-links:hover {

    /*    margin: 30px 0px;

        padding: 20px 15px;*/

        box-shadow: 0px 0px 8px 2px rgba(86, 82, 82, 0.53);

        transition: 0.7s cubic-bezier(0, 0, 0.2, 1);

    }

    #link-wrap a:hover {

        text-decoration: none;

    }

    #slide-container .carousel-control.left {

        /* top: 0px; */

    }

    #slide-container .carousel-control.right {

        /* top: 0px; */

    }  

}



@media (max-width: 767px) {

    .container {}



    svg#main-logo {

        width: 355px;

        height: auto;

    }

    #credits p {

        margin: 0px 0 20px;

    }

    #credits p, #footer-social {

        text-align: center;

    }

    #feed-wrap {

        top: 0;

        padding-top: 15px;

    }

    #recent-news, #upcoming-events {

        padding: 20px 10px;

        margin: 20px 0;

        border: 3px solid #004200;

        background-color: #004200;

    }

    #feed-container {

        top: 0;

    }

    #feed-wrap h1 {

        text-align: center;

    }

    #quick-links:hover {

    /*    margin: 30px 0px;

        padding: 20px 0;*/

        box-shadow: 0px 0px 8px 2px rgba(86, 82, 82, 0.53);

        transition: 0.7s cubic-bezier(0, 0, 0.2, 1);

    }

    #link-wrap a:hover {

        text-decoration: none;

    }

    #slide-container .carousel-control.left {

        /* top: 0px; */

        left: 5px;

        height: 46px;

        width: 30px;

    }

    #slide-container .carousel-control.right {

        /* top: 0px; */

        right: 5px;

        height: 46px;

        width: 30px;

    }   

}



@media (max-width: 480px) { 

    .container {}



    svg#main-logo {

        width: auto;

        height: auto;

    }

    #credits p {

        margin: 0px 0 20px;

    }

    #credits p, #footer-social {

        text-align: center;

    }

    #feed-wrap {

        top: 0;

        padding-top: 15px;

    }

    #recent-news, #upcoming-events {

        padding: 20px 10px;

        margin: 20px 0;

        border: 3px solid #004200;

        background-color: #004200;

    }

    #feed-container {

        top: 0;

    }

    #feed-wrap h1 {

        text-align: center;

        font-size: 22px;

    }

    #recent-news img, #upcoming-events img {

        width: 60px;

    }

    #quick-links:hover {

        margin: 30px 0px;

        padding: 20px 0px;

        box-shadow: 0px 0px 8px 2px rgba(86, 82, 82, 0.53);

        transition: 0.7s cubic-bezier(0, 0, 0.2, 1);

    }

    #link-wrap a:hover {

        text-decoration: none;

    }

    #slide-container .carousel-control.left {

        /* top: 0px; */

        left: 5px;

    }

    #slide-container .carousel-control.right {

        /* top: 0px; */

        right: 5px;

    }

}





/* Safari Browser */



@media only screen and (-webkit-min-device-pixel-ratio: 1) {

     ::i-block-chrome, #logo-wrap svg {

        height: 15% !important;

    }

}



/* Internet Browser */



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

    #header-top {

        padding: 0px;

    }

    #header-address {

        margin-top: 50px;

    }

}