/* BACKGROUNDS */

.bg-white {
  background-color: #FFF;
}

.bg-light-grey {
  background-color: #ebebec;
}

.bg-mid-grey {
  background-color: #636466;
}

.bg-dark-grey {
  background-color: #333;
}

.bg-black {
  background-color: #000;
}


.bg-color-main {
  background-color: #13240c;
}

.bg-color-secondary {
  background-color: #13240c;
}

.bg-color-emphasize {
  background-color: #13240c;}
.bg-color-agenda {
  background-color: #fff;}


/* COLOR */


.color-white {
  color:  #fff;
}
.color-orange {
  color:  #f04f23;
}
.color-light-grey {
  color: #ebebec;
}

.color-mid-grey {
  color: #636466;
}


.color-dark-grey {
  color:  #333;
}

.color-black {
  color:  #000;
}


.color-main {
  color: #13240c;
}

.color-secondary {
  color: #88ee41
}

.color-emphasize {
  color: #cce70b
}


/* LINKS */


a {

}

a.current {

}


a.color-main {

}


a.color-secondary {

}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link:hover{
	color: #cce70b;
	opacity:1;
}


/* NAVBAR */

.navbar {
  color: #fff;
}

.navbar .dropdown-menu {
    color: #FFF;
    background-color: #FFF;
    background-clip: padding-box;
}

.dropdown-item{
  color: #FFF;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #FFF;
    background-color: #13240c;
}



/* BUTTON STYLE */


.btn {
    padding: 0.1em 0.6em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .30rem;
	display: inline-block;
}

#navbarSupportedContent .btn:hover {
    padding: 0.1em 0.6em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .30rem;
	display: inline-block;
  background-color: #000 !important;
  color: #fff;
  box-shadow: none;
  outline: none;
}
.btn:focus {box-shadow: none;
outline: none;}

.btn.small{
  border: 1px solid #FFF;
  background-color: transparent;
}

.btn.main-cta{
  border: 3px solid #cce70b;
  background-color: #13240c;
  color: #cce70b;
  text-transform: uppercase;
  font-size: 3.5em;
  width: 100%;
  padding: 7px;
}

.btn.main-cta:hover {
  color: #13240c;
  background-color: #cce70b;
}

.btn.main-cta.disabled {
  font-size: 1.5em;
  opacity: 1;
}


.btn.secondary-cta{
	border:2px solid #fff;
	background-color: rgba(0,0,0,0);
	padding:0.5rem 20px;
	font-size:16px;
	font-weight:700;
  text-transform: uppercase;
}

.btn.secondary-cta:hover {
  background-color: rgba(255,255,255,0);
  color: #FFF;

}

@media screen and (max-width: 767px){
	.btn.secondary-cta{
		font-size:12px;
		padding: 0.4rem 10px;
	}
}

.btn.secondary-cta.black{
	border-color:#000;
	color: #000;

}

.btn.secondary-cta.black:hover,.btn.bg-black:hover {
  background-color: rgba(255,255,255,1);
  color: #000;

}

.btn.secondary-cta.black:hover {
  background-color: rgba(0,0,0,1);
  color: #FFF;
}

.btn.secondary-cta.white{
	border-color:#fff;
	color: #FFF;
}

.btn.secondary-cta.white:hover {
    border-color: #f7d81a;
    color: #f7d81a;
}

/* HEADER */

#home-header-background {
  background-image: url(../images/customizacion/bg-header.jpg);
	background-position:top right;
  background-repeat: no-repeat;
  background-color: #215a1b;
}

#interna-header-background {
  background-image: url(../images/customizacion/bg-header-interior.jpg);
	background-position:top right;
  background-repeat: no-repeat;
  background-color: #349138;
}



/* MENU */

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: #000;
  opacity: 0.5;
}

.navbar-dark .navbar-nav .show>.nav-link {
  color: #000;
  opacity: 0.5;
}

.dropdown-item {
    color: #000;
}



@media screen and (max-width: 767px){

  /* Background header mobile */

  #home-header-background {
    background-image: url(../images/customizacion/bg-header-mobile.jpg);
    background-color: #349138;
  }

  #interna-header-background {
    background-image: url(../images/customizacion/bg-header-mobile.jpg);
    background-color: #349138;
  }

  .navbar-dark .navbar-nav .nav-link{
		color:#333;
	}

	#evento-logo-header{
		max-width: 85%;
	}

}
