@charset "UTF-8"; /* ----------------------------------------------------------------- Copyright : 2021 Created on : 2021-09-19, 11:11 AM Author : Sébastien FOURNIER TEMPLATE SECURITY : ================== 1 ) Import 2 ) Core ------------------------------------------------------------------ */ /*----------------------------------- 1 ) Import -----------------------------------*/ /* ----------------------------------------------------------------- Copyright : 2019 Created on : 2019-08-15, 4:04 PM Author : Sébastien FOURNIER MIXINS : ======= ------------------------------------------------------------------ */ /* ----------------------------------------------------------------- Created on : 2019-08-15, 12:44 PM Author : Sébastien FOURNIER MIXIN MEDIA QUERIES : ==================== 1 ) Bootstrap 2 ) I-pad 3 ) Laptop ------------------------------------------------------------------ */ /*----------------------------------- 1 ) Bootstrap -----------------------------------*/ /*----------------------------------- 2 ) I-pad -----------------------------------*/ /*----------------------------------- 3 ) Laptop -----------------------------------*/ /* ----------------------------------------------------------------- Copyright : 2020 Created on : 2020-06-11, 7:47 PM Author : Sébastien FOURNIER FRONT MIXIN REM CONVERT : ======================== ------------------------------------------------------------------ */ /* ----------------------------------------------------------------- Copyright : 2019 Created on : 2019-08-15, 10:50 PM Author : Sébastien FOURNIER FRONT HELPER VARIABLES : ======================== 1 ) Mixins 2 ) Enable library Modules 3 ) Colors system 4 ) Core a - Breakpoints b - Container c - Fonts d - Fonts sizes e - Colors in background f - Elements g - Main h - Border radius i - Title header j - Breadcrumb k - Margins l - Icon sizes m - App 5 ) Buttons 6 ) Cards 7 ) Forms 8 ) Alerts ------------------------------------------------------------------ */ /*----------------------------------- 1 ) Mixins -----------------------------------*/ /* ----------------------------------------------------------------- Copyright : 2019 Created on : 2019-08-15, 4:04 PM Author : Sébastien FOURNIER MIXINS : ======= ------------------------------------------------------------------ */ /* ----------------------------------------------------------------- Created on : 2019-08-15, 12:44 PM Author : Sébastien FOURNIER MIXIN MEDIA QUERIES : ==================== 1 ) Bootstrap 2 ) I-pad 3 ) Laptop ------------------------------------------------------------------ */ /*----------------------------------- 1 ) Bootstrap -----------------------------------*/ /*----------------------------------- 2 ) I-pad -----------------------------------*/ /*----------------------------------- 3 ) Laptop -----------------------------------*/ /* ----------------------------------------------------------------- Copyright : 2020 Created on : 2020-06-11, 7:47 PM Author : Sébastien FOURNIER FRONT MIXIN REM CONVERT : ======================== ------------------------------------------------------------------ */ /*----------------------------------- 2 ) Enable library Modules -----------------------------------*/ /* ----------------------------------------------------------------- Copyright : 2020 Created on : 2020-09-09, 4:05 AM Author : Sébastien FOURNIER LIBRARY MODULES VARIABLES : ========================== 1 ) Core 2 ) Components 3 ) Hover buttons a - Active library b - Fill transitions c - Border transitions ------------------------------------------------------------------ */ /*----------------------------------- 1 ) Core -----------------------------------*/ /*----------------------------------- 2 ) Components -----------------------------------*/ /*----------------------------------- 3 ) Hover buttons -----------------------------------*/ /*-- a - Active library --*/ /*-- b - Fill transitions --*/ /*-- c - Border transitions --*/ /*----------------------------------- 3 ) Colors system -----------------------------------*/ /*----------------------------------- 4 ) Core -----------------------------------*/ /*-- a - Breakpoints --*/ /*-- b - Container --*/ /*-- c - Fonts --*/ /* .font-weight-light */ /* .font-weight-lighter */ /* .font-weight-normal */ /* .font-weight-bold */ /* .font-weight-bolder */ /*-- d - Fonts sizes --*/ /*-- e - Colors in background --*/ /*-- f - Elements --*/ /*-- g - Main --*/ /*-- h - Border radius --*/ /*-- i - Title header --*/ /*-- j - Breadcrumb --*/ /*-- k - Margins ( first key is mediaQuery breakpoint) --*/ /*-- l - Icon sizes --*/ /*-- m - App --*/ /*----------------------------------- 5 ) Buttons -----------------------------------*/ /*----------------------------------- 6 ) Cards -----------------------------------*/ /*----------------------------------- 7 ) Forms -----------------------------------*/ /*----------------------------------- 8 ) Alerts -----------------------------------*/ /*----------------------------------- 2 ) Core -----------------------------------*/ #register-artist-body .readonly:before, #register-voter-body .readonly:before { content: ''; position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.6); } #register-artist-body #content-page, #register-voter-body #content-page { background: #abecda url(/build/front/default/images/titleheader.1b97b6bf.png) no-repeat; background-size: contain; } @media only screen and (min-width: 992px) { #register-artist-body #content-page #register-header, #register-voter-body #content-page #register-header { padding-top: 150px; } } @media only screen and (max-width: 991px) { #register-artist-body #content-page #register-header, #register-voter-body #content-page #register-header { padding-top: 35px; } } @media only screen and (min-width: 992px) { #register-artist-body #content-page #register-header h1, #register-voter-body #content-page #register-header h1 { font-size: 3.75rem; line-height: 3.125rem; } } @media only screen and (max-width: 991px) { #register-artist-body #content-page #register-header h1, #register-voter-body #content-page #register-header h1 { font-size: 2.1875rem; line-height: 2.8125rem; } } #register-artist-body .card-header .sms-code, #register-voter-body .card-header .sms-code { border-top: 2px solid #abecda; border-bottom: 2px solid #abecda; } #agree-block .form-check-label { color: #ffffff; font-size: 0.8125rem; margin-bottom: 0; } #agree-block .form-check-label a { color: #ffffff; text-decoration: underline; font-size: 0.8125rem; } #agree-block .form-check-label .asterisk { color: #ffffff !important; } #agree-block .form-check-input { border: 1px solid transparent; margin-top: 5px; } #agree-block .form-check-input:checked[type="checkbox"] { border: 1px solid #ffffff; background-color: #ec5b8b; } #agree-block .form-group { margin-bottom: 1rem; } #agree-block .form-group .form-check { padding-bottom: 0; margin-bottom: 0; } #step-3 .left img { margin-top: -100px; } @media only screen and (min-width: 992px) { #step-3 #others-participants-cta { margin-top: -140px !important; } } @media only screen and (max-width: 991px) { #step-3 #others-participants-cta { margin-top: -30px !important; } } @media only screen and (min-width: 992px) { #step-3 #others-participants-cta * { font-size: 7.6875rem; line-height: 7.6875rem; } } @media only screen and (max-width: 991px) { #step-3 #others-participants-cta * { font-size: 3.75rem; line-height: 2.5rem; } } #step-3 #others-participants-cta svg { top: -40px; position: relative; } .item-collection .choices__inner { background-color: #633f84 !important; padding: .5rem 1rem !important; } .item-collection .choices__list--single, .item-collection .choices__placeholder { color: #ffffff !important; } .item-collection .collection-delete { display: inline-block; width: initial; padding: 0; right: 30px; top: 10px; } #sms-conformation-form, #sms-resend-form { /* Chrome, Safari, Edge, Opera */ /* Firefox */ } #sms-conformation-form input::-webkit-outer-spin-button, #sms-conformation-form input::-webkit-inner-spin-button, #sms-resend-form input::-webkit-outer-spin-button, #sms-resend-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #sms-conformation-form input[type=number], #sms-resend-form input[type=number] { -moz-appearance: textfield; } #sms-conformation-form .form-control, #sms-resend-form .form-control { text-align: center; } #sms-conformation-form .form-control::-moz-placeholder, #sms-resend-form .form-control::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ text-align: center; } #sms-conformation-form .form-control:-ms-input-placeholder, #sms-resend-form .form-control:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ text-align: center; } #sms-conformation-form .form-control::placeholder, #sms-resend-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ text-align: center; } #sms-conformation-form .form-control:-ms-input-placeholder, #sms-resend-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ text-align: center; } #sms-conformation-form .form-control::-ms-input-placeholder, #sms-resend-form .form-control::-ms-input-placeholder { /* Microsoft Edge */ text-align: center; } #sms-conformation-form .form-control.is-invalid, #sms-resend-form .form-control.is-invalid { padding: 0.5rem 1.5rem; } #sms-conformation-form .btn-submit, #sms-resend-form .btn-submit { overflow: inherit; }