/** ********************************************************************************************************************
  ALL
 */
.flat {
  border-radius: 0
}
h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title {
  text-transform: uppercase
}
.full-width {
  width: 100%;
}
a {
  color: #7fb605;
  transition: all linear 0.2s
}
a:hover {
  transition: all linear 0.2s;
  color: #0c7c26
}
.danger {
  font-weight: bold;
  color: darkred;
  font-size: 25px;
}
.organizer-media-list {
  width: auto;
  height: 50px;
}
.organizer-media-view {
  width: 100%;
  height: auto;
}
.img-preview {
  width: 150px;
  height: auto;
}
.loader {
  display: block;
  margin-left: auto;
  margin-right: auto
}

/** ********************************************************************************************************************
  MASTHEAD
 */
.masthead {
  height: 500px;
  min-height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}
.masthead .text-center {
  padding: 50px;
  background-color: rgba(255, 255, 255, 0.5)
}

/** ********************************************************************************************************************
  HEAD
 */
#logo {

}
#logo img {
  background-color: rgba(255, 255, 255, 0.5)
}

/** ********************************************************************************************************************
  NAVBAR
 */
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #7fb605
}
.navbar-light .navbar-nav .active>.nav-link:hover,
.navbar-light .navbar-nav .nav-link.active:hover,
.navbar-light .navbar-nav .nav-link.show:hover,
.navbar-light .navbar-nav .show>.nav-link:hover {
  color: #0c7c26
}
.navbar-light .navbar-nav .nav-link {
  text-transform: uppercase;
  font-size: 20px
}
#before-navbar-fixed-top {
  height: 60px
}
#search .dropdown-toggle::after {
  display: none
}
#search .dropdown-menu {
  padding: 0;
  margin: 0;
  margin-left: -150px;
  background: none;
  border-width: 0
}
.navbar #brand {
  text-transform: uppercase;
  font-weight: bold;
  color: #7fb605
}
.navbar #brand:hover {
  color: #0c7c26
}
.navbar .nav-item a {
  text-transform: capitalize;
  font-weight: 600
}

/** ********************************************************************************************************************
  BTN
 */
.btn-outline-primary {
  color: #7fb605;
  border-color: #7fb605
}
.btn-outline-primary:hover {
  color: #efefef;
  border-color: #0c7c26;
  background-color: #0c7c26
}
.btn-green {
  background-color: #0c7c26;
  color: white;
}
.btn-green:hover {
  color: white;
  background-color: #0f9b30;
}

/** ********************************************************************************************************************
  FOOTER
 */
.page-footer {
  color: #efefef
}
.page-footer a {
  color: #0c7c26;
  text-transform: uppercase;
  font-weight: 600
}
.page-footer.primary {
  background-color: #7fb605
}
.page-footer .footer-copyright {
  background-color: #0c7c26
}
.page-footer .footer-copyright a {
  color: #7fb605;
  text-transform: lowercase
}

/** ********************************************************************************************************************
  HOMEPAGE
 */
ul.timeline {
  list-style-type: none;
  position: relative;
  padding-left: 1.5rem
}
ul.timeline:before {
  content: ' ';
  background: #0c7c26;
  display: inline-block;
  position: absolute;
  left: 16px;
  width: 4px;
  height: 100%;
  z-index: 400;
  border-radius: 1rem
}
ul li.timeline-item {
  margin: 20px 0
}
ul li.timeline-item::before {
  content: ' ';
  background: #efefef;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #7fb605;
  left: 11px;
  width: 14px;
  height: 14px;
  z-index: 400;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}
ul li.timeline-item h2 {
  color: #7fb605
}
ul li.timeline-item .small.text-gray {
  color: #0c7c26;
  font-weight: 600
}
ul li .timeline-arrow {
  border-top: 0.5rem solid transparent;
  border-right: 0.5rem solid #efefef;
  border-bottom: 0.5rem solid transparent;
  display: block;
  position: absolute;
  left: 2rem
}

/** ********************************************************************************************************************
  CONTACT
 */
.cursor-disabled {
  cursor: not-allowed;
}

/** ********************************************************************************************************************
  NEWS
 */
h1.news {}
.cover img {
  width: 100%;
  height: auto;
}
p.copyright#ajax-get-copyright {
  background: #0c7c26;
  color: white;
  padding: 10px;
  border: 0 solid #0c7c26;
}
p.copyright#ajax-get-copyright a {
  color: white;
  transition: all linear 0.2s;
}
p.copyright#ajax-get-copyright a:hover {
  color: #979797;
  transition: all linear 0.2s;
}

/** ********************************************************************************************************************
  ADMIN
 */
#admin .nav-link.active {
  text-decoration: underline
}
.card-counter{
  box-shadow: 2px 2px 10px #DADADA;
  margin: 5px;
  padding: 20px 10px;
  background-color: #fff;
  height: 100px;
  border-radius: 5px;
  transition: .3s linear all;
}
.card-counter:hover{
  box-shadow: 4px 4px 20px #DADADA;
  transition: .3s linear all;
}

.card-counter.primary{
  background-color: #007bff;
  color: #FFF;
}

.card-counter.danger{
  background-color: #ef5350;
  color: #FFF;
}

.card-counter.success{
  background-color: #66bb6a;
  color: #FFF;
}

.card-counter.info{
  background-color: #26c6da;
  color: #FFF;
}

.card-counter.warning{
  background-color: #e38b50;
  color: #FFF;
}

.card-counter i{
  font-size: 5em;
  opacity: 0.2;
}

.card-counter .count-numbers{
  position: absolute;
  right: 35px;
  top: 20px;
  font-size: 32px;
  display: block;
}

.card-counter .count-name{
  position: absolute;
  right: 35px;
  top: 65px;
  font-style: italic;
  text-transform: capitalize;
  opacity: 0.5;
  display: block;
  font-size: 18px;
}

/** ********************************************************************************************************************
  CONTENT
 */
.row h1, .row h2, .row h3, .row h4, .row h5, .row h6 {
  width: 100%;
}