/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

 @font-face {
	font-family: 'FuturaBook';
	src: url("../assets/fonts/Futura-Book") format("ttf");
	font-weight: normal;
	font-style: normal; 
}
body {
	background: #000000;
}
form {
	background: rgb(36 36 36);
}

h1{
	font-size: 25px;
}

@media screen and (max-width: 767px){
	h1{
		font-size: 25px;
		display: inline-block;
	}
}

#navbar{
	display: none;
}

.navbar-brand{
	display: none;
}

.form-inline .form-control {
	display: block !important;
	width: 100% !important;
}

.region-content [data-drupal-selector="edit-participante-1"],
.region-content [data-drupal-selector="edit-participante-2"],
.region-content [data-drupal-selector="edit-participante-3"],
.region-content [data-drupal-selector="edit-participante-4"],
.region-content [data-drupal-selector="edit-participante-5"],
.region-content [data-drupal-selector="edit-participante-6"],
.region-content [data-drupal-selector="edit-participante-7"],
.region-content [data-drupal-selector="edit-participante-8"],
.region-content [data-drupal-selector="edit-participante-9"],
.region-content [data-drupal-selector="edit-participante-10"] {
	padding: 60px;
	box-shadow: 1px 2px 10px #BA9C38;
	margin-bottom: 40px;
}

.form-item-numero-de-participantes{
	background: #000;
	padding: 15px;
	border-bottom: 3px solid #BA9C38;
	margin-bottom: 0px;
	position: relative;
}

.form-item-medio-por-el-cual-se-entero-del-premio{
  background: #fff;
  padding: 15px;
  border-bottom: 3px solid rgba(216,222,230,1);
  margin-bottom: 0px;
  position: relative;
}

.region-content .page-header {
	text-align: center;
    color: #fff;
}

.region-content [data-drupal-selector="edit-datos-del-trabajo-a-postular"] {
	width: 90%;
    margin: auto;
    color: #fff;
}

.form-actions{
	justify-content: center;
	display: flex;
	padding-bottom: 20px;
}

.region-content .page-header {
	background: rgb(0 0 0 / 75%);
	margin-bottom: 0px;
	border-bottom: 0px solid #eee;
	padding: 15px;
	text-align: center;
    color: #fff;
}

.form-actions .btn, .form-actions .btn-group {
	margin-right: 0px;
	width: 300px;
	font-size: 2rem;
	font-weight: 700;
}

.js-form-type-checkbox {
	text-align: center;
	font-size: 1.6rem;
}

.container> .navbar-header {
	margin-right: 0px;
    margin-left: 0px;
}

#edit-description {
	width: 85%;
	margin: auto;
    color: #fff;
    padding: 20px 0;
    font-size: 1.4rem;
    font-weight: 450;
}

#edit-imagen--description,
#edit-link-de-trabajo-publicado--description {
	color: #fff;
	font-weight: 450;
	margin: 20px 0;
	font-size: 1.4rem;
}

.region-content [data-drupal-selector="edit-participante-1"]:: after,
.region-content [data-drupal-selector="edit-participante-2"]:: after,
.region-content [data-drupal-selector="edit-participante-3"]:: after,
.region-content [data-drupal-selector="edit-participante-4"]:: after,
.region-content [data-drupal-selector="edit-participante-5"]:: after,
.region-content [data-drupal-selector="edit-participante-6"]:: after,
.region-content [data-drupal-selector="edit-participante-7"]:: after,
.region-content [data-drupal-selector="edit-participante-8"]:: after,
.region-content [data-drupal-selector="edit-participante-9"]:: after,
.region-content [data-drupal-selector="edit-participante-10"]:: after {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 80%;
    padding-top: 40px;
    margin: auto;
    border-bottom: 25px solid #154672;
}



.logo > img{
  max-width: 300px;
}

.modal-body{
  text-align: justify;
  padding: 10px 30px;
}

.modal-dialog{
	max-width: 1024px;
	width: 90%;
	margin: 30px auto;
}

@media screen and (max-width: 541px){
	.logo > img{
		max-width: 160px;
	}
	div[role=heading] {
		padding-top: 5px;
    	padding-bottom: 5px;
	    background-position: -104px -148px;
	    background-size: 66rem;
	}
	form {
		background: rgb(0 0 0 / 75%);
	}
	.region-content .page-header {
		background: rgb(0 0 0 / 75%);
	}
}

