| Linux webm007.cluster106.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64 Path : /home/e/g/l/eglisebaa/www/wp-content/themes/hallelujah/plugins/give/ |
| Current File : /home/e/g/l/eglisebaa/www/wp-content/themes/hallelujah/plugins/give/give-responsive.scss |
@import "../../css/_mixins.scss";
@import "../../css/_theme-vars.scss";
//@mixin give--xl() {
@media #{$media_xxl} {
/* The Give */
[id*="give-form"].give-display-reveal #give-donation-level-radio-list > li{
margin-right: 0;
}
}
@media #{$media_xl} {
/* The Give */
}
//@mixin give--lg() {
@media #{$media_lg} {
/* The Give */
.give-goal-progress {
margin-bottom: 30px;
}
#give-donation-level-button-wrap {
margin: 0 0 35px;
}
.give-btn.give-donation-level-btn {
padding: 0 1.2em;
height: 36px;
line-height: 36px !important;
}
form[id*="give-form"] .give-donation-amount #give-amount {
height: 36px;
line-height: 36px !important;
}
form[id*="give-form"] .give-donation-amount .give-currency-symbol,
form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-before {
padding: 0 1.6em;
height: 36px;
line-height: 36px !important;
}
form[id*="give-form"] #give-final-total-wrap .give-donation-total-label,
form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
height: 36px;
line-height: 36px !important;
}
.give-submit-button-wrap span.give-loading-animation,
[id^="give-user-login-submit"] span.give-loading-animation {
margin-top: 19px;
}
.give-grid__item .give-card .give-card__body{
padding: 5px 2.5em 5px 2.5em;
}
.give-wrap .give-card__progress {
margin-top: 0;
}
.give-grid__item + .give-grid__item {
margin-top: 60px;
}
form[id*=give-form] #give-donation-level-radio-list li + li {
margin-left: 14px;
}
[id*="give-form"].give-display-reveal .give-btn{
margin-top: 20px;
}
.single.single-give_forms [id*=give-form] fieldset {
margin-top: 40px;
}
.single.single-give_forms #give_purchase_form_wrap fieldset {
margin-top: 23px;
}
.single.single-give_forms form.give-form legend {
margin-bottom: 15px;
}
.single.single-give_forms #give_purchase_form_wrap fieldset legend {
margin-bottom: 15px;
}
}
//@mixin give--md() {
@media #{$media_md} {
/* The Give */
[id*="give-form"] div#give-sidebar-left,
[id*="give-form"] div.images,
[id*="give-form"] div.summary {
width: 100%;
float: none;
}
[id*="give-form"] .give-form-title {
margin: 0 0 20px;
}
[id*="give-form"] div.images {
margin-bottom: 0;
}
[id*="give-form"] div#give-sidebar-left + div.summary {
margin-top: 1.5em;
}
.give-modal.mfp-wrap .mfp-content {
min-width: 75%;
}
form[id*=give-form] #give-donation-level-radio-list{
flex-wrap: wrap;
}
form[id*=give-form] #give-donation-level-radio-list li + li {
margin-left: 0;
}
[id*="give-form"].give-display-reveal #give-donation-level-radio-list > li{
margin-right:13px;
}
form[id*=give-form] #give-donation-level-radio-list > li {
margin-right:13px;
}
}
//@mixin give--sm() {
@media #{$media_sm} {
/* The Give */
.give-btn.give-donation-level-btn {
height: 32px;
line-height: 32px !important;
}
form[id*="give-form"] .give-donation-amount #give-amount {
height: 32px;
line-height: 32px !important;
}
form[id*="give-form"] .give-donation-amount .give-currency-symbol,
form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-before {
height: 32px;
line-height: 32px !important;
}
form[id*="give-form"] #give-final-total-wrap .give-donation-total-label,
form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
height: 32px;
line-height: 32px !important;
}
form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
border-left: 3px solid #ddd;
border-top: none;
}
form[id*="give-form"] #give-final-total-wrap .give-donation-total-label,
form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
padding: 0 1.2em;
}
#give-donation-level-button-wrap {
margin: 0 0 20px;
}
#give-recurring-form h3.give-section-break,
#give-recurring-form h4.give-section-break,
#give-recurring-form legend, form.give-form h3.give-section-break,
form.give-form h4.give-section-break, form.give-form legend,
form[id*="give-form"] h3.give-section-break,
form[id*="give-form"] h4.give-section-break, form[id*="give-form"] legend {
margin-bottom: 15px;
@include font(22px, 26px);
}
table.give-table th {
padding: 15px 25px;
}
table#give_donation_receipt .give-receipt-thead-text {
font-size: 16px;
}
.give-grid__item .give-card{
flex-direction: column;
}
.give-grid__item .give-card .give-card__media{
width:100%;
}
.give-grid__item .give-card .give-card__body{
padding: 25px 0 0;
}
.give-grid__item .give-card .give-card__title{
margin-bottom:15px;
@include font(20px,26px);
}
.give-grid__item + .give-grid__item {
margin-top: 40px;
}
form[id*="give-form"] #give-final-total-wrap {
margin: 5px 0 20px;
}
}
//@mixin give--xs() {
@media #{$media_xs} {
/* The Give */
.give-btn.give-donation-level-btn {
height: 28px;
line-height: 28px !important;
}
form[id*="give-form"] .give-donation-amount #give-amount {
height: 28px;
line-height: 28px !important;
}
form[id*="give-form"] .give-donation-amount .give-currency-symbol,
form[id*="give-form"] .give-donation-amount .give-currency-symbol.give-currency-position-before {
height: 28px;
line-height: 28px !important;
}
form[id*="give-form"] #give-final-total-wrap .give-donation-total-label,
form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
height: 28px;
line-height: 28px !important;
}
#give-recurring-form h3.give-section-break,
#give-recurring-form h4.give-section-break,
#give-recurring-form legend,
form.give-form h3.give-section-break,
form.give-form h4.give-section-break,
form.give-form legend, form[id*="give-form"] h3.give-section-break,
form[id*="give-form"] h4.give-section-break,
form[id*="give-form"] legend {
margin-bottom: 15px;
}
form[id*="give-form"] #give-final-total-wrap .give-donation-total-label,
form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
padding: 0 1em;
}
.give-modal .mfp-content {
padding: 26px;
}
.give-modal.mfp-wrap .mfp-close {
@include box( 36px, 36px, 36px);
}
.give-modal form[id*="give-form"] .give-input {
font-size: 14px;
}
.give-donation-submit#give_purchase_submit{
margin-top: 6px;
}
[id*="give-form"].give-display-reveal .give-btn {
margin-top: 0;
}
}