File: /home/frenchy/refonte2023/wordpress/wp-content/themes/gimont/assets/scss/give/_archive.scss
/***** Archive Give ********/
.archive_give_donation {
display: flex;
gap: 30px;
@media (max-width: 1024px) {
flex-direction: column;
}
.summary {
width: 100%;
.wrap_summary {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
&.two_column{
grid-template-columns: 1fr 1fr;
@media(max-width: 767px){
grid-template-columns: auto;
}
}
&.three_column{
grid-template-columns: 1fr 1fr 1fr;
@media(max-width: 991px){
grid-template-columns: 1fr 1fr;
}
@media(max-width: 767px){
grid-template-columns: auto;
}
}
}
.pagination-wrapper {
margin: 40px 0 110px 0;
@media (max-width: 1024px) {
margin: 30px 0 70px 0;
}
.give_pagination {
.pagination {
display: inline-block;
list-style-type: none;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
border: none;
clear: both;
white-space: inherit;
li {
display: inline-block;
margin: 0px 2px 10px 2px;
border: none;
padding: 0;
float: none;
a {
display: inline-block;
background: #f1f1f1;
padding: 0 10px;
min-width: 45px;
text-align: center;
font-weight: 600;
color: var(--text);
line-height: 43px;
font-size: 1em;
text-shadow: none;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
&:hover, &:focus {
color: #ffffff;
background-color: var(--primary);
border-color: var(--primary);
}
}
.pagi_dots {
color: #333333;
border: none;
width: 30px;
height: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0px;
transition: 0.5s;
margin-right: 10px;
}
&.active {
a {
color: #ffffff;
background-color: var(--primary);
border-color: var(--primary);
text-decoration: none;
}
}
&.prev, &.next{
i{
font-size: 0.7em;
}
}
}
}
}
}
}
}
/***** Fix Form Donation Give ********/
.give-form {
#give-gateway-radio-list {
display: flex;
li {
display: flex!important;
align-items: center;
&:first-child {
margin-right: 20px;
}
}
}
}
/***** Fix PrettyPhoto Give ********/
.pp_pic_holder {
.ppt {
display: none!important;
}
}