/* 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: #75005a;
}

.bg-color-secondary {
  background-color: #75005a;
}

.bg-color-emphasize {
  background-color: #13240c;}
.bg-color-agenda {
  background-color: #fff;}


/* COLOR */


.color-white {
  color:  #FFF;
}
.color-orange {
  color:  #f04f23;
}


.color-celeste {
  color:  #8bbee8;
}


.color-verde {
  color:  #92ce80;
}

.color-amarillo {
  color:  #fde5a9;
}


.color-light-grey {
  color: #ebebec;
}

.color-mid-grey {
  color: #3f3f3f;
}


.color-dark-grey {
  color:  #333;
}

.color-black {
  color:  #000;
}


.color-main {
  color: #000000;
}

.color-secondary {
  color: #88ee41
}

.color-emphasize {
  color: #000
}


/* 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: #fff;
	opacity:1;
  text-decoration: none;
}


/* 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: #fe960c;
}



/* BUTTON STYLE */


.btn {
    padding: 0.1em 0.6em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0rem;
	display: inline-block;
}

#navbarSupportedContent .btn:hover {
    padding: 0.1em 0.6em;
    font-size: 1em;
    line-height: 1.5;
	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{
  background-color: #fde5a9;
  color: #000;
  text-transform: uppercase;
  font-size: 2.5em;
  width: 100%;
  padding: 7px;
  -webkit-box-shadow: 0px 16px 0px -10px rgba(0,0,0,1);
  -moz-box-shadow: 0px 16px 0px -10px rgba(0,0,0,1);
  box-shadow: 0px 16px 0px -10px rgba(0,0,0,1);
}

.btn.main-cta:hover {
  color: #000;
  background-color: #fff;
}

.btn.main-cta.disabled {
  font-size: 1.4em;
  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-color: #ee1179;
}

#interna-header-background {
  background-image: url(../images/customizacion/bg-header-interior.jpg);
	background-position:top right;
  background-repeat: no-repeat;
  background-color: #ee1179;
}



/* MENU */

.navbar-dark .navbar-nav .nav-link {
  color: #fde5a9;
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: #000;
  opacity: 0.5;
}

.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff;
}

.dropdown-item {
    color: #000;
}



@media screen and (max-width: 767px){

  /* Background header mobile */

  #interna-header-background {
    background-image: url(../images/customizacion/bg-header-mobile.png);
    background-color: #ee1179;
    background-repeat: no-repeat;
  }
  #home-header-background {
    background-image: url(../images/customizacion/bg-header-mobile.png) !important;
    background-color: #ee1179;
    background-repeat: no-repeat;
  }



  .navbar-dark .navbar-nav .nav-link{
		color:#333;
	}

	#evento-logo-header{
		max-width: 85%;
	}

}