/*PC CODE*/

@media screen and (min-width: 767px) {

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service.form-item-terms-of-service {
    margin: 0px;
}

.webform-submission-_2285-add-form div#edit-container-1, div#edit-container-1--2, div#edit-container-1--3 {
    width: 50%;
    display: inline-block;
}

.webform-submission-_2285-add-form div#edit-container-2, div#edit-container-2--2, div#edit-container-2--3 {
    width: 49%;
    display: inline-block;
padding-left:30px;
    vertical-align: top;
}

.webform-submission-_2285-add-form .webform-submission-form .form-textarea-wrapper {
    width: 100% !important;
}
.webform-submission-_2285-add-form .form-textarea-wrapper {
    width: 100% !important;
}

.webform-submission-_2285-add-form textarea#edit-what-is-your-question- {
    min-height: 146px;
}
  
.webform-submission-_2285-add-form label[for=edit-course-title] {
   width:260px;
  }
}
/*MOBILE CODE*/
@media screen and (max-width: 767px) {
.webform-submission-_2285-add-form
.webform-submission-_2285-add-form label,
	.webform-submission-form input[type=text], 
	.webform-submission-form input[type=number], 
	.webform-submission-form input[type=date], 
	.webform-submission-form input[type=tel], 
	.webform-submission-form input[type=email],
	.webform-submission-form select,
	.webform-submission-form .form-textarea-wrapper {
		width: 100% !important;
	}
  .webform-submission-_2285-add-form label[for=edit-course-title] {
       width: 260px;
       float: left;
  }
}

/*CODE FOR THE BOTH VIEWS*/
.webform-submission-_2285-add-form input#edit-terms-of-service, input#edit-terms-of-service--2, input#edit-terms-of-service--3 {
    display: inline-block !important;
    margin-right: 5px;
}

.webform-submission-_2285-add-form input#edit-submit, input#edit-submit--2, input#edit-submit--3{
    border: 1px solid #0856a000 !important;
    color: #0067b9 !important;
    text-transform: uppercase;
    padding: 5px 25px;
    background-color: white !important;
}

.webform-submission-_2285-add-form input#edit-course-title {
    width:100%;
  border: 0px;
    background: none;
    color: white;
    vertical-align: top;
    padding: 5px 0px;
}

.webform-submission-_2285-add-form input#edit-age {
    color: #4e4e4e;
}

.webform-submission-_2285-add-form label.js-form-required.form-required::after{
 display:none; 
}






FORM FOR APPRENTICESHIPS VACANCIES

 .webform-submission-_2285-add-form .webform-submission-form label{
    width:100% !important;
}



.webform-submission-_2285-add-form  .webform-multiple-add.js-webform-multiple-add.container-inline .button.js-form-submit.form-submit {
    background: #84c9ef;
    border:none;
    color:white;
    font-weight:900;
    padding:5px 10px;
    text-transform: uppercase;
}

.webform-submission-_2285-add-form .form-actions.js-form-wrapper.form-wrapper .webform-button--previous.button.js-form-submit.form-submit,
.webform-submission-_2285-add-form .form-actions.js-form-wrapper.form-wrapper .webform-button--next.button.js-form-submit.form-submit,
.webform-submission-_2285-add-form .form-actions.js-form-wrapper.form-wrapper .webform-button--submit.button.button--primary.js-form-submit.form-submit{
    background: #84c9ef;
    border:none;
    color:white;
    font-weight:900;
    padding:10px;
    text-transform: uppercase; 
}



@media (min-width: 0px) and (max-width: 9000px) {
.webform-submission-_2285-add-form .webform-multiple-table-responsive td > div > label.visually-hidden {
    position: inherit !important;
    display: block;
    overflow: inherit;
    clip: inherit;
    width: inherit;
    height: inherit;
    margin: 0.7em 0 0.2em;
    }

.webform-submission-_2285-add-form tr.odd, 
.webform-submission-_2285-add-form tr.even {
    display: flex;
    flex-direction: column;
    padding: 30px 0;
    border-bottom: 2px solid #dddddd;
}

.webform-submission-_2285-add-form table thead {
    display: none;
}

 .webform-submission-_2285-add-form .webform-multiple-table.webform-multiple-table-responsive td,
.webform-submission-_2285-add-form  table.responsive-enabled td {
    width: 100% !important;
    padding: 0px !important;
}
    
.webform-submission-_2285-add-form .js-form-item.form-item.js-form-type-email,
.webform-submission-_2285-add-form .js-form-item.form-item.js-form-type-textfield,
.webform-submission-_2285-add-form .js-form-item.form-item.js-form-type-number {
    display:flex;
}

.webform-submission-_2285-add-form.webform-submission-form input[type=text], 
.webform-submission-_2285-add-form.webform-submission-form input[type=number], 
.webform-submission-_2285-add-form.webform-submission-form input[type=date], 
.webform-submission-_2285-add-form.webform-submission-form input[type=tel],
.webform-submission-_2285-add-form.webform-submission-form input[type=email], 
.webform-submission-_2285-add-form.webform-submission-form select, 
.webform-submission-_2285-add-form.webform-submission-form .form-textarea-wrapper{
  width: 70% !important;
  border:#cdcdcd solid 1px;
  height:35px;
  font-weight:400;
  padding: 5px 10px;
  color: #616161 !important;
  /* overflow: visible !important; */
}

.webform-submission-_2285-add-form .form-select {
    width:100%; 
}
}  

