/*
 * CSS Personalizado
 */
/* Logo header */
header .site-branding-logo {
    padding: 0px !important;
	margin-top: 15px;
}

header.header-v1 {
	border-bottom: 0px !important;	
}

header.header-v1 .header-main-inner .branding {
	float: none !important;
	margin-left: auto;
	margin-right: auto;
}

/* Menu */
li.gva-mega-menu ul.sub-menu {
    z-index: 998 !important;
}

/* Altres */
#edit-politica-de-privacidad {
    width: 16px;
}

div.form-item-politica-de-privacidad a {
    text-decoration: underline !important;
}

div.galeria-imagenes {
    box-shadow: 0px 0px 30px #757575;
}

div.galeria-imagenes div.title {
    background: rgba(248, 105, 35, 0.25) !important;
    font-weight: bold !important;
}

h1, h2 {
    text-transform: none !important;
}

#edit-name, #edit-email, #edit-subject, #edit-message {
    border: 1px solid rgba(0, 0, 0, 0.23) !important;
}
#edit-resguard-bancari-del-pagament--description {
    display: none;
}

/* Missatges de estat */
div.messages {
	margin-top: 16px;
}
div.messages--success {
    padding: 14px;
    background-color: #4CAF50;
    color: #ffffff;
    font-weight: bold;
}
div.messages--error {
    padding: 14px;
    background-color: #F44336;
    color: #ffffff;
    font-weight: bold;
}
div.messages--status {
    padding: 14px;
    background-color: #2196F3;
    color: #ffffff;
    font-weight: bold;
}
div.messages a {
    padding: 14px;
    background-color: #2196F3;
    color: #ffffff;
    font-weight: bold;
}
div.gav-help-region div.container {
	padding-top: 0px !important;
}

