/**
 * @author Alexis Bogado <alexis.bogado@s3w.es>
 * @package webinar-web
 */

 @import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

 
html, body {
    padding: 0 !important;
    overflow-x: hidden;
    width: 100%;
    font-family: 'Exo', sans-serif;
}

nav a:hover, *[role="button"]:hover {
    opacity: 0.8;
}

.site-title {
    letter-spacing: 10px;
}

.site-title hr {
    height: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.modal-title {
    letter-spacing: 3px;
}

.td-underline{
  text-decoration: underline !important;
}

td hr, .modal-title hr, hr.bold {
    height: 2px;
}

.opacity-1 {
    opacity: 1;
}

.modal-content {
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.15);
}

.modal-backdrop.show {
    opacity: .7;
    background-color: #fff;
}

.list-style-none {
  list-style: none; /* Remove default bullets */
}

.bullet-primary::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #c51265; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.border-primary {
    border-color: transparent !important;
}

.border-quiz {
  border-color: #c51265 !important;
}

.modal-open {
    position: fixed;
}

.font-size-14 {
    font-size: 14px !important;
}

.btn-jornadas{
  background-color: #fdd272;
  border-radius: 0px;
  padding: 10px 20px;
  color: #c51265;
  font-weight: bold;
}

.btn-red{
  color: #ffffff;
  border-radius: 0px;
  padding: 10px 20px;
  background-color: #8E141A;
  font-weight: bold;
}

.btn-blue{
  background-color: #288D8A;
  border-radius: 0px;
  padding: 10px 20px;
  color: white;
  font-weight: bold;
}

.btn-jornadas:disabled{
  border-color: #fdd272;
  background-color: #fff;
  border-top-width: 2px;
  border-left-width: 20px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  padding: 10px 20px;
  color: #c51265;
  font-weight: bold;
}

.btn-rounded {
    border-radius: 2em;
    border-width: 2px;
}

*:disabled {
    cursor: not-allowed;
}

.btn-primary-disabled:disabled, .btn-primary-disabled:disabled:hover {
    background: linear-gradient(90deg, #92203c 0, #fff 5%, #fff 100%) !important;
    color: #92203c !important;
}

.fa-bordered {
    text-shadow: 0 2px #fff, 3px 0 #fff, 0 -2px #fff, -2px -3px #fff, -2px 2px #fff;
}

/* Background colors */
.bg-primary, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #8E141A !important;
}

.bg-secondary, button.bg-secondary:hover, button.bg-secondary:focus{
  background-color: #288D8A !important;
}

.bg-primary-light {
    background-color: #f7f0f2 !important;
}

.bg-gray {
    background-color: #5e5e5e !important;
}

.bg-light-gray {
    background-color: #f4f4f4 !important;
}

.bg-light-blue {
    background-color: #4ca6eb25 !important;
}

.bg-yellow {
    background-color: #fdd272 !important;
}

.bg-light-yellow{
  background-color: #fdd27275 !important;
}

.bg-light-pink{
  background-color: #c5126510 !important;
}

/* Text colors */
.text-primary, a.text-primary:hover, a.text-primary:focus {
    color: #288D8A !important;
}

.text-red-primary{
  color: #8E141A;
}

.text-pink{
    color: #c51265;
}

.text-black {
  color: #000000 !important;
}

.text-primary-light {
    color: #ddb9c2 !important;
}

.text-gray {
    color: #6F6E6E !important;
}

.text-blue {
    color: #4ca6eb !important;
}

.text-yellow{
  color: #fdd272;
}

/* Media queries */
@media (max-width: 992px) {
    .site-title, .modal-title {
        letter-spacing: 0;
    }
}

@media (min-width: 768px) {
  .position-md-absolute{
    position: absolute;
  }

}

.position-navbar{
  top:20px;
}


.cabeza-logo{
  position: absolute;
  top: 15%;
  left: 20%;
}

.texto-logo{
  position: absolute;
  top: 15%;
  left: 50%;
}



section#inicio.bg-index {
  background: url(../images/cabecera.png) no-repeat, #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  min-height: 80vh;
}

@media (max-width: 1443.98px) {
  section#inicio.bg-index {
    background-size: cover;
  }
}

/* @media (max-width: 575.98px) {
  section#inicio.bg-index {
    background: #c51265;
  }
  
} */


section#inicio.bg-index-login {
  background: url(../images/cabecera-webinar.png) no-repeat, #eaeef1;
  background-size: cover;
  background-position: left top;
  min-height: 120px;
}

.header-inicio{
  padding-top: 100px;
}

@media (min-width: 576px) {
  .divider{
    padding: 100px;
  }
} 

.form-control{
  background-color: #4ca6eb25;
  border-radius: 0px;
}

.d-inline-table{
  display: inline-table;
}

.modal-dialog-programa{
    max-width: 65% !important;
    padding: 10px;
}
.programa_container{
    /*padding: 20px;*/
}
#programa-modal .bg-yellow{
    justify-content: center;
}
#programa-modal .close-modal{
    margin-top: 15px;
    font-size: 30px;
}

.border-blue-bottom{
  border-bottom: 3px solid #288D8A;
}