.webform-submission-_2285-add-form .kp-marketing-perm {
    background: #714190;
    padding: 40px;
}

.webform-submission-_2285-add-form .kp-marketing-perm h3 {
    color: white !important;
    text-align:left !important;
}

.et_pb_section:not(.region-content) .webform-submission-_2285-add-form h3{
    margin-top:0px !important;
}

.webform-submission-_2285-add-form .kp-marketing-perm p{
    color:white;
    FONT-WEIGHT: 400;
}

.webform-submission-_2285-add-form .kp-marketing-perm p a{
    color:white;
}

.webform-submission-_2285-add-form .kp-marketing-perm p strong{
    font-size:18px;
    FONT-WEIGHT: 900 !important;
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service.form-item-terms-of-service {
    font-size:18px;
    color:white;
}

.webform-submission-_2285-add-form .description {
    display: none !important;
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service.form-item-terms-of-service {
    display: flex;
    align-items: center;
}

.webform-submission-_2285-add-form input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #ffffff;
  padding: 10px;
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

/* Checked state */
.webform-submission-_2285-add-form input[type="checkbox"]:checked {
  background-color: #9a6cb9;
}

.webform-submission-_2285-add-form input[type="checkbox"]:checked::after {
  content: '✔';
  color: white;
  position: absolute;
  top: -11px;
  left: 1px;
  font-size: 45px;
}

/* Label styling */
.webform-submission-_2285-add-form input[type="checkbox"] + label {
  margin-left: 20px;
  cursor: pointer;
  font-weight: 400;
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service.form-item-terms-of-service {
    width: 100%;
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service.form-item-terms-of-service label.option{
    width:100%
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service-02.form-item-terms-of-service-02 {
    display: flex;
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service-02.form-item-terms-of-service-02 label.option {
    width:100%;
    color: #616161;
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service-02.form-item-terms-of-service-02 input[type="checkbox"]{
    border: #cdcdcd solid 1px;
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service-02.form-item-terms-of-service-02 input[type="checkbox"]:checked {
  background-color: #ffffff;
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service-02.form-item-terms-of-service-02 input[type="checkbox"]:checked::after {
  color: #714191;
}
    
.webform-submission-_2285-add-form .js-form-item.form-item.js-form-type-email label,
.webform-submission-_2285-add-form .js-form-item.form-item.js-form-type-textfield label,
.webform-submission-_2285-add-form .js-form-item.form-item.js-form-type-number label {
    width:30%;
    font-weight: 400;
    color: #616161;
}

.webform-submission-_2285-add-form .js-form-item.form-item.js-form-type-textfield.form-type-textfield {
    display:flex;
align-items: center;
}

.webform-submission-_2285-add-form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-course-title.form-item-course-title label {
    width: 30%;
}

.webform-submission-_2285-add-form hr.kp-form-line.webform-horizontal-rule {
    border: 1px solid #cdcdcd;
}

.webform-submission-_2285-add-form .form-actions.js-form-wrapper.form-wrapper .webform-button--submit.button.button--primary.js-form-submit.form-submit{
    background: #00a54f;
}

.webform-submission-_2285-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service-02.form-item-terms-of-service-02 label.option a {
    color: #616161;
}

.block.block-webform.block-webform-block h2 {
    display: none;
}

/*
.page-node-type-apprenticeship .modals-container .contextual-region.block.block-webform.block-webform-block {
    background-color: #ffffff !important;
    background: url(https://www.weston.ac.uk/sites/default/files/2025-02/Copy%20of%20Apprenticeships%20%26%20Traineeships%20-%20SOCIAL%20SQUARES%20%283%29.png);
    background-position: bottom -300px right -300px;
    background-size: auto 900px;
    background-repeat: no-repeat;
}
*/

.webform-submission-_2285-add-form .kp-marketing-perm .js-form-item.form-item.js-form-type-processed-text.form-type-processed-text.js-form-item-.form-item-.form-no-label {
    margin-top:0px;
}