File: /home/confeduphaar/public_html/wp-content/plugins/ova-framework/assets/css/ova_give_donations.css
.element_give_donations .archive_give_donation {
padding-bottom: 0; }
.element_give_donations .archive_give_donation .summary {
width: 100%;
padding-right: 0; }
.element_give_donations .archive_give_donation .summary .wrap_summary {
margin: 0 -15px; }
@media (max-width: 767px) {
.element_give_donations .archive_give_donation .summary .wrap_summary {
margin: 0; } }
.element_give_donations .archive_give_donation .summary .wrap_summary .give_detail {
width: 33.3333%;
margin-bottom: 30px; }
.element_give_donations .archive_give_donation .summary .wrap_summary .give_detail:nth-last-child(-n+3) {
margin-bottom: 0px; }
@media (max-width: 767px) {
.element_give_donations .archive_give_donation .summary .wrap_summary .give_detail:nth-last-child(-n+3) {
margin-bottom: 60px; } }
@media (max-width: 767px) {
.element_give_donations .archive_give_donation .summary .wrap_summary .give_detail {
width: 100%;
margin-bottom: 60px; } }
.element_give_donations .archive_give_donation .summary .wrap_summary .give_detail .detail_body {
background-color: #fff; }
.element_give_donations .archive_give_donation .summary .wrap_summary.column_2 .give_detail {
width: 50%; }
@media (max-width: 767px) {
.element_give_donations .archive_give_donation .summary .wrap_summary.column_2 .give_detail {
width: 100%;
margin-bottom: 60px; } }
/***** Archive Give ********/
.archive_give_donation {
display: flex;
flex-wrap: wrap;
padding-bottom: 120px; }
@media (max-width: 991.98px) {
.archive_give_donation {
padding-bottom: 60px; } }
.archive_give_donation .summary {
width: 66.6667%;
padding-right: 15px; }
@media (max-width: 991.98px) {
.archive_give_donation .summary {
width: 100%;
padding-right: 0; } }
.archive_give_donation .summary .wrap_summary {
display: flex;
flex-wrap: wrap;
margin: 0 -15px; }
@media (max-width: 991.98px) {
.archive_give_donation .summary .wrap_summary {
margin: 0; } }
.archive_give_donation .summary .wrap_summary .give_detail {
width: 50%;
padding: 0 15px;
margin-bottom: 30px; }
.archive_give_donation .summary .wrap_summary .give_detail:hover {
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail:hover .detail_body {
box-shadow: 0 2px 40px rgba(0, 0, 0, 0.15); }
.archive_give_donation .summary .wrap_summary .give_detail:hover .image_future .thumbnail:after {
opacity: 1;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail:hover .image_future .thumbnail img {
transition: .3s all ease;
transform: scale(1.05); }
@media (max-width: 767px) {
.archive_give_donation .summary .wrap_summary .give_detail:hover .image_future .thumbnail img {
transform: scale(1); } }
.archive_give_donation .summary .wrap_summary .give_detail:hover .image_future .media .gallery {
transform: translateX(0px);
opacity: 1 !important;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail:hover .image_future .media .video {
transform: translateX(0px);
opacity: 1 !important;
transition: .3s all ease .1s; }
.archive_give_donation .summary .wrap_summary .give_detail:hover .progress .wrap_percentage_1:after, .archive_give_donation .summary .wrap_summary .give_detail:hover .progress .wrap_percentage_1 .percentage, .archive_give_donation .summary .wrap_summary .give_detail:hover .progress .wrap_percentage_2:after, .archive_give_donation .summary .wrap_summary .give_detail:hover .progress .wrap_percentage_2 .percentage {
transition: .3s all ease; }
@media (max-width: 767px) {
.archive_give_donation .summary .wrap_summary .give_detail:hover .progress .wrap_percentage_1:after, .archive_give_donation .summary .wrap_summary .give_detail:hover .progress .wrap_percentage_1 .percentage, .archive_give_donation .summary .wrap_summary .give_detail:hover .progress .wrap_percentage_2:after, .archive_give_donation .summary .wrap_summary .give_detail:hover .progress .wrap_percentage_2 .percentage {
opacity: 1; } }
@media (max-width: 991.98px) {
.archive_give_donation .summary .wrap_summary .give_detail {
width: 50%;
padding: 0 15px;
margin-bottom: 50px; } }
@media (max-width: 767.98px) {
.archive_give_donation .summary .wrap_summary .give_detail {
width: 100%; } }
.archive_give_donation .summary .wrap_summary .give_detail .image_future {
position: relative; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .thumbnail {
overflow: hidden; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .thumbnail:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
opacity: 0;
transition: .3s all ease; }
@media (max-width: 767px) {
.archive_give_donation .summary .wrap_summary .give_detail .image_future .thumbnail:after {
opacity: 1;
background-color: transparent;
background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)); } }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .thumbnail img {
width: 100%;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media {
position: absolute;
bottom: 20px;
right: 20px; }
@media (max-width: 767px) {
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media {
bottom: 50%;
right: 50%;
transform: translate(50%, 50%); } }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .gallery, .archive_give_donation .summary .wrap_summary .give_detail .image_future .media .video {
display: inline-block;
color: #fff;
font-size: 20px;
opacity: 0 !important;
transform: translateX(50px); }
@media (max-width: 767px) {
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .gallery, .archive_give_donation .summary .wrap_summary .give_detail .image_future .media .video {
opacity: 1 !important;
transform: translateX(0);
font-size: 16px; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .gallery i, .archive_give_donation .summary .wrap_summary .give_detail .image_future .media .video i {
background-color: #f0c84c;
padding: 10px;
border-radius: 100%; } }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .gallery {
transition: .3s all ease .1s; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .gallery:hover {
color: #f0c84c;
transition: .3s all ease; }
@media (max-width: 767px) {
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .gallery:hover {
color: #222222;
transition: .3s all ease; } }
@media (max-width: 767px) {
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .gallery {
opacity: 1;
transform: translateX(0); } }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .video {
margin-left: 15px;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .video:hover {
color: #f0c84c;
transition: .3s all ease; }
@media (max-width: 767px) {
.archive_give_donation .summary .wrap_summary .give_detail .image_future .media .video:hover {
color: #222222;
transition: .3s all ease; } }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .progress {
margin-top: -5px;
height: 10px;
border-radius: 0;
background-color: #e1e1e1;
position: relative;
z-index: 10;
overflow: visible; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .progress .wrap_percentage_1 {
background-color: #fa7f4b;
background-image: linear-gradient(to left, #fac54b, #faa24b, transparent);
position: relative;
border-radius: 0; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .progress .wrap_percentage_1:after {
position: absolute;
content: '';
width: 0;
height: 0;
top: -10px;
right: -10px;
background-color: transparent;
border-top: 10px solid #fa7f4b;
border-right: 10px solid transparent;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .progress .wrap_percentage_1 .percentage {
position: absolute;
top: -10px;
right: -10px;
transform: translate(50%, -100%);
z-index: 777;
padding: 0 5px;
background-color: #fa7f4b;
color: #fff;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .progress .wrap_percentage_2 {
background-color: #fa7f4b;
background-image: linear-gradient(to left, #fac54b, #faa24b, transparent);
position: relative;
border-radius: 0; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .progress .wrap_percentage_2:after {
position: absolute;
content: '';
width: 0;
height: 0;
top: -10px;
right: 0;
background-color: transparent;
border-top: 10px solid #fa7f4b;
border-left: 10px solid transparent;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail .image_future .progress .wrap_percentage_2 .percentage {
position: absolute;
top: -10px;
right: 15px;
transform: translate(50%, -100%);
z-index: 777;
padding: 0 5px;
background-color: #fa7f4b;
color: #fff;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body {
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
transition: .3s all ease;
padding: 15px 25px; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .title {
margin: 10px 0 18px 0; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .title a {
color: #202b5d;
font-size: 24px;
line-height: 30px;
font-weight: 600;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .title a:hover {
color: #f0c84c;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .desc {
margin-bottom: 30px;
color: #62718d;
font-size: 17px;
line-height: 24px;
margin-top: 0; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .donate_remaining {
display: flex;
justify-content: baseline;
align-items: center;
padding-bottom: 15px; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .donate_remaining .donate {
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 24px;
transition: .3s all ease;
padding: 10px 20px;
background-color: #222222; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .donate_remaining .donate:hover {
transition: .3s all ease;
background-color: #f0c84c; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .progress {
height: 5px;
overflow: visible; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .progress .wrap_percentage_2 {
background-color: #f0c84c;
position: relative; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .progress .wrap_percentage_1 {
background-color: #f0c84c;
position: relative; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .progress .percentage {
background-color: #f0c84c;
color: #fff;
position: absolute;
top: -10px;
right: 0px;
z-index: 777;
padding: 0 10px;
color: #fff;
transition: .3s all ease; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised {
display: flex;
margin-bottom: 20px;
margin-top: 30px;
font-size: 17px;
line-height: 24px; }
@media (max-width: 1200px) {
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised {
display: block; } }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised > div span {
display: block; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised .income {
display: flex;
font-size: 17px;
line-height: 24px;
color: #202b5d; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised .income span:last-child {
color: #62718d;
letter-spacing: 0.2px;
padding: 0px 5px 0 5px; }
@media (max-width: 1200px) {
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised .income {
padding-bottom: 5px; } }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised .ingo {
font-size: 17px;
line-height: 24px;
color: #202b5d;
padding-right: 5px; }
@media (max-width: 1200px) {
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised .ingo {
display: none; } }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised .goal {
display: flex;
font-size: 17px;
line-height: 24px;
color: #202b5d; }
.archive_give_donation .summary .wrap_summary .give_detail .detail_body .raised .goal span:last-child {
color: #62718d;
letter-spacing: 0.2px;
padding: 0px 5px 0px 5px; }
.archive_give_donation .summary .pagination_archive_give {
margin: 0px 0px 90px 0px;
padding-top: 40px; }
@media (max-width: 767px) {
.archive_give_donation .summary .pagination_archive_give .blog_pagination ul.pagination {
justify-content: center; } }
.archive_give_donation .summary .pagination_archive_give .blog_pagination ul.pagination li a {
font-size: 16px;
line-height: 24px;
color: #333333;
background-color: rgba(0, 0, 0, 0.1);
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0px;
transition: 0.5s; }
.archive_give_donation .summary .pagination_archive_give .blog_pagination ul.pagination li a:hover {
color: #fff;
background-color: #fa7f4b; }
.archive_give_donation .summary .pagination_archive_give .blog_pagination ul.pagination li .pagi_dots {
color: #333333;
background-color: rgba(0, 0, 0, 0.1);
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0px;
transition: 0.5s;
margin-right: 10px; }
.archive_give_donation .summary .pagination_archive_give .blog_pagination ul.pagination li.active a {
color: #fff;
background-color: #fa7f4b; }
.archive_give_donation .sidebar {
width: 33.3333%;
padding-left: 15px;
position: sticky;
position: -webkit-sticky;
top: 130px;
bottom: 550px;
height: 580px; }
@media (max-width: 991.98px) {
.archive_give_donation .sidebar {
width: 100%;
padding-left: 0;
position: relative;
height: auto;
top: 0;
bottom: 0; } }
.archive_give_donation .sidebar .give-sidebar {
width: 100% !important;
padding-left: 50px; }
@media (max-width: 991.98px) {
.archive_give_donation .sidebar .give-sidebar {
padding-left: 20px;
padding-right: 20px; } }
.archive_give_donation .sidebar .give-sidebar .widget-title {
margin-top: 0;
padding-bottom: 25px;
border-bottom: 1px solid #e5e5e5; }
.archive_give_donation.type_2 {
padding-bottom: 0; }
.archive_give_donation.type_2 .summary {
width: 100%; }
.archive_give_donation.type_2 .summary .wrap_summary .give_detail {
width: 33.3333%; }
@media (max-width: 991.98px) {
.archive_give_donation.type_2 .summary .wrap_summary .give_detail {
width: 50%; } }
@media (max-width: 767.98px) {
.archive_give_donation.type_2 .summary .wrap_summary .give_detail {
width: 100%; } }
.archive_give_donation.type_2 .sidebar {
display: none; }
.archive_give_donation.type_5 {
padding-bottom: 0; }
.archive_give_donation.type_5 .summary {
width: 100%; }
.archive_give_donation.type_5 .summary .wrap_summary .give_detail {
width: 33.3333%; }
@media (max-width: 991.98px) {
.archive_give_donation.type_5 .summary .wrap_summary .give_detail {
width: 50%; } }
@media (max-width: 767.98px) {
.archive_give_donation.type_5 .summary .wrap_summary .give_detail {
width: 100%; } }
.archive_give_donation.type_5 .sidebar {
display: none; }
.archive_give_donation.type_3 {
padding-bottom: 0; }
.archive_give_donation.type_3 .summary {
width: 100%; }
.archive_give_donation.type_3 .summary .wrap_summary .give_detail {
width: 25%; }
@media (max-width: 1200px) {
.archive_give_donation.type_3 .summary .wrap_summary .give_detail {
width: 33.3333%; } }
@media (max-width: 991.98px) {
.archive_give_donation.type_3 .summary .wrap_summary .give_detail {
width: 50%; } }
@media (max-width: 767.98px) {
.archive_give_donation.type_3 .summary .wrap_summary .give_detail {
width: 100%; } }
.archive_give_donation.type_3 .summary .wrap_summary .give_detail .raised {
display: block; }
.archive_give_donation.type_3 .summary .wrap_summary .give_detail .raised .income {
padding-bottom: 5px; }
.archive_give_donation.type_3 .summary .wrap_summary .give_detail .raised .ingo {
display: none; }
.archive_give_donation.type_3 .sidebar {
display: none; }
.archive_give_donation.type_4 {
padding-bottom: 0; }
.archive_give_donation.type_4 .summary {
width: 100%; }
.archive_give_donation.type_4 .summary .wrap_summary .give_detail {
width: 100%; }
/***** End Archive Give ********/
/***** Fix Form Donation Give ********/
.give-form .give-submit {
height: auto;
padding: 5px 20px;
transition: .3s all ease;
font-size: 16px;
text-transform: uppercase;
font-weight: 600; }
.give-form .give-submit:hover {
transition: .3s all ease;
color: #fff;
background-color: #343434 !important;
border-color: #343434 !important; }
.give-form #give-gateway-radio-list {
display: flex; }
.give-form #give-gateway-radio-list li {
display: flex !important;
align-items: center; }
.give-form #give-gateway-radio-list li:first-child {
margin-right: 20px; }
/***** End Fix Form Donation Give ********/
/***** Fix PrettyPhoto Give ********/
.pp_pic_holder .ppt {
display: none !important; }
/***** End Fix PrettyPhoto Give ********/
/*FIX DONATE HOME 9*/
.donate_home9 .give_error {
display: none; }
.donate_home9 [id*=give-form] .give-form-title {
display: none; }
.donate_home9 .give-goal-progress {
display: none; }
.donate_home9 [id*=give-form] div.give-form-content-wrap {
display: none; }
.donate_home9 .give-donation-amount {
display: none; }
.donate_home9 .give-btn-level-custom {
display: none; }
.donate_home9 .give-btn-level-0 {
display: none; }
.donate_home9 #give-donation-level-button-wrap > li {
margin: 0 10px 10px 0; }
.donate_home9 .give-donation-level-btn {
background-color: #ffff;
color: #222222;
padding: 15px 29px;
transition: 0.3s;
font-weight: 700; }
.donate_home9 .give-donation-level-btn:hover, .donate_home9 .give-donation-level-btn:focus, .donate_home9 .give-donation-level-btn:active {
background-color: #222222;
border-color: #222222;
color: #ffff; }
.donate_home9 .give-btn-modal {
width: 100%;
text-align: center;
font-size: 20px;
height: 50px;
font-weight: 700;
color: #ffffff;
background-color: #f0c84c;
border: none;
outline: none; }
.donate_home9 .give-btn-modal:hover {
background-color: #222222;
transition: 0.3s ease; }
.donate_home9 .give-default-level {
background-color: #222222;
transition: 0.3s;
border-color: #222222;
color: #ffff; }
.donate_home9 #give-donation-level-button-wrap {
display: flex;
justify-content: center;
flex-wrap: wrap; }
/*# sourceMappingURL=ova_give_donations.css.map */