/* CSS Document */

/* Sticky footer styles

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

html {

 position: relative;

  height: auto;

  min-height: 100%;

}

body{

	margin-top:80px;

}

/***** Typography *****/



/*h1, h2, h3, h4, h5, h6 					{ margin:0; padding:0; font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight:normal; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight:inherit; }*/

h1 										{ margin:0 0 10px 0; padding:0; font-size:36px; line-height:35px; color:#499334; display:block !important; }

h2										{ margin:0 0 10px 0; padding:0; font-size:30px; line-height:34px; color:#499334; display:block !important; }

h3 										{ margin:0 0 10px 0; padding:0; font-size:24px; line-height:28px; color:#499334; display:block !important; }

h4 										{ margin:0 0 10px 0; padding:0; font-size:18px; line-height:22px; color:#499334; display:block !important; }

h5 										{ margin:0 0 10px 0; padding:0; font-size:14px; line-height:16px; color:#499334; display:block !important; }

h6 										{ margin:0 0 10px 0; padding:0; font-size:12px; line-height:16px; color:#499334; display:block !important; }

.newstaster{

	-o-text-overflow: ellipsis;   /* Opera */

    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */

    overflow:hidden;              /* don't show excess chars */

    white-space:nowrap;           /* force single line */

    width:inherit;

}

.rowpad{

	padding:15px 0px;

}

.fb-page{

	margin-left:auto;

	margin-right:auto;

}

a:link {

    color: #499334;

}

/* visited link */

a:visited {

    color: #499334;

}

/* mouse over link */

a:hover {

    color:#000;

}

/* selected link */

a:active {

    color:#000;

}

.activitybtn{

	margin:10px 0px 10px 0px;

}

.activitybtn h3{

	text-align:center;

	background-color:#499334;

	padding:5px 0px;

}

.activitybtn a:link, .userlist a:link, .buttonlinks a:link {

    color:#FFF;

}

.activitybtn a:visited, .userlist a:visited, .buttonlinks a:visited {

    color: #FFF;

}

.activitybtn a:hover, .userlist a:hover, .buttonlinks a:hover {

    color:#FFF;

}

.activitybtn a:active, .userlist a:active, .buttonlinks a:active {

    color:#FFF;

}

.navbar {

  background-color: #499334;

}

.navbar .navbar-brand {

  color: #ecf0f1;

}

.navbar .navbar-brand:hover,

.navbar .navbar-brand:focus {

  color: #000000;

}

.navbar .navbar-text {

  color: #ecf0f1;

}

.navbar .navbar-nav .nav-link {

  color: #ecf0f1;

  border-radius: .25rem;

  margin: 0 0.25em;

}

.navbar .navbar-nav .nav-link:not(.disabled):hover,

.navbar .navbar-nav .nav-link:not(.disabled):focus {

  color: #000000;

}

.navbar .navbar-nav .nav-item.active .nav-link,

.navbar .navbar-nav .nav-item.active .nav-link:hover,

.navbar .navbar-nav .nav-item.active .nav-link:focus,

.navbar .navbar-nav .nav-item.show .nav-link,

.navbar .navbar-nav .nav-item.show .nav-link:hover,

.navbar .navbar-nav .nav-item.show .nav-link:focus {

  color: #000000;

  background-color: #54a13e;

}

.navbar .navbar-toggle {

  border-color: #54a13e;

}

.navbar .navbar-toggle:hover,

.navbar .navbar-toggle:focus {

  background-color: #54a13e;

}

.navbar .navbar-toggle .navbar-toggler-icon {

  color: #ecf0f1;

}

.navbar .navbar-collapse,

.navbar .navbar-form {

  border-color: #ecf0f1;

}

.navbar .navbar-link {

  color: #ecf0f1;

}

.navbar .navbar-link:hover {

  color: #000000;

}.navbar-toggler-icon {

        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}

@media (min-width:767px){

	.activitymenu .dropdown-menu{

		min-width:575px;

		left:-200px;

	}

}

@media (max-width: 575px) {

  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {

    color:#499334;

  }

  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,

  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {

    color: #000000;

  }

  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {

    color: #000000;

    background-color: #54a13e;

  }

}



@media (max-width: 767px) {

  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {

    color: #499334;

  }

  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,

  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {

    color: #000000;

  }

  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {

    color: #000000;

    background-color: #54a13e;

  }

}



@media (max-width: 991px) {

  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {

    color: #499334;

  }

  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,

  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {

    color: #000000;

  }

  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {

    color: #000000;

    background-color: #54a13e;

  }

}



@media (max-width: 1199px) {

  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {

    color: #499334;

  }

  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,

  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {

    color: #000000;

  }

  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {

    color: #000000;

    background-color: #54a13e;

  }

}



.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {

  color: #499334;

}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {

  color: #499334;

}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {

  color: #499334;

  background-color: #54a13e;

}

.dropdown-item a:link {

    color: #499334;

}

/* visited link */

.dropdown-item a:visited {

    color: #499334;

}

/* mouse over link */

.dropdown-item a:hover {

    color:#000;

}

/* selected link */

.dropdown-item a:active {

    color:#000;

}

/* Sidebar */



.sidebar {

  position: fixed;

  top: 60px;

  bottom: 0;

  left: 0;

  z-index: 1000;

  padding: 20px;

  overflow-x: hidden;

  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */

  border-right: 1px solid #eee;

}



/* Sidebar navigation */

.sidebar {

  padding-left: 0;

  padding-right: 0;

}



.sidebar .nav {

  margin-bottom: 20px;

}



.sidebar .nav-item {

  width: 100%;

}



.sidebar .nav-item + .nav-item {

  margin-left: 0;

}



.sidebar .nav-link {

  border-radius: 0;

}

.footer {

  width: 100%;

  background-color: #222222;

  margin-top:3rem;

  margin-bottom:0rem;

  padding:1rem 0rem 3rem 0rem;

}

hr.style-two {

	margin:5rem 0rem;

    border: 0;

    height: 1px;

    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));

}

.g-recaptcha {

    display: inline-block;

}

/* Custom page CSS

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

/* Not required for template or sticky footer method. */



body > .container {

  padding: 15px 15px;

}



.footer > .container {

  padding-right: 15px;

  padding-left: 15px;

  color:#FFF;

}

.grey-bg{

	background-color:#EBEBEB;

	padding:15px 0px;

}

/* CUSTOMIZE THE CAROUSEL

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



/* Carousel base class */

.carousel {

  margin-bottom: 4rem;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;

  bottom: 3rem;

}



/* Declare heights because of positioning of img element */

.carousel-item {

  height: 32rem;

  background-color: #777;

}

.carousel-item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 32rem;

}



/* RESPONSIVE CSS

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



@media (min-width: 40em) {

  /* Bump up size of carousel content */

  .carousel-caption p {

    margin-bottom: 1.25rem;

    font-size: 1.25rem;

    line-height: 1.4;

  }

}