Attention: You are using an outdated browser, device or you do not have the latest version of JavaScript downloaded and so this website may not work as expected. Please download the latest software or switch device to avoid further issues.



Donate now
Donate now
Alumni Management Software powered by
ToucanTech

A PHP Error was encountered

Severity: Notice

Message: Undefined variable: titleContainerCss

Filename: front_end_bricks/title.php

Line Number: 18

">

Panel with txt&don button

Donate now
#carousel-section form * { font-size: 1rem; } #carousel-section .donate-btn { color: #FFFFFF !important; background-color: #0A4976 !important; } #carousel-section .donate-btn:hover:not([disabled]) { color: #FFFFFF !important; background-color: #EEEEEE !important; } #carousel-section .next-back-btn { flex: 0 0 25%; padding-left: 1.5%; padding-right: 1.5%; margin-bottom: 3%; } #carousel-section .alert.alert-danger { color: #FF0000; /* width: max-content; */ margin-bottom: 0; /* margin-top: 1rem; */ margin-left: auto; margin-right: auto; padding: .5rem .75rem; } #carousel-section .was-validated .invalid-feedback.is-invalid { display: block; } /**********************/ /* Progress bar */ /**********************/ #carousel-section .donation-progress-bar ul { margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; } #carousel-section .donation-progress-bar ul li { list-style: none; display: flex; align-items: center; color: #D6D6D6; } #carousel-section .donation-progress-bar ul li.step-circle { justify-content: center; } #carousel-section .donation-progress-bar ul li[data-step-state=active], #carousel-section .donation-progress-bar ul li[data-step-state=complete] { color: #0A4976; } #carousel-section .donation-progress-bar ul li.step-progress-bar { width: 100%; height: 3px; margin: 0 .5rem; background-color: #D6D6D6; justify-content: left; border-radius: 99px; } #carousel-section .donation-progress-bar ul li.step-progress-bar div.progress-bar-inner { height: 100%; width: 0%; background-color: #0A4976; border-radius: inherit; transition: width 0.5s; } /***************************/ /* Frequency options */ /***************************/ #carousel-section .frequency-options-container { /* max-width: 100%; */ display: flex; position: relative; background-color: #FFFFFF !important; border: none !important; border-radius: 99px; padding: 2px; } #carousel-section .frequency-options-container * { display: flex; height: 1.8rem; width: 8rem; border-radius: 99px; z-index: 2; } #carousel-section .frequency-options-container input[type="radio"] { display: none; } #carousel-section .frequency-options-container .frequency-option { align-items: center; justify-content: center; font-weight: 400; font-size: 1rem; cursor: pointer; margin: 0; color: #0A4976 !important; transition: color 0.15s ease-in; } #carousel-section .frequency-options-container .frequency-option[for="carousel-frequencyRadioOption-recurring"] { display: none; } #carousel-section .frequency-options-container input[type="radio"]:checked + label { color: #FFFFFF !important; } #carousel-section .frequency-options-container .glider { position: absolute; background-color: #0A4976 !important; z-index: 1; transition: 0.25s ease-out; } /*********************************/ /* Custom donation options */ /*********************************/ #carousel-section .custom-donation-options-container > * { flex: 0 0 11.5rem; } #carousel-section .donation-custom-button, #carousel-section input[name="custom_donation_amount"].custom-donation-amount { text-align: center !important; outline: none !important; padding: 0.3rem !important; } #carousel-section .donation-custom-button { background-color: #FFFFFF !important; border: solid 1px #0A4976 !important; color: #0A4976 !important; cursor: pointer; } #carousel-section .donation-custom-button:hover, #carousel-section .donation-custom-button.active-button { background-color: #0A4976 !important; color: #FFFFFF !important; } #carousel-section input[name="custom_donation_amount"].custom-donation-amount { border: 1px solid #a6a6a6 !important; box-shadow: none !important; } #carousel-section input[name="custom_donation_amount"]:not(:placeholder-shown).custom-donation-amount { border-color: #0A4976 !important; } /********************************/ /* Dedication and comment */ /********************************/ #carousel-section .donation-form-switch { position: relative; display: inline-block; width: 40px; height: 20px; margin-bottom: 0; } #carousel-section .donation-form-switch input { opacity: 0; width: 0; height: 0; } #carousel-section .donation-form-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 24px; background-color: #ccc; -webkit-transition: .2s; transition: .2s; } #carousel-section .donation-form-switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; border-radius: 50%; background-color: white; -webkit-transition: .2s; transition: .2s; } #carousel-section .donation-form-switch input:checked + .slider { background-color: #0A4976; } #carousel-section .donation-form-switch input:focus + .slider { box-shadow: 0 0 1px #0A4976; } #carousel-section .donation-form-switch input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } #carousel-section .dedication-donation-form-container { display: flex; flex-wrap: wrap; gap: 0.4rem; } #carousel-section .dedication-donation-form-container > div { flex: 1; } /*************************/ /* Payment methods */ /*************************/ #carousel-section .payment-channel { background-color: #FFFFFF !important; color: #000000 !important; border: none; margin: 5px; padding-left: 25px; padding-right: 25px; display: flex; gap: 0.7rem; justify-content: center; } #carousel-section .payment-channel span.icon { color: #0A4976 !important; } #carousel-section .payment-channel.active { background-color: #0A4976 !important; color: #FFFFFF !important; } #carousel-section .payment-channel.active span.icon { color: #FFFFFF !important; } /***********************/ /* Media queries */ /***********************/ @media only screen and (max-width: 767px) { #carousel-section .donation-options-container .frequency-options-container .frequency-option:not([for="carousel-frequencyRadioOption-1"]) { display: none; } #carousel-section .donation-options-container .frequency-options-container .frequency-option[for="carousel-frequencyRadioOption-recurring"] { display: flex; } #carousel-section .custom-donation-options-container > div.btn-group-toggle { flex-basis: 6rem; flex-grow: 1; } #carousel-section .custom-donation-options-container > div:not(.btn-group-toggle) { flex-grow: 2; } #carousel-section .dedication-donation-form-container > div { flex-basis: 100%; } #carousel-section .next-back-btn { flex-basis: 50%; } }