.ui-widget-overlay {
	background: #000000c2;
}

.ui-widget-content {
	height: auto;
	max-width: 700px;
    width: 90% !important;
    margin: auto;
    top: 100px;
    left: 0px;
    right: 0px;
    z-index: 10000;
    position: fixed;
    font-size: 2rem;
    box-shadow: 0px 0px 5px 5px #00000057;
	background: rgba(216,222,230,1);
}

.ui-dialog .ui-dialog-content {
	position: initial !important;
    background: rgba(216,222,230,1);
    width: 100% !important;
    box-shadow: 0px 0px 0px 0px #00000057;
}

.ui-widget-header {
    background: rgba(21,35,54,1);
    color: #fff;
}

.alert-success {
	background: linear-gradient(90deg, rgba(216,222,230,1) 3%, rgba(21,35,54,1) 3%, rgba(21,35,54,1) 97%, rgba(216,222,230,1) 97%);
	border-color: none;
	margin-top: 40px;
	justify-content: center;
	display: flex;
	border-color: #0000;
}

.alert-success p {
	text-align: center;
	font-size: 2rem;
	color: #000;
	background: #fff;
	padding: 40px 0;
	width: 100%;
	box-shadow: 0px 0px 10px -1px;
}

#user-login-form{
	margin-top: 250px;
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.alert-info{
	color: #fff;
	border-color: #0000;
	font-size: 1.3rem;
	border-radius: 0px;
	margin-top: 20px;
	padding: 0 45px;
	background-color: #0000;
	text-align: center;
}

.ui-dialog .ui-dialog-content{
	overflow-y: scroll !important;
	max-height: 90vh !important;
}
#block-vermas{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.menu--ver-mas > li > a{
  color: #FFF;
}
.menu--ver-mas > li > a:hover{
  color: #000;
}

@media (max-width: 675px) {
	div[role=heading] {
		width: 100%!important;
		background-position: center center;
	  background-image: url("/themes/custom/festivalformulario/assets/banner_registro_mobile.webp") !important;
	  margin-bottom: 20px;
		height: 300px !important;
		background-repeat: no-repeat;
	  background-size: cover;
	}  
}
div[role=heading] {
	position:fixed;
	top:0;
	z-index: 100;
    width: 1140px;
	background-position: center center;
    background-image: url("/themes/custom/festivalformulario/assets/banner_registro.webp");
    margin-bottom: 20px;
	height: 264px;
	background-repeat: no-repeat;
    background-size: cover;
	margin: 0 15px;
}

#webform-terms-of-service-terms_of_service--description{
  color: white !important;
}

.page-header{
	display: none;
}

/* Styles formulario */

.webform-submission-inscripcion-premio-periodismo-add-form, .webform-submission-xilopalo-2025-add-form  {
	margin-top: 290px;
	font-family: FuturaBook;
	color: #fff;
}
.webform-submission-inscripcion-premio-periodismo-add-form .form-control, .webform-submission-xilopalo-2025-add-form .form-control  {
	color: #fff;
    background-color: transparent;
    background-image: none;
    border: none;
    border-bottom: 1px solid #ccc;
	border-radius: 0;
}

.webform-submission-inscripcion-premio-periodismo-add-form .form-control, .webform-submission-xilopalo-2025-add-form select.form-control  {
    background-color: rgb(36 36 36);
}

/* Styles formulario */

.webform-submission-inscripcion-premio-periodismo-add-form, .webform-submission-xilopalo-2026-add-form  {
	margin-top: 290px;
	font-family: FuturaBook;
	color: #fff;
}
.webform-submission-inscripcion-premio-periodismo-add-form .form-control, .webform-submission-xilopalo-2026-add-form .form-control  {
	color: #fff;
    background-color: transparent;
    background-image: none;
    border: none;
    border-bottom: 1px solid #ccc;
	border-radius: 0;
}

.webform-submission-inscripcion-premio-periodismo-add-form .form-control, .webform-submission-xilopalo-2026-add-form select.form-control  {
    background-color: rgb(36 36 36);
}

.region-highlighted .messages__wrapper {
	position: fixed;
    width: 70%;
    z-index: 150;
    top: 100px;
}

#block-vermas {
	display: none;
}

.messages--error {
	color: red;
}