section.invitation-section {
margin-top: 0;
margin-bottom: 0;
padding-top: 80px;
padding-bottom: 80px;
background-size: cover;
position: relative;
z-index: 1;
text-align: center;
.widget {
background: $white_color;
max-width: 800px;
margin: 0 auto;
padding: 100px;
box-shadow: 0 4px 30px rgba($black_color, 0.3), 0 0 0 2px rgba($black_color,0.1) inset;
border: 10px solid $white_color;
position: relative;
&:before {
content: "";
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
top: -10px;
left: -10px;
width: 226px;
height: 313px;
}//&:before
&:after {
content: "";
background-image: url('data:image/svg+xml; utf-8, ');
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
bottom: -10px;
right: -10px;
width: 226px;
height: 313px;
}//&:after
.widget-title {
font-size: 2.6665em;
}//.widget-title
.wpcf7-form {
display: flex;
flex: 1;
flex-wrap: wrap;
margin-left: -1.5%;
margin-right: -1.5%;
text-align: left;
p {
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%;
margin-top: 0;
margin-bottom: 20px;
&:nth-child(2),
&:nth-last-of-type(1),
&:nth-last-of-type(2) {
width: 100%;
}
.wpcf7-radio {
.first {
margin-right: 30px;
margin-left: 0;
}//.first
input[type="radio"] {
margin-right: 5px;
}//input[type="radio"]
}//.wpcf7-radio
}//p
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
margin-top: 0;
margin-bottom: 0;
}
}//.wpcf7-form
}//.widget
}//section.invitation-section
@-moz-document url-prefix() {
.invitation-section input[type="submit"]:focus {
outline: thin dotted #000;
}
}
@include media(xs) {
section.invitation-section {
padding-top: 65px;
padding-bottom: 65px;
.widget {
padding: 40px 20px;
&::before, &::after {
width: 130px;
height: 180px;
}
.wpcf7-form {
flex-direction: column;
margin-left: 0;
margin-right: 0;
p {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}//.wpcf7-form
}//.widget
}//section.invitation-section
}//@include media(xs)