/*
primary: 1e242f
secondary: ffca44
*/

:root {
  --main-color: #1e242f;
  --secondary-color: #ffca44; 
  --complementary-color: white; 
  --links-color: #001b4d/*#ffca44*/;
}

.bg-main{
	background: var(--main-color);
}

a{
  color: var(--links-color);
}
a:hover{
  color: var(--secondary-color);
}


.date-message{
  font-size: 0.8em;
}

/* TOP */
.banner-home{
  color: var(--complementary-color);
  text-shadow: 0px 0px 3px var(--main-color);
  
	/*min-height: 500px;*/
	background-image: url('../images/cabecera.png');
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
}

.banner-home a{
  text-decoration: none;
  color:var(--complementary-color);
  font-size: 1.5em;
}

.banner-home a:hover{
  color:var(--secondary-color);
}

.banner-course{
  color: var(--complementary-color);
  text-shadow: 0px 0px 3px var(--main-color);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.banner-course .shadow{
  text-shadow: 0px 0px 0px var(--main-color);
}

/* MENÚS */

ul.nav-pills>li.nav-item>a{
	
  	color: var(--main-color);
  	border: 2px solid var(--main-color);
}

ul.nav-pills>li.nav-item>a.active{
	background-color: var(--main-color);
  	color: var(--secondary-color);
}

/* ESTILOS MODIFICADOS */

.custom-control-input:checked{
  background-color: var(--secondary-color);
}

div#alert, div#alertCookies{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99998;
  display: none;
}

div.alert-modal{
  z-index: 99999;
}

div#v-pills-tab a{
  color: var(--main-color);
}

div#v-pills-tab a.active{
  background-color:  var(--main-color);
  color: var(--secondary-color);
}

.btn-primary, .btn-primary:focus, .btn-primary:disabled{
	background: var(--main-color);
  	color: var(--secondary-color);
  	border: 2px solid var(--main-color);
}

.btn-primary:hover, .btn-primary:checked{
	background: var(--secondary-color);
  	color: var(--main-color);
  	border: 2px solid var(--main-color);
}

.btn-secondary, .btn-secondary:focus, .btn-secondary:disabled{
	background: var(--secondary-color);
  	color: var(--main-color);
  	border: 2px solid var(--secondary-color);
}
.btn-secondary:hover, .btn-secondary:active{
	background: var(--main-color);
  	color: var(--secondary-color);
  	border: 2px solid var(--secondary-color);
}

.btn-outline-secondary, .btn-outline-secondary:focus, .btn-outline-secondary:disabled{
	background: transparent;
  	color: var(--secondary-color);
  	border: 2px solid var(--secondary-color);
}
.btn-outline-secondary:hover, .btn-outline-secondary:active{
	background: var(--secondary-color);
  	color: var(--main-color);
  	border: 2px solid var(--secondary-color);
}

.progress-bar {
	background-color: var(--main-color);
	color: var(--secondary-color);
}
/* FOOTER */

footer{
	background-color: var(--main-color);
  color: var(--complementary-color);
}

footer h4{
  color: var(--secondary-color);
}

footer a{
  color: var(--complementary-color);
}
footer a:hover{
  color: var(--secondary-color);
}


.precio{
  font-size: 2em
}

/* GENERALES */
.visible {
  visibility: visible;
}

.oculto {
  /*visibility: hidden;*/
  display: none;
}

.bgSecondary {
  background-color: var(--secondary-color);
  color: var(--main-color) ;
}

.bgPrimary {
  background-color: var(--main-color);
  color: var(--secondary-color) ;
}

.bgPrimary h1, .bgPrimary a{
  color: var(--secondary-color) ;
}

.bgSecondary h1, .bgSecondary a {
  color: var(--main-color) ;
}

/* (SM) Small devices (landscape phones, 576px and up)*/
@media (max-width: 767px) {
  .banner-home h1{
    font-size: 1.7em;
  }
  .banner-home p.lead{
    font-size: 0.9em;
  }

  .banner-course h1{
    font-size: 1.7em;
  }
  .banner-course p.lead{
    font-size: 0.9em;
  }

}

/* (MD) Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  
}