#type-b.arya { font-family: Fondation-Reg; } #type-b.arya #banner-info, #type-b.arya #form-info { background-color: rgba(255,255,255,0.9) !important; color: #4D4E4F !important; border:var(--border, 2px solid #d1d1d1); } /* Layout */ #type-b.arya #container { /* background: linear-gradient(rgba(98, 122, 139, 0.6), transparent); */ padding-bottom: 115px; } #type-b.arya #step-1 .step-content, #type-b.arya #step-2 .step-content, #type-b.arya #step-3 .step-content { border: var(--border, 2px solid #d1d1d1); } #type-b.arya #step-1 .step-content { border-bottom: none; } #type-b.arya #step-2 .step-content { border-top: none; border-bottom: none; } #type-b.arya #step-3 .step-content { border-top: none; } #type-b.arya #last_donors_banner { margin-bottom: 10px; } #type-b.arya.thanks-page #container { padding-bottom: 146px; } #type-b.arya .container { display: flex; flex-flow: row wrap; align-items: flex-start; } #type-b.arya #header .container { justify-content: flex-end; align-items: flex-end; } #type-b.arya #form-steps { width: 440px; order: 1; } #type-b.arya #header #logo { width: 330px; order: 1; } #type-b.arya #header a.logo-supp { position: absolute; top: 20px; left: 50%; display: none; } #type-b.arya #header a.logo-institutpasteur { left: calc( 50% + 154px ); top: 26px; } #type-b.arya #header a.logo-institutpasteur img { height: 40px; } #type-b.arya #header a.logo-aphp { left: calc( 50% - 155px ); } #type-b.arya #header a.logo-aphp img { height: 50px; } #type-b.arya #step-3 .step-content { border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; } #type-b.arya #last_donors_banner .donors { font-size: 19px; } #type-b.arya #banner-info, #type-b.arya #form-info { width: calc(100% - 480px); order: 2; border-radius: 5px; margin-left: 40px; padding-top: 0; } #type-b.arya #form-info h2.tag{ margin: 0 -25px 20px; background-color: #0061AF; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 13px 25px; text-align: center; } #type-b.arya #step-1 .step-content .tabs_menu.single_frequency { display: none; } #type-b.arya.footer-detach #step-1 .step-content { padding-top:0 !important; } #type-b.arya #bottom { } #type-b.arya #floatingCirclesG { margin-left: auto; margin-right: auto; } #type-b.arya #logo h1, #type-b.arya #logo a, #type-b.arya #logo img { } #type-b.arya #lang { margin-top: 20px; } #type-b.arya #lang, #type-b.arya #lang a, #type-b.arya #lang p.duo a:first-child, #type-b.arya #lang a:last-child { color: #000; border-color: #000; } #type-b.arya #step-1, #type-b.arya #step-2, #type-b.arya #step-3 { float: none; margin-left: 0; margin-right: 0; width: 100%; } #type-b.arya.footer-detach #step-1 .step-content, #type-b.arya.footer-detach #step-2 .step-content, #type-b.arya.footer-detach #step-3 .step-content, #type-b.arya #step-1 .step-content, #type-b.arya #step-2 .step-content, #type-b.arya #step-3 .step-content { border-radius: 0; } /* #type-b.arya #step-1 .step-title, */ #type-b.arya #step-2 .step-title, #type-b.arya #step-3 .step-title { display: none; } #type-b.arya #step-1 .tax-info { border-radius: 0 !important; } /* donation counter */ #type-b.arya #widget_progress_bar .tags { color: #FE5F5E; font-size: 24px; } #type-b.arya #widget_progress_bar h2 { font-size: 26px; font-weight: normal; display: block; padding: 0 40px; color: #FE5F5E; width: 100%; } .progress_bar_description .big { font-size: 35px; } .progress_bar_description { font-size: 20px; } #type-b.arya.header-banner #logo a { margin-bottom: 0; } #type-b.arya #widget_progress_bar .progress_bar_description { align-self: flex-end; } #type-b.arya #widget_progress_bar { align-items: flex-end; display: flex; flex-direction: row; height: 80px; width: calc(100% - 330px); margin: 0; background-color: transparent; color: #fff; border-radius: 0; padding: 0px 95px 0px 0px; order: 2; margin-left: 0; } /* PAYMENT */ /* custom */ #type-b.arya #security-info { display: none !important; } #type-b.arya #step-2 p#required-info { min-height: auto; margin: 0; } /*help */ #footer #footer_wrapinner { width: calc(100% - 90px); margin: 0 70px 0 20px; } #footer .help { position: fixed; bottom: 31px; right: 0px; height: 50px; width: 50px; background-color: #00b6ea; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 10px; cursor: pointer; } #footer .help path { fill: #ffffff; } /* remerciements */ #type-b.arya #greetings { width: 100%; } #type-b.arya #greetings .unit.size1of2:only-child { width: 100% !important; } #type-b.arya #greetings-comp { background: transparent; } #type-b.arya #greetings-text h2, #type-b.arya #greetings-text h3 { color: #000; } #type-b.arya #greetings-text h2, #type-b.arya #greetings-comp h2 { font-size: 20px; padding: 20px; } #type-b.arya #greetings .unit.size1of2:first-child, #type-b.arya #greetings .unit.size1of2:last-child { border: var(--border, 2px solid #d1d1d1); } /* social share */ .iss-button-share { display: flex; width: 47px; height: 47px; cursor: pointer; text-decoration: none; justify-content: center; align-items: center; border-radius: 4px; } .iss-button-share:hover { text-decoration: none; } .iss-button-share--facebook { background: #3a5a98; } .iss-button-share--twitter { background: #55acee; } .iss-button-share--linkedin { background: #00669e; } .iss-button-share__icon { font-size: 1rem; color: #fff; } .iss-share { margin-top: 30px !important; } .iss-share__content { display: flex; flex-wrap: wrap; margin-top: 20px !important; } .iss-share__content .iss-button-share+.iss-button-share { margin-left: 12px !important; } #form-info .blockquote { background-color: var(--information-color) !important; padding: 20px !important; border-radius: 50px 0px; } .blockquote:before { font-family: Georgia, serif; font-weight: bold; font-size: 200%; opacity: 0.6; margin-right: 5px; content: "\201C"; } /* payment method */ #type-b.arya #step-3 .payment_mode.active h4, #type-b.arya #step-3 .payment_mode h4 { background-color: transparent; color: #000 !important; } #type-b.arya #step-3 #payment_mode-paypal .payment_head .payment_mode_title, #type-b.arya #step-3 #payment_mode-ogone-pm .payment_head .payment_mode_title { display: none; } #payment_mode-card .payment_head, #payment_mode-ogone-pm .payment_head, #payment_mode-paypal .payment_head, #payment_mode-check .payment_head { background-position: center center; background-repeat: no-repeat; } #payment_mode-ogone-pm .payment_head { background-image: url(//web2.iraiser.eu/users/fdf/covid-19/paylib.svg); background-size: 70px; } #payment_mode-paypal .payment_head { background-image: url(//web2.iraiser.eu/users/fdf/covid-19/Paypal.svg); } /*responsive*/ @media only screen and (max-width: 1080px) { #type-b.arya #header .container { flex-direction: row } } @media only screen and (max-width: 959px) and (min-width: 0px) { #type-b.arya #form-steps, #type-b.arya #header #logo { width: 520px; order: 1; margin: 0 auto; } #type-b.arya #header #logo { margin-top: 40px; margin-bottom: 30px; } #type-b.arya #container { padding-bottom: 78px; } #type-b.arya #banner-info, #type-b.arya #form-info { order: 1; margin: 0 40px 40px; } #type-b.arya #widget_progress_bar { order: 1; } #type-b.arya #header #logo { order: 2; } #type-b.arya #header .container #widget_progress_bar { width: 100% !important; margin: 0; padding: 120px 25px 0; height: auto; } #type-b.arya #copyright { margin-left: 30px; } #type-b.arya #footer .help { bottom: 12px; } #type-b.arya #header a.logo-supp { top: 20px; } #type-b.arya #header a.logo-institutpasteur img { height: auto; } #type-b.arya #header a.logo-aphp img { height: auto; } #type-b.arya #header a.logo-aphp { left: calc( 50% - 185px ); } #type-b.arya #header a.logo-institutpasteur { left: calc( 50% + 35px ); } #type-b.arya #widget_progress_bar .tags { font-weight: 600; } #type-b.arya #greetings .unit.size1of2:first-child { margin: 0; } #type-b.arya #greetings .unit.size1of2:last-child { width: 100% !important; display: table; margin: 20px 0 0 0; } } @media only screen and (max-width: 767px) { #type-b.arya #lang { margin: 0; top: -10px; } #type-b.arya #header #logo { margin-top: 30px; } #type-b.arya #header a.logo-supp { top: 30px; } #type-b.arya #banner-info, #type-b.arya #form-info { width: 520px !important; margin: 0 auto 30px; } } @media only screen and (max-width: 450px) { /* #type-b.arya #header a.logo-institutpasteur { left: calc( 50% - 57px ); } #type-b.arya #header a.logo-aphp { left: calc( 50% - 100px ); top: 80px !important; } */ #type-b.arya #header a.logo-institutpasteur img { height: 25px; } #type-b.arya #header a.logo-aphp img { height: 25px; } #type-b.arya #header .logo-supp img { height: 25px; } #type-b.arya #header a.logo-institutpasteur { left: 20px; } #type-b.arya #header a.logo-aphp { right: 20px; top: 30px !important; left: auto; } #type-b.arya #header #logo { margin-top: 10px; } #type-b.arya #last_donors_banner .donors { text-align: center; font-size: 16px; } #type-b.arya #banner-info, #type-b.arya #form-info { margin: 0 0 20px 0; } #type-b.arya #header .container #widget_progress_bar { padding: 80px 0 0 0; } #type-b.arya #widget_progress_bar .tags { font-size: 21px; } #type-b.arya #banner-info, #type-b.arya #form-info { display: none; } .progress_bar_description .big { font-size: 26px; } #type-b.arya #widget_progress_bar h2 { font-size: 16px; padding: 10px 0 0 0; } #type-b.arya #header #logo { margin-bottom: 0px; } #type-b.arya #lang, #type-b.arya #lang a, #type-b.arya #lang p.duo a:first-child, #type-b.arya #lang a:last-child { font-size: 11px; } #type-b.arya #container { padding-bottom: 116px; } }