/* for Chrome and Edge */
@supports ((-webkit-column-break-inside: avoid) or (-moz-column-break-inside: avoid) or (break-inside: avoid-column)) {
  .categories .input {
    display: block;
  }
}

.categories .input label p{
  margin-left: 25px;
}

.previewimages{
  margin-left: -1%;
  padding: 20px 0 0 0;
}

.previewimages img{
  width: 32%;
  margin-left: 1%;
  float: left;
  margin-bottom: 6px;
  border-radius: 5px;
}

.festivebaublesubmission {background: #1d1d1d url(../images/festivebaublecomp.jpg) repeat-y top center!important; background-size: 100%!important;}
.festivebaublesubmission .content {padding: 120px 0; max-width: 980px;}
.festivebaublesubmission .intro {padding: 0 0 30px 0;}
.festivebaublesubmission .intro p {text-align: center; font-size: 120%; line-height: 140%!important;}
.festivebaublesubmission h1 {font-family: 'Mansalva', cursive; font-weight: 400; letter-spacing: -1px; font-size: 400%; padding: 0 0 10px 0;}
.festivebaublesubmission h3 {font-family: 'Mansalva', cursive; font-weight: 400; letter-spacing: -1px; font-size: 270%; text-align: center; padding: 0 0 10px 0;}
.festivebaublesubmission h4 {font-family: 'Mansalva', cursive; font-weight: 400; letter-spacing: -1px; font-size: 220%; text-align: center; padding: 0 0 10px 0;}
.festivebaublesubmission p.notes {text-align: left; font-size: 100%;}
.festivebaublesubmission p, .festivebaublesubmission label, .festivebaublesubmission h1, .festivebaublesubmission span, .festivebaublesubmission h4, .festivebaublesubmission li {color: #ffffff;}
.festivebaublesubmission input, .festivebaublesubmission select, .festivebaublesubmission textarea {border-color: #ffffff;}
.festivebaublesubmission span.sub {font-style: italic; font-size: 90%;}
.festivebaublesubmission .block {padding: 0 0 60px 0;}
.festivebaublesubmission .block p {text-align: center;}
.festivebaublesubmission .block .left {float: left; width: 47%;}
.festivebaublesubmission .block .right {float: right; width: 47%;}
.festivebaublesubmission .buttons {text-align: center;}
.festivebaublesubmission .button {display: inline-block; vertical-align: top; width: 200px; position: relative; margin: 0 20px;}
.festivebaublesubmission .button [type="radio"]:checked,
.festivebaublesubmission .button [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.festivebaublesubmission .button span {position: absolute; top: 30px; left: 0; right: 0; margin: 0 auto; color: #000000; width: 85px; height: 80px; text-align: center; font-size: 125%; display: block; line-height: 90%; z-index: 99; background: #ffffff; border-radius: 50%; box-sizing: border-box;}
.festivebaublesubmission .button span strong {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); font-family: 'Mansalva', cursive; font-weight: 400; letter-spacing: -1px;}
.festivebaublesubmission .button [type="radio"]:checked + label, .festivebaublesubmission .button [type="radio"]:not(:checked) + label {width: 100%; position: relative; cursor: pointer; display: inline-block; color: #000000; height: 200px;}
.festivebaublesubmission .button [type="radio"]:checked + label:before, .festivebaublesubmission .button [type="radio"]:not(:checked) + label:before {font-family: "Font Awesome 5 Free"; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-weight: 900; content: "\f559"; width: 100%; font-size: 1100%; color: #be1c42; position: absolute; top: 0; left: 0;}
.festivebaublesubmission .button [type="radio"]:checked + label:after, .festivebaublesubmission .button [type="radio"]:not(:checked) + label:after {font-family: "Font Awesome 5 Free"; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-weight: 900; content: "\f559"; width: 100%; font-size: 1100%; color: #003473; position: absolute; top: 0; left: 0;}
.festivebaublesubmission .button [type="radio"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.festivebaublesubmission .button [type="radio"]:checked + label:after {opacity: 1; transform: scale(1);}
.festivebaublesubmission .button [type="radio"]:hover + label:before {color: #b5193e!important;}

.festivebaublesubmission .button p.text {font-size: 90%; line-height: 120%; padding: 0;}
.festivebaublesubmission .categories {width: 102%; margin-left: -2%;}
.festivebaublesubmission .categories .input {overflow: hidden; float: left; position: relative; width: 48%; margin: 0 0 2% 2%; box-sizing: border-box;}

.festivebaublesubmission .submitbutton input {width: 100%; font-size: 120%; height: 60px; background: #003473;}
.festivebaublesubmission p.notes {text-align: left;}
.festivebaublesubmission p.notes.smallpadding {padding: 0 0 7px 0;}
textarea {height: 152px!important;}

.festivebaublesubmission .disclaimertext {padding: 40px 0 0 0;}
.festivebaublesubmission .disclaimertext * {color: #ffffff;}

@media screen and (max-width: 667px){
  .festivebaublesubmission .block {padding: 0 0 20px 0;}
  .festivebaublesubmission .content {padding: 50px 0;}
  .festivebaublesubmission .block .left {width: 100%;}
  .festivebaublesubmission .block .right {width: 100%;}
  .festivebaublesubmission .categories {width: 100%; margin-left: 0;}
  .festivebaublesubmission .categories .input {width: 100%; margin: 0 0 10px 0;}
  .festivebaublesubmission .button {margin: 0; width: 50%; float: left;}
  .festivebaublesubmission .button span {top: 23px; z-index: 2;}
}