carousel

Support us
#twocolumnslayout-section form * { font-size: 1rem; } #twocolumnslayout-section .donate-btn { color: #FFFFFF !important; background-color: #0A4976 !important; } #twocolumnslayout-section .donate-btn:hover:not([disabled]) { color: #FFFFFF !important; background-color: #EEEEEE !important; } #twocolumnslayout-section .next-back-btn { flex: 0 0 25%; padding-left: 1.5%; padding-right: 1.5%; margin-bottom: 3%; } #twocolumnslayout-section .alert.alert-danger { color: #FF0000; /* width: max-content; */ margin-bottom: 0; /* margin-top: 1rem; */ margin-left: auto; margin-right: auto; padding: .5rem .75rem; } #twocolumnslayout-section .was-validated .invalid-feedback.is-invalid { display: block; } /**********************/ /* Progress bar */ /**********************/ #twocolumnslayout-section .donation-progress-bar ul { margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; } #twocolumnslayout-section .donation-progress-bar ul li { list-style: none; display: flex; align-items: center; color: #D6D6D6; } #twocolumnslayout-section .donation-progress-bar ul li.step-circle { justify-content: center; } #twocolumnslayout-section .donation-progress-bar ul li[data-step-state=active], #twocolumnslayout-section .donation-progress-bar ul li[data-step-state=complete] { color: #0A4976; } #twocolumnslayout-section .donation-progress-bar ul li.step-progress-bar { width: 100%; height: 3px; margin: 0 .5rem; background-color: #D6D6D6; justify-content: left; border-radius: 99px; } #twocolumnslayout-section .donation-progress-bar ul li.step-progress-bar div.progress-bar-inner { height: 100%; width: 0%; background-color: #0A4976; border-radius: inherit; transition: width 0.5s; } /***************************/ /* Frequency options */ /***************************/ #twocolumnslayout-section .frequency-options-container { /* max-width: 100%; */ display: flex; position: relative; background-color: #FFFFFF !important; border: 1px solid #0A4976 !important; border-radius: 99px; padding: 2px; } #twocolumnslayout-section .frequency-options-container * { display: flex; height: 1.8rem; width: 8rem; border-radius: 99px; z-index: 2; } #twocolumnslayout-section .frequency-options-container input[type="radio"] { display: none; } #twocolumnslayout-section .frequency-options-container .frequency-option { align-items: center; justify-content: center; font-weight: 400; font-size: 1rem; cursor: pointer; margin: 0; color: #0A4976 !important; transition: color 0.15s ease-in; } #twocolumnslayout-section .frequency-options-container .frequency-option[for="twocolumnslayout-frequencyRadioOption-recurring"] { display: none; } #twocolumnslayout-section .frequency-options-container input[type="radio"]:checked + label { color: #FFFFFF !important; } #twocolumnslayout-section .frequency-options-container .glider { position: absolute; background-color: #0A4976 !important; z-index: 1; transition: 0.25s ease-out; } /*********************************/ /* Custom donation options */ /*********************************/ #twocolumnslayout-section .custom-donation-options-container > * { flex: 0 0 11.5rem; } #twocolumnslayout-section .donation-custom-button, #twocolumnslayout-section input[name="custom_donation_amount"].custom-donation-amount { text-align: center !important; outline: none !important; padding: 0.3rem !important; } #twocolumnslayout-section .donation-custom-button { background-color: transparent !important; border: solid 1px #0A4976 !important; color: #0A4976 !important; cursor: pointer; } #twocolumnslayout-section .donation-custom-button:hover, #twocolumnslayout-section .donation-custom-button.active-button { background-color: #0A4976 !important; color: #FFFFFF !important; } #twocolumnslayout-section input[name="custom_donation_amount"].custom-donation-amount { border: 1px solid #a6a6a6 !important; box-shadow: none !important; } #twocolumnslayout-section input[name="custom_donation_amount"]:not(:placeholder-shown).custom-donation-amount { border-color: #0A4976 !important; } /********************************/ /* Dedication and comment */ /********************************/ #twocolumnslayout-section .donation-form-switch { position: relative; display: inline-block; width: 40px; height: 20px; margin-bottom: 0; } #twocolumnslayout-section .donation-form-switch input { opacity: 0; width: 0; height: 0; } #twocolumnslayout-section .donation-form-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 24px; background-color: #ccc; -webkit-transition: .2s; transition: .2s; } #twocolumnslayout-section .donation-form-switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; border-radius: 50%; background-color: white; -webkit-transition: .2s; transition: .2s; } #twocolumnslayout-section .donation-form-switch input:checked + .slider { background-color: #0A4976; } #twocolumnslayout-section .donation-form-switch input:focus + .slider { box-shadow: 0 0 1px #0A4976; } #twocolumnslayout-section .donation-form-switch input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } #twocolumnslayout-section .dedication-donation-form-container { display: flex; flex-wrap: wrap; gap: 0.4rem; } #twocolumnslayout-section .dedication-donation-form-container > div { flex: 1; } /*************************/ /* Payment methods */ /*************************/ #twocolumnslayout-section .payment-channel { background-color: #FFFFFF !important; color: #000000 !important; border: 1px solid #0A4976; margin: 5px; padding-left: 25px; padding-right: 25px; display: flex; gap: 0.7rem; justify-content: center; } #twocolumnslayout-section .payment-channel span.icon { color: #0A4976 !important; } #twocolumnslayout-section .payment-channel.active { background-color: #0A4976 !important; color: #FFFFFF !important; } #twocolumnslayout-section .payment-channel.active span.icon { color: #FFFFFF !important; } /***********************/ /* Media queries */ /***********************/ @media only screen and (max-width: 767px) { #twocolumnslayout-section .donation-options-container .frequency-options-container .frequency-option:not([for="twocolumnslayout-frequencyRadioOption-1"]) { display: none; } #twocolumnslayout-section .donation-options-container .frequency-options-container .frequency-option[for="twocolumnslayout-frequencyRadioOption-recurring"] { display: flex; } #twocolumnslayout-section .custom-donation-options-container > div.btn-group-toggle { flex-basis: 6rem; flex-grow: 1; } #twocolumnslayout-section .custom-donation-options-container > div:not(.btn-group-toggle) { flex-grow: 2; } #twocolumnslayout-section .dedication-donation-form-container > div { flex-basis: 100%; } #twocolumnslayout-section .next-back-btn { flex-basis: 50%; } }