div.webform-confirmation__message {
    padding: 14px;
    background-color: #4CAF50;
    color: #ffffff;
    font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Videos */
a.gsc-video-link {
    height: 100% !important;
    margin-top: 0px !important;
    top: 0px !important;
    cursor: pointer !important;
}
a.gsc-video-link i.icon-play {
    opacity: 0 !important;
}

/* Formularis */
div.webform-confirmation__back {
    display: none;
}

/* Formularis personalitzats */
form.formulari-matricula div.messages {
    display: flow-root;
}
form.formulari-matricula div.form-item input {
    border: 2px solid #d1d1d1;
    border-radius: 6px;
    width: 100%;
}
form.formulari-matricula div.form-item textarea {
    border: 2px solid #d1d1d1;
    border-radius: 6px;
    width: 100%;
}
form.formulari-matricula div.form-item select {
    border: 2px solid #d1d1d1;
    border-radius: 6px;
    width: 100%;
}
form.formulari-matricula input.form-radio {
    width: 20px !important;
    position: relative;
    top: 0px;
}
form.formulari-matricula div[class*='-file-'] {
    padding-left: 30px;
    margin-bottom: 2px !important;
}
form.formulari-matricula div[class*='-file-'] input[type='checkbox'] {
    width: 20px;
    position: relative;
    top: 0px;
}
form.formulari-matricula input[type='checkbox'] {
    width: 20px !important;
    position: relative;
    top: 0px;
}
form.formulari-matricula .js-form-type-checkbox, form.formulari-matricula .webform-submission-form, form.formulari-matricula .js-form-type-radio {
    margin-left: 0px !important;
}
form.formulari-matricula .max-width-fit-content {
    max-width: fit-content;
}
form.formulari-matricula div.webform-options-display-one-column {
    padding-left: 20px;
    padding-top: 0px;
}
form.formulari-matricula .form-item label {
    font-size: 14px !important;
    text-transform: none !important;
}
form.formulari-matricula .form-item label.option {
    display: contents !important;
}

form.formulari-matricula textarea:disabled {
    opacity: 0.7 !important;
}
form.formulari-matricula input:disabled {
    opacity: 0.7 !important;
}
form.formulari-matricula select:disabled {
    opacity: 0.7 !important;
}

form.formulari-matricula div[role='contentinfo'] {
    display: none;
}

form.formulari-matricula div.description {
	margin-bottom: 10px;
}
form.formulari-matricula div.description a {
	border-bottom: 2px solid #f86923;
}

div.titol-pagina-form {
    background-color: #f86923;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 26px;
    padding: 14px 24px 14px 24px;
    border-radius: 16px;
    margin-bottom: 16px;
    display: inline-block;
    width: 100%;
}

div.form-separador {
    width: 100%;
    height: 1px;
    margin-bottom: 6px !important;
    display: flex;
}

div.titol-pagina-form p {
    margin: 0px;
}

div.text-informatiu {
    border-radius: 16px;
    background-color: #ffe4aa;
    color: #1f1f1f;
    padding: 14px 24px 14px 24px;
    border: 2px solid #ffaf00;
    display: inline-block;
    width: 100%;
}
div.text-informatiu a {
	border-bottom: 2px solid #f86923;
}
div.text-error {
    border-radius: 16px;
    background-color: #ff9b93;
    color: #1f1f1f;
    padding: 14px 24px 14px 24px;
    border: 2px solid #F44336;
    display: inline-block;
    width: 100%;
}
div.text-adicional {
    border-radius: 16px;
    background-color: #b6dcfb;
    color: #1f1f1f;
    padding: 14px 24px 14px 24px;
    border: 2px solid #2196F3;
    display: inline-block;
    width: 100%;
}
div.text-informatiu p, div.text-error p {
    margin-top: 4px;
    margin-bottom: 4px;
}

.webform-progress-tracker.progress-tracker {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker {
    font-weight: bold;
}
.webform-progress-tracker .progress-step.is-complete .progress-marker::before {
    background-color: #4CAF50 !important;
    font-weight: bold;
}
.webform-progress-tracker .progress-step.is-active .progress-marker {
    font-weight: bold;
}
.webform-progress-tracker .progress-step.is-active .progress-marker::before {
    background-color: #F86923 !important;
    font-weight: bold;
}
.webform-submission-form .form-item label.form-required:after {
	content: ' *';
	color: #FF0000;
}

form.formulari-matricula .form-managed-file {
    width: fit-content;
}
form.formulari-matricula div.form-managed-file label.webform-file-button.form-required:after {
    display: none;
}

form.formulari-matricula .form-actions .form-submit {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    font-size: 12px;
    font-weight: 500;
    padding: 0 35px;
    position: relative;
    display: inline-block;
    line-height: 38px;
    z-index: 1;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    text-transform: uppercase;
    background: #F86923;
    color: #fff;
    letter-spacing: 1px;
    border: none;
}
form.formulari-matricula .form-actions .form-submit:hover {
    background: #fa9c6d;
}
form.formulari-matricula .form-actions {
    margin-bottom: 40px;
}

form.formulari-matricula .js-form-type-radio {
    margin-bottom: 0px !important;
}

form.formulari-matricula .webform-button--upload {
    width: fit-content !important;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    font-size: 12px;
    font-weight: 500;
    padding: 0 35px;
    position: relative;
    display: inline-block;
    line-height: 38px;
    z-index: 1;
    border-radius: 30px;
    text-transform: uppercase;
    background: #2196F3;
    color: #fff;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
}
form.formulari-matricula .webform-button--upload:hover {
    background: #53B8FF;
}

form.formulari-matricula input[id*='-remove-button'] {
    width: fit-content !important;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    font-size: 12px;
    font-weight: 500;
    padding: 0 35px;
    position: relative;
    display: inline-block;
    line-height: 38px;
    z-index: 1;
    border-radius: 30px !important;
    text-transform: uppercase;
    border: 1px hidden #ffffff !important;
    background-color: #F44336;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
}
form.formulari-matricula input[id*='-remove-button']:hover {
    background: #FF5C4D;
}

form.formulari-matricula span.file {
    width: fit-content;
    margin-right: 16px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    color: #000000 !important;
    font-size: 12px;
    font-weight: 500;
    padding: 0 35px;
    margin-top: 4px;
    margin-bottom: 4px;
    position: relative;
    display: inline-block;
    line-height: 38px;
    z-index: 1;
    border-radius: 30px;
    text-transform: uppercase;
    text-decoration: none !important;
    background-color: #d1d1d1;
    color: #3A3A3A;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
}
form.formulari-matricula span.file a {
    color: #000000 !important;
    text-decoration: none !important;
    border-bottom: 1px hidden !important;
}