/* Inicio CSS form Concurso Tattoo Beast */
.webform-submission-form .container-tattoo-beast {
  width: 100%;
  text-align: center;
  margin: auto;
}
  
.webform-submission-form .container-tattoo-beast .js-form-item-anadir-otra-categoria{
  width: 25%;
  margin: auto;
  margin-bottom: 20px !important;
}

.webform-submission-form .container-tattoo-beast .style-h4 {
width: 100% !important;
}
.webform-submission-form .container-tattoo-beast .style-h4 > h4 {
  color:#080959;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
}
@media (max-width: 767px){
  .webform-submission-form .container-tattoo-beast .style-h4 > h4 {
    font-size: 1.6rem;
  }
}
.webform-submission-form .container-tattoo-beast .col2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.webform-submission-form .container-tattoo-beast .col2 .js-form-item {
  width: 50%;
}
@media (max-width: 767px){
  .webform-submission-form .container-tattoo-beast .col2 .js-form-item {
    width: 100%;
  }
}
.webform-submission-form .container-tattoo-beast .col2 .js-form-item .js-form-required, .col1 .js-form-item .js-form-required{
  display:none !important;
}
.webform-submission-form .container-tattoo-beast .col2 .js-form-item > input, input::placeholder, .col1 .js-form-item > input, input::placeholder {
  color: #234D96 !important;
  border-bottom-color: #234D96 !important;
}
.webform-submission-form .container-tattoo-beast .col2obras .style-h4 > h4 {
  color:#080959;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
}
@media (max-width: 767px){
  .webform-submission-form .container-tattoo-beast .col2obras .style-h4 > h4 {
    font-size: 1.6rem;
  }
}
.webform-submission-form .container-tattoo-beast .col2obras #edit-categorias--wrapper > legend {
  display:none;
}
.webform-submission-form .container-tattoo-beast .col2obras #edit-categorias--wrapper {
  margin-bottom:3rem;
}
.webform-submission-form .container-tattoo-beast .error, #terms_of_service-error {
  color: #F80 !important;
}
.webform-submission-form .container-tattoo-beast .col2obras #edit-categorias--wrapper .fieldset-wrapper .error {
  width: 100%;
  margin-top: 3rem;
  position: absolute;
}
.webform-submission-form .container-tattoo-beast .col2obras #edit-categorias--wrapper .fieldset-wrapper .option {
  width: 100%;
}
.webform-submission-form .container-tattoo-beast .col2obras .subida-imgs #ajax-wrapper .js-form-item > label{
  margin-bottom: 2rem;
}
.webform-submission-form .container-tattoo-beast .col2obras .subida-imgs .js-form-item .js-webform-image-file > input{
  width: auto;
  color: #424448;
  font-family: Gotham;
  font-weight: 325;
}
@media (max-width: 767px){
  .webform-submission-form .container-tattoo-beast .col2obras .subida-imgs .js-form-item .js-webform-image-file > input{
    width: 100%;
  }
}
.webform-submission-form .container-tattoo-beast .cuentanos .js-form-item > label{
  display:none;
}
.webform-submission-form .container-tattoo-beast .cuentanos .js-form-item .form-textarea {
  border-radius: 10px;
  color: #424448;
  font-family: Gotham;
  font-weight: 325;
  font-size: 16px;
}
.webform-submission-form .container-tattoo-beast .col2obras .subida-imgs .js-form-item .js-webform-image-file .js-form-type-checkbox > label{
  width: auto;
  margin:auto;
}
.webform-submission-form .container-tattoo-beast .form-type-webform-terms-of-service {
  margin-bottom: 3rem !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.webform-submission-form .container-tattoo-beast .form-type-webform-terms-of-service .error {
  width: 100% !important;
}
.webform-submission-form .container-tattoo-beast .form-type-webform-terms-of-service > label{
  width: auto !important;
  margin:auto;
  color: #070745 !important;
  font-family: Gotham;
  font-size: 14px !important;
  font-weight: 325 !important;
}
.webform-submission-form .container-tattoo-beast .form-type-webform-terms-of-service > label > a{
  color: #070745;
  font-family: Gotham;
  font-size: 14px;
  font-weight: 800;
  text-decoration-line: underline;
}


/* Fin CSS form Concurso Tattoo Beast */


/* Inicio CSS Modal TyC */
.ui-dialog{
  background: #080959;
  border-radius: 10px;
}
.ui-dialog .ui-dialog-titlebar{
  background: #080959;
  border-radius: 10px;
  color: white;
}
.ui-dialog .ui-dialog-content{
  color: white;
}
@media (max-width: 767px){
  .ui-dialog {
    width: 100% !important;
  }
}

/* Fin CSS Modal TyC */
/* Inicio CSS form Club de tatuadores */
.coh-modal-close-wrapper .coh-modal-close-button{
    margin-top: 8px;
    margin-right: 8px;
}
#block-webform-2{
  padding: 3rem;
}
@media (max-width: 768px) {
  #block-webform-2{
    padding: 0.5rem;
  }
}
.webform-submission-form #edit-container #edit-processed-text > h2 {
  color:#080959;
  font-size: 34px;
  font-weight: 450;
}
@media (max-width: 768px) {
  .webform-submission-form #edit-container #edit-processed-text > h2 {
    font-size: 26px;
  }
}
.webform-submission-form #edit-container #edit-processed-text > p {
  color:#070745;
  font-size: 18px;
  font-weight: 325;
}
@media (max-width: 768px) {
  .webform-submission-form #edit-container #edit-processed-text > p {
    font-size: 16px;
  }
}
.webform-submission-form #edit-container #edit-processed-text > h3 {
  color:#234D96;
  font-size: 28px;
  font-weight: 450;
}
@media (max-width: 768px) {
  .webform-submission-form #edit-container #edit-processed-text > h3 {
    font-size: 22px;
  }
}
.webform-submission-form #edit-container #edit-container-01 {
  padding: 2rem 5rem;
}
@media (max-width: 768px) {
  .webform-submission-form #edit-container #edit-container-01 {
    padding: 1rem 1rem;
  }
}
.webform-submission-form #edit-container .js-form-item > label {
  color: #234D96;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .webform-submission-form #edit-container .js-form-item > label {
    font-size: 16px;
  }
}
.webform-submission-form #edit-container .js-form-item > label::after {
  color:#080959;
  font-size: 24px;
}
@media (max-width: 768px) {
  .webform-submission-form #edit-container .js-form-item > label::after {
    font-size: 16px;
  }
}
.webform-submission-form #edit-container .js-form-item > input {
  color: rgba(60, 65, 75, 0.84);
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .webform-submission-form #edit-container .js-form-item > input {
    font-size: 18px;
  }
}
/* Fin CSS form Club de tatuadores */

