:root {

	--project-color-text: hsl(0, 0%, 20%);
	--project-color-primary: #d1b255;
	--project-color-gradient: linear-gradient(334deg, #d1b255, #ecc697, #d1b255);
	--project-background-resultado: #f9ffe6;

}

.strike { text-decoration: line-through; }
.box-login { margin: 0 auto; padding: 60px 40px; width: 60%; max-width: 400px; }
.box-login-rabe { margin: 5% auto 0 auto; padding: 60px 40px; width: 100%; max-width: 900px; }
.box-error { margin: 100px auto 0 auto; padding: 60px 40px; width: 80%; max-width: 900px; overflow: hidden; }
.hidden { display: none; }
.transparente {opacity: 0.5;}
.hand { cursor: pointer; padding-top: 15px!important; }
.nowrap { white-space: nowrap; }
.margin {margin:40px auto;}
.shadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }
.radius { border-radius: 10px }
.div-paginacion { margin: 25px auto; }
.section-breadcrumbs { margin: 2rem 2.5rem 0rem 2.5rem; }
.resultados { text-align: center; font-weight: 500; background-color: var(--project-background-resultado); color: var(--project-color-text); border-radius: 6px; margin: 0 0 20px 0; padding: 5px 0; font-size: 0.8em; }
.avatar { border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
.div-pregunta-votacion { border-radius: 6px; padding: 20px; border:1px solid #d1d1d1; background-color: #f0f0f0; cursor: grab; }
.cursor-grab { cursor: grab; }

.bgSuccess { background-color: #e6fff7; }
.bgWarning { background-color: #ffffe6; }
.bgDanger { background-color: #ffe6e6; }

html {
	
	font-display: 'auto';
	font-size: 1em;
	line-height: 1.6;
    height: 100%;
    background-color: white;	

}

h1 {font-size:1.5em!important; font-weight: 700!important; color: #343434!important; padding-bottom: 20px; }
h2 {font-size:1.4em!important; font-weight: 400!important; color: #343434!important; padding-bottom: 20px; }
h3 {font-size:1.4em!important; font-weight: 400!important; color: #343434!important; padding-bottom: 20px; }

body {
	font-family: 'DM Sans', sans-serif;
	font-weight: 400;
	height: 100%;
}

.frontend-footer { color: #343434; }
.frontend-footer a { color: #343434!important; }

a {
	font-family:inherit;
	color:black;
	font-weight: 700;
	transition: all 0.3s ease;
}
 
input {font-family: inherit}
select {font-family: inherit}
textarea {font-family: inherit}
acronym {cursor:help}

.color-primary {color: #D1B255!important;}
.color-secondary {color: #343434!important;}

.margin {margin:40px auto;}
.padding {padding:20px 0;}
.margin-big {margin:80px auto;}
.texto-lopd {font-size:0.8em;}
.fullwidth {width:100%;}
.transparente {opacity: 0.4;}
.hand {cursor: pointer;}
.hidden {display:none}
.nowrap {white-space: nowrap;}
.radius {border-radius: 10px}
.sticky-wrapper {margin-bottom: 50px;z-index:100}
.is-active {transition: all 1s ease;}
.no-margin {padding-bottom:0;}
.capitalize:first-letter { text-transform: uppercase!important;}

/* Loader */
#modal-loader { z-index: 9999; }

.modal-background-noclick { 
	background-color: rgba(10, 10, 10, 0.86); 
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/* Precarga animada del modal */
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
  }
  @keyframes lds-ripple {
    0% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 72px;
      height: 72px;
      opacity: 0;
    }
  }

/* Air datepicker override */
.datepickers-container nav {width:auto!important;}

/* Alertify override */
.alertify-notifier a {color: white;}
.alertify-notifier .ajs-message.ajs-error {background-color: #fa023c!important; border:1px solid #4b000f!important;}
.alertify-notifier .ajs-message.ajs-warning {background-color: #fabe28!important; border:1px solid #ff8a00!important;}
.alertify-notifier .ajs-message.ajs-success {color:black!important; background-color: #a7cd2c!important; border:1px solid #a6ad3c!important; text-shadow:none!important}

/* Bulma override */
.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {border-color: #D1B255; box-shadow: 0 0 0 0.125em rgba(179, 129, 135, 0.25);}
.navbar.is-primary {background-color: #343434;}
.navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active {background-color: #D1B255}
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active {background-color: #D1B255}
.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {background-color: #D1B255}
.notification.is-secondary {background-color: #D1B255; color: #fff;}
.notification.is-primary {background-color: #343434; color: #fff;}
.tag:not(body).is-secondary { background-color: #D1B255; color: white }
.pagination-link.is-current { background-color: #343434; border-color: #343434; }
.tag.is-fullwidth { width: 100%; }

/* Footer */
footer {padding-top: 100px}
footer a {color: black; font-weight: 700}

/* Login */
#login-body {
    padding-top:100px;
}
 
.centered-box {
    width:50%;
    min-width:400px;
    max-width:450px;
    margin:0 auto;
    padding:40px;
    background-color: white;
    border-radius: 24px;
    -webkit-box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.75);
     
}
 
.centered-box img {width:200px;}
 
#login-footer {
    color:white;
    margin:50px auto;
}
 
#login-footer a {color:white;text-decoration:underline;}

/* Dashboard */
#contenido { 
    max-width: 98%;
    margin:20px auto;
    padding: 30px 30px 40px 30px;
    /*background-color: white;*/
}

.box { padding: 30px 40px; }

.filtros {
    padding: 15px;
    background-color: #f1f1f1;
    border-top: 2px solid #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
}

.resultados {
    font-size:0.8em;
    color: white;
    text-align:center;
    background-color: #343434;
    margin: 30px auto 40px auto;
    padding: 8px 0;
    border-radius:4px;
}


/* Formulario de inscripción */
.inscripcion-form {
    width: 100%;
    max-width: 1024px;
    margin:0 auto;
}

/* Stripe */
.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
  
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df;}
.StripeElement--invalid { border-color: #fa755a; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }

/* Aviso legal */
#section-legal {min-height: 100vh;background: url(../img/legal.png) white no-repeat;background-attachment: fixed;background-size: contain;background-position: top bottom;padding-top: 5%;font-size: 0.9em;}
#section-legal .legal-subtitle { text-transform: uppercase; font-size: 1.2em; padding: 20px 0; }
#section-legal p { text-align: justify; }
#section-legal ul li { list-style: none; text-align: justify; padding-bottom: 10px; }
#section-legal .content-table { background-color: rgba(250,250,250,0.97); border:1px solid #d1d1d1; padding: 20px; font-size: 0.8em; }
#section-legal .content-table hr { border-bottom:1px solid #d1d1d1; }