two columns layout

#campaignscarousel-section form * { font-size: 1rem; } #campaignscarousel-section .donate-btn { color: #FFFFFF !important; background-color: #FF9900 !important; } #campaignscarousel-section .donate-btn:hover:not([disabled]) { color: #FF9900 !important; background-color: #FFFFFF !important; } #campaignscarousel-section .next-back-btn { flex: 0 0 25%; padding-left: 1.5%; padding-right: 1.5%; margin-bottom: 3%; } #campaignscarousel-section .alert.alert-danger { color: #FF0000; /* width: max-content; */ margin-bottom: 0; /* margin-top: 1rem; */ margin-left: auto; margin-right: auto; padding: .5rem .75rem; } #campaignscarousel-section .was-validated .invalid-feedback.is-invalid { display: block; } /**********************/ /* Progress bar */ /**********************/ #campaignscarousel-section .donation-progress-bar ul { margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; } #campaignscarousel-section .donation-progress-bar ul li { list-style: none; display: flex; align-items: center; color: #D6D6D6; } #campaignscarousel-section .donation-progress-bar ul li.step-circle { justify-content: center; } #campaignscarousel-section .donation-progress-bar ul li[data-step-state=active], #campaignscarousel-section .donation-progress-bar ul li[data-step-state=complete] { color: #FF9900; } #campaignscarousel-section .donation-progress-bar ul li.step-progress-bar { width: 100%; height: 3px; margin: 0 .5rem; background-color: #D6D6D6; justify-content: left; border-radius: 99px; } #campaignscarousel-section .donation-progress-bar ul li.step-progress-bar div.progress-bar-inner { height: 100%; width: 0%; background-color: #FF9900; border-radius: inherit; transition: width 0.5s; } /***************************/ /* Frequency options */ /***************************/ #campaignscarousel-section .frequency-options-container { /* max-width: 100%; */ display: flex; position: relative; background-color: #FFFFFF !important; border: none !important; border-radius: 99px; padding: 2px; } #campaignscarousel-section .frequency-options-container * { display: flex; height: 1.8rem; width: 8rem; border-radius: 99px; z-index: 2; } #campaignscarousel-section .frequency-options-container input[type="radio"] { display: none; } #campaignscarousel-section .frequency-options-container .frequency-option { align-items: center; justify-content: center; font-weight: 400; font-size: 1rem; cursor: pointer; margin: 0; color: #FF9900 !important; transition: color 0.15s ease-in; } #campaignscarousel-section .frequency-options-container .frequency-option[for="campaignscarousel-frequencyRadioOption-recurring"] { display: none; } #campaignscarousel-section .frequency-options-container input[type="radio"]:checked + label { color: #FFFFFF !important; } #campaignscarousel-section .frequency-options-container .glider { position: absolute; background-color: #FF9900 !important; z-index: 1; transition: 0.25s ease-out; } /*********************************/ /* Custom donation options */ /*********************************/ #campaignscarousel-section .custom-donation-options-container > * { flex: 0 0 11.5rem; } #campaignscarousel-section .donation-custom-button, #campaignscarousel-section input[name="custom_donation_amount"].custom-donation-amount { text-align: center !important; outline: none !important; padding: 0.3rem !important; } #campaignscarousel-section .donation-custom-button { background-color: #FFFFFF !important; border: solid 1px #FF9900 !important; color: #FF9900 !important; cursor: pointer; } #campaignscarousel-section .donation-custom-button:hover, #campaignscarousel-section .donation-custom-button.active-button { background-color: #FF9900 !important; color: #FFFFFF !important; } #campaignscarousel-section input[name="custom_donation_amount"].custom-donation-amount { border: 1px solid #a6a6a6 !important; box-shadow: none !important; } #campaignscarousel-section input[name="custom_donation_amount"]:not(:placeholder-shown).custom-donation-amount { border-color: #FF9900 !important; } /********************************/ /* Dedication and comment */ /********************************/ #campaignscarousel-section .donation-form-switch { position: relative; display: inline-block; width: 40px; height: 20px; margin-bottom: 0; } #campaignscarousel-section .donation-form-switch input { opacity: 0; width: 0; height: 0; } #campaignscarousel-section .donation-form-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 24px; background-color: #ccc; -webkit-transition: .2s; transition: .2s; } #campaignscarousel-section .donation-form-switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; border-radius: 50%; background-color: white; -webkit-transition: .2s; transition: .2s; } #campaignscarousel-section .donation-form-switch input:checked + .slider { background-color: #FF9900; } #campaignscarousel-section .donation-form-switch input:focus + .slider { box-shadow: 0 0 1px #FF9900; } #campaignscarousel-section .donation-form-switch input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } #campaignscarousel-section .dedication-donation-form-container { display: flex; flex-wrap: wrap; gap: 0.4rem; } #campaignscarousel-section .dedication-donation-form-container > div { flex: 1; } /*************************/ /* Payment methods */ /*************************/ #campaignscarousel-section .payment-channel { background-color: #FFFFFF !important; color: #000000 !important; border: none; margin: 5px; padding-left: 25px; padding-right: 25px; display: flex; gap: 0.7rem; justify-content: center; } #campaignscarousel-section .payment-channel span.icon { color: #FF9900 !important; } #campaignscarousel-section .payment-channel.active { background-color: #FF9900 !important; color: #FFFFFF !important; } #campaignscarousel-section .payment-channel.active span.icon { color: #FFFFFF !important; } /***********************/ /* Media queries */ /***********************/ @media only screen and (max-width: 767px) { #campaignscarousel-section .donation-options-container .frequency-options-container .frequency-option:not([for="campaignscarousel-frequencyRadioOption-1"]) { display: none; } #campaignscarousel-section .donation-options-container .frequency-options-container .frequency-option[for="campaignscarousel-frequencyRadioOption-recurring"] { display: flex; } #campaignscarousel-section .custom-donation-options-container > div.btn-group-toggle { flex-basis: 6rem; flex-grow: 1; } #campaignscarousel-section .custom-donation-options-container > div:not(.btn-group-toggle) { flex-grow: 2; } #campaignscarousel-section .dedication-donation-form-container > div { flex-basis: 100%; } #campaignscarousel-section .next-back-btn { flex-basis: 50%; } } #panelwithdonationbutton-section form * { font-size: 1rem; } #panelwithdonationbutton-section .donate-btn { color: #FFFFFF !important; background-color: #0A4976 !important; } #panelwithdonationbutton-section .donate-btn:hover:not([disabled]) { color: #FFFFFF !important; background-color: #0A4976 !important; } #panelwithdonationbutton-section .next-back-btn { flex: 0 0 25%; padding-left: 1.5%; padding-right: 1.5%; margin-bottom: 3%; } #panelwithdonationbutton-section .alert.alert-danger { color: #FF0000; /* width: max-content; */ margin-bottom: 0; /* margin-top: 1rem; */ margin-left: auto; margin-right: auto; padding: .5rem .75rem; } #panelwithdonationbutton-section .was-validated .invalid-feedback.is-invalid { display: block; } /**********************/ /* Progress bar */ /**********************/ #panelwithdonationbutton-section .donation-progress-bar ul { margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; } #panelwithdonationbutton-section .donation-progress-bar ul li { list-style: none; display: flex; align-items: center; color: #D6D6D6; } #panelwithdonationbutton-section .donation-progress-bar ul li.step-circle { justify-content: center; } #panelwithdonationbutton-section .donation-progress-bar ul li[data-step-state=active], #panelwithdonationbutton-section .donation-progress-bar ul li[data-step-state=complete] { color: #0A4976; } #panelwithdonationbutton-section .donation-progress-bar ul li.step-progress-bar { width: 100%; height: 3px; margin: 0 .5rem; background-color: #D6D6D6; justify-content: left; border-radius: 99px; } #panelwithdonationbutton-section .donation-progress-bar ul li.step-progress-bar div.progress-bar-inner { height: 100%; width: 0%; background-color: #0A4976; border-radius: inherit; transition: width 0.5s; } /***************************/ /* Frequency options */ /***************************/ #panelwithdonationbutton-section .frequency-options-container { /* max-width: 100%; */ display: flex; position: relative; background-color: #FFFFFF !important; border: 1px solid #0A4976 !important; border-radius: 99px; padding: 2px; } #panelwithdonationbutton-section .frequency-options-container * { display: flex; height: 1.8rem; width: 8rem; border-radius: 99px; z-index: 2; } #panelwithdonationbutton-section .frequency-options-container input[type="radio"] { display: none; } #panelwithdonationbutton-section .frequency-options-container .frequency-option { align-items: center; justify-content: center; font-weight: 400; font-size: 1rem; cursor: pointer; margin: 0; color: #0A4976 !important; transition: color 0.15s ease-in; } #panelwithdonationbutton-section .frequency-options-container .frequency-option[for="panelwithdonationbutton-frequencyRadioOption-recurring"] { display: none; } #panelwithdonationbutton-section .frequency-options-container input[type="radio"]:checked + label { color: #FFFFFF !important; } #panelwithdonationbutton-section .frequency-options-container .glider { position: absolute; background-color: #0A4976 !important; z-index: 1; transition: 0.25s ease-out; } /*********************************/ /* Custom donation options */ /*********************************/ #panelwithdonationbutton-section .custom-donation-options-container > * { flex: 0 0 11.5rem; } #panelwithdonationbutton-section .donation-custom-button, #panelwithdonationbutton-section input[name="custom_donation_amount"].custom-donation-amount { text-align: center !important; outline: none !important; padding: 0.3rem !important; } #panelwithdonationbutton-section .donation-custom-button { background-color: transparent !important; border: solid 1px #0A4976 !important; color: #0A4976 !important; cursor: pointer; } #panelwithdonationbutton-section .donation-custom-button:hover, #panelwithdonationbutton-section .donation-custom-button.active-button { background-color: #0A4976 !important; color: #FFFFFF !important; } #panelwithdonationbutton-section input[name="custom_donation_amount"].custom-donation-amount { border: 1px solid #a6a6a6 !important; box-shadow: none !important; } #panelwithdonationbutton-section input[name="custom_donation_amount"]:not(:placeholder-shown).custom-donation-amount { border-color: #0A4976 !important; } /********************************/ /* Dedication and comment */ /********************************/ #panelwithdonationbutton-section .donation-form-switch { position: relative; display: inline-block; width: 40px; height: 20px; margin-bottom: 0; } #panelwithdonationbutton-section .donation-form-switch input { opacity: 0; width: 0; height: 0; } #panelwithdonationbutton-section .donation-form-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 24px; background-color: #ccc; -webkit-transition: .2s; transition: .2s; } #panelwithdonationbutton-section .donation-form-switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; border-radius: 50%; background-color: white; -webkit-transition: .2s; transition: .2s; } #panelwithdonationbutton-section .donation-form-switch input:checked + .slider { background-color: #0A4976; } #panelwithdonationbutton-section .donation-form-switch input:focus + .slider { box-shadow: 0 0 1px #0A4976; } #panelwithdonationbutton-section .donation-form-switch input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } #panelwithdonationbutton-section .dedication-donation-form-container { display: flex; flex-wrap: wrap; gap: 0.4rem; } #panelwithdonationbutton-section .dedication-donation-form-container > div { flex: 1; } /*************************/ /* Payment methods */ /*************************/ #panelwithdonationbutton-section .payment-channel { background-color: #FFFFFF !important; color: #000000 !important; border: 1px solid #0A4976; margin: 5px; padding-left: 25px; padding-right: 25px; display: flex; gap: 0.7rem; justify-content: center; } #panelwithdonationbutton-section .payment-channel span.icon { color: #0A4976 !important; } #panelwithdonationbutton-section .payment-channel.active { background-color: #0A4976 !important; color: #FFFFFF !important; } #panelwithdonationbutton-section .payment-channel.active span.icon { color: #FFFFFF !important; } /***********************/ /* Media queries */ /***********************/ @media only screen and (max-width: 767px) { #panelwithdonationbutton-section .donation-options-container .frequency-options-container .frequency-option:not([for="panelwithdonationbutton-frequencyRadioOption-1"]) { display: none; } #panelwithdonationbutton-section .donation-options-container .frequency-options-container .frequency-option[for="panelwithdonationbutton-frequencyRadioOption-recurring"] { display: flex; } #panelwithdonationbutton-section .custom-donation-options-container > div.btn-group-toggle { flex-basis: 6rem; flex-grow: 1; } #panelwithdonationbutton-section .custom-donation-options-container > div:not(.btn-group-toggle) { flex-grow: 2; } #panelwithdonationbutton-section .dedication-donation-form-container > div { flex-basis: 100%; } #panelwithdonationbutton-section .next-back-btn { flex-basis: 50%; } }