/*==================================================
  Variables
  ==================================================*/

:root {
  /*--main-bg-color: /* #5F3593; #608b20*/

  /*--main-bg-color: #5e25b1;
  --main-menu-color: white;
  --main-title-color: #6A44B4;*/
/*
  --main-bg-color: #B7D6E3;
  --main-menu-color: #5D6570;
  --main-title-color: #5D6570;*/

  --main-bg-color: #901e32;
  --main-menu-color: #fff;
  --main-title-color: #5D6570;
}

@font-face {
    font-family:"Caveat Brush";
    src: url("../fonts/CaveatBrush-Regular.ttf") /* TTF file for CSS3 browsers */
}


/*==================================================
  Body
  ==================================================*/

body{
  background-color: #eaeaea;
}


/*==================================================
  Header
  ==================================================*/

.navbar-chitik{
  background-color: white;
}

.navbar-chitik:after {
  content: "";
  background: linear-gradient(90deg, #5AB65A 25%, #E56565 25%, #E56565 50%, #F79406 50%, #F79406 75%, #0387CB 75%, #0387CB 100%);
  height: 2px;
  width: 100%;
  position: absolute;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
}

.navbar-chitik ul.main-menu li a {
  color: #666;
  font-family: 'Caveat Brush', cursive;
  font-size: 20px;
}

.navbar-chitik ul.main-menu li.active a,
.navbar-chitik ul.main-menu li:not(.dropdown):hover a
 {
  background-color: #27aae1;
  font-family: 'Caveat Brush', cursive;
}

/*==================================================
  Footer
  ==================================================*/

#footer:before {
  content: "";
  background: linear-gradient(90deg, #5AB65A 25%, #E56565 25%, #E56565 50%, #F79406 50%, #F79406 75%, #0387CB 75%, #0387CB 100%);
  height: 2px;
  width: 100%;
  position: absolute;
}

.copyright{
  background: #231F20;
  text-align: center;
  color: #fff;
  padding: 12px 0 4px;
}


/*==================================================
  Error messages for forms
  ==================================================*/

  .gump-error-message {
    display: block;
    color: grey;
  }

  .gump-error-message:before {
    content: '\27A4\ ';
  }

  .gump-error-message .gump-field{
    font-weight: bold;
    color: #843534;
  }


/*==================================================
  Homepage
  ==================================================*/

section .wrapper{
  padding-top: 50px;
  padding-bottom: 50px;
}

section h2.sub-title, section h1.section-title{
  color: var(--main-title-color);
}
#banner{
  background: linear-gradient(to right, rgba(203, 170, 114, 0.7) , rgba(0,0,0, 0.7)), url("/img/carousel2.JPG") fixed no-repeat;
  background-size: cover;
  background-position: relative;
  min-height: 600px;
}

#intro{
	background: linear-gradient(to right, rgba(203, 170, 114, 0.7) , 
    rgba(0,0,0, 0.7)), url("/img/carousel2.JPG") fixed no-repeat;
  background-size: cover;
	background-position: relative;
  min-height: 600px;
}
#philosophy{
  background: linear-gradient(to right, rgba(203, 170, 114, 0.7) , 
    rgba(0,0,0, 0.7)), url("/img/carte1.jpg") fixed no-repeat;
  background-size: cover;
  background-position: relative;
  min-height: 600px;
}
#farm{
  background: url("/img/Sean_Sprague.jpg") fixed no-repeat;
  background-size: cover;
  background-position: relative;
  min-height: 600px;
}
#food{
  background: url("/img/©FAO_GMB_Akash.jpg") fixed no-repeat;
  background-size: cover;
  background-position: relative;
  min-height: 600px;
}
#energy{
  background: url("/img/©FAOOlivier Asselin.jpg") fixed no-repeat;
  background-size: cover;
  background-position: relative;
  min-height: 600px;
}
#tools{
    background: #27aae1;
}
#peoples{
  background: linear-gradient(to right, rgba(203, 170, 114, 0.7) , 
    rgba(0,0,0, 0.7)), url("/img/carte1.jpg") fixed no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 800px;
}
#science{
  background: linear-gradient(to right, rgba(203, 170, 114, 0.7) , 
    rgba(0,0,0, 0.7)), url("/img/Bernard Spragg NZ.jpg") fixed no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 600px;
}
#trust{
  background: linear-gradient(to right, rgba(203, 170, 114, 0.7) , 
    rgba(0,0,0, 0.7)), url("/img/carousel2.JPG") fixed no-repeat;
  background-size: cover;
  background-position: relative;
  min-height: 600px;
}

#features, #home-apps, #home-values{
  background: #EFEFEF;
  background: radial-gradient(#fff 50%, #EFEFEF 90%);
  background: -moz-radial-gradient(#fff 50%, #EFEFEF 90%);
  background: -webkit-radial-gradient(#fff 50%, #EFEFEF 90%);
  background: -o-radial-gradient(#fff 50%, #EFEFEF 90%);
}
#our_values{
  background: #27aae1;
}

#features{
  background: linear-gradient(to right, rgba(203, 170, 114, 0.7) , 
    rgba(0,0,0, 0.7)), url("/img/carte1.jpg") fixed no-repeat;
  background-size: cover;
  background-position: relative;
  min-height: 600px;
}

#features .wrapper{
  padding-top: 0px;
}

.reg-form-container {
  min-height: 450px;
}
 
/*==================================================
  Newsfeed
  ==================================================*/

ul.nav-news-feed {
  padding: 0;
}

ul.nav-news-feed li {
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid white;
}

ul.nav-news-feed li.active,
ul.nav-news-feed li:not(.item-li-title):hover{
  background: #f6f6f6;
  border-radius: 3px;
  border-color: #901e32;
}

ul.nav-news-feed li.active{
  font-weight: bold;
  font-family: 'Caveat Brush', cursive;
}


ul.nav-news-feed li.item-li-title {
  font-weight: bold;
  font-size: 16px;
  text-transform: full-width;
  font-family: 'Caveat Brush', cursive;
}

ul.nav-news-feed li div::after {
  display: none;
}

ul.nav-news-feed li i {
  font-size: 25px;
  margin-right: 0px;
  font-family: 'Caveat Brush', cursive;
}

img.icon-photo {
  height: 21px;
  width: 21px;
  margin: 2px 0;
  border-radius: 50%;
}

ul.nav-news-feed li.item-li-add,
ul.nav-news-feed li.item-li-add a {
  color: #2b4292;
}

ul.nav-news-feed li.item-li-add i {
  font-size: 18px;
  line-height: 18px;
  height: 21px;
  width: 21px;
  border: 1px dotted;
  text-align: center;
  margin-top: 2px;
  font-family: 'Caveat Brush', cursive;
}

/*==================================================
  Timeline
  ==================================================*/

.create-post .form-group {
  width: 100%;
}

.create-post {
  background: #f8f8f8;
  border-radius: 4px;
  border: 1px solid #f1f2f2;
}

span.int-icons-interests {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #f8f8f8;
  text-align: center;
  line-height: 36px;
  font-size: 25px;
  color: #8dc63f;
  cursor: pointer;
}

.work-info h5{
  margin-bottom: 0px;
}