File: /var/www/html/WPYadBatya/wp-content/themes/yad-batya/scss/sponsor.scss
@import "partials";
.form-section { background: url(../img/bg-sponsor.png) no-repeat top center / cover;
.content-head {
.para {
max-width: 990px; padding-bottom: 20px;
}
.title {
margin: 0 auto;
}
}
.form-wrap .flower1{bottom: 180px;}
.form-wrap .flower2{top: 320px;}
}
.donation-wrap{
.content-wrap{ padding: 50px 45px;
background:#975FA9; border-radius: 30px;
.donation-head{ text-align: center; padding-bottom: 40px;
.title{color:#FFFFFF; font-size: 72px; font-weight: 400; margin: 0 0 10px 0; padding: 0;
span{ color: #F5D5FF;}
}
.para{ font-size: 16px; color: #FFFFFF; line-height: 1.6; max-width: 600px; margin: 0 auto; padding: 0;}
}
.donation-text{ width: 790px; margin: 0 auto; padding: 0 0 45px 0;
.para{font-size: 18px; color: #F5D5FF; line-height: 1.6; margin: 0; padding: 0 0 20px 0;
span{color: #FFFFFF;}
}
.input-wrap{
.text{height: 72px; border: 1px solid #C7B8C7; border-radius:50px; background: $white; font-size: 18px; color: #3B003B; outline: 0; width: 100%; padding: 20px 30px;
&::placeholder{opacity: 1; color: #3B003B;}
}
}
}
}
.amount-outer-wrap{
.amount-row{display: flex; justify-content: space-between; flex-wrap: wrap;}
.amount-wrap{padding-bottom: 18px; position: relative;
.label{border: 1px solid #CC98DC; border-radius: 15px; background: #975FA9; height: 100px; width: 181px; outline: 0; box-shadow: none; position: relative; cursor: pointer; display: flex; flex-direction: column; justify-content: center; padding: 20px;
.count{color: #FFFFFF; font-size: 24px; font-weight: 700; line-height:1; padding: 0 0 5px 0;}
.letter{font-size: 14px; color: #F5D5FF; line-height: 1.6;}
}
.input{position: absolute; right: 10px; top: 10px; border: 0; background: url(../img/checked.svg) no-repeat center / cover; width: 25px; height: 25px; appearance: none; opacity: 0; z-index: 1; outline: 0;
&:checked{opacity: 1;
&+.label{border: 1px solid #FFFFFF; background: #3B003B14;}
}
}
}
}
}
.radio-align-wrap{display: flex; align-items: center; justify-content: center;
.txt{ font-size: 18px; color:#000000;}
.radio-row{display: flex;align-items: center; justify-content: center;
.radio-col{ align-items: center; justify-content: center; display: flex; padding-left: 20px;
.checkbox{padding: 0; margin: 0;
&:checked{
&+.label{color: #975FA9;}
}
}
.label{font-size: 18px; color:#000000; padding: 0 0 0 5px; margin: 0;}
}
}
&.twice{justify-content: left; padding-bottom: 30px;}
}
.second-form-wrap{
}
.second-form-wrap{
.content-head{
.title{ margin: 0 auto; padding: 0 0 20px 0;}
}
}