/* Inicio CSS form votaciíon beast */
#webform-submission-concurso-tattoo-master-formulari-node-836-add-form{
  display: block !important;
  width: 100%;
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast h4{
color: #080959;
text-align: center;
font-size: 44px;
line-height: normal
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast input#edit-correo-electronico{
color: #234D96;
font-size: 24px;
font-style: normal;
margin-top:46px;
width: 50%;
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast #edit-col2obras{
margin-top:50px;
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast #edit-col2obras .fieldset-wrapper{
display: flex;
justify-content: center;
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast #edit-processed-text-2{
margin-top: 60px;
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast details summary{
color: #080959;
text-align: center;
font-size: 30px;
font-style: italic;
font-weight: bold;
line-height: normal;
background: #E3ECFB;
padding: 24px 0;
margin: 3px 0;
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast details .dx8-details-content{
background: #F1F6FF;
padding: 56px 65px 37px;
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast details .dx8-details-content .js-form-item p{
color: #000;
text-align: center;
font-size: 24px;
font-style: normal;
line-height: 26px;
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast .cuentanos .js-form-item > label{
display: block !important;
background: transparent;
border: none;
}

#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast .cuentanos .js-form-item > label .webform-options-display-buttons-title{
    font-size: 18px;
    margin-bottom: 10px;
}

@media (min-width: 769px) {
  #webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast h3{
    display: none;
  }
}

@media (max-width: 768px) {
  #webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast input#edit-correo-electronico{
    font-size: 16px;
    width: 100%;
  }
  
  #webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast h4{
    display: none;
  }
  
  #webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast details summary{
    font-size: 17px;
    padding: 13px 0;
   }
  
  #webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast details .dx8-details-content .js-form-item p{
    font-size: 16px;
   }
  
  #webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast #edit-col2obras{
margin-top:33px;
}
  #webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast #edit-processed-text-2{
margin-top: 47px;
}
  
  #webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast details .dx8-details-content{
padding: 25px;
}
  
#webform-submission-concurso-tattoo-master-formulari-node-836-add-form .container-tattoo-beast .cuentanos .js-form-item > label .webform-options-display-buttons-description{
    display: flex;
    justify-content: center;
}
  
}

/* Fin CSS form votaciíon beast */