.elementor-558 .elementor-element.elementor-element-257c804d:not(.elementor-motion-effects-element-type-background), .elementor-558 .elementor-element.elementor-element-257c804d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-223abe6 );}.elementor-558 .elementor-element.elementor-element-257c804d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-558 .elementor-element.elementor-element-257c804d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-558 .elementor-element.elementor-element-115d68b9 > .elementor-element-populated{margin:10px 0px 12px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-558 .elementor-element.elementor-element-4cbb0e6c{text-align:center;}.elementor-558 .elementor-element.elementor-element-4cbb0e6c .elementor-heading-title{color:var( --e-global-color-5e44c59 );}.elementor-558 .elementor-element.elementor-element-4cbb0e6c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-558 .elementor-element.elementor-element-3bb6926 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-3bb6926 */.container {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  border: solid;
  border-color: var(--e-global-color-5e44c59);
  padding-top: 21px;
  padding-bottom: 21px;
  text-align: center;
  width: 100%;
  margin-left: 0%;
  color: var(--e-global-color-5e44c59);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.background {
    position: absolute;
    padding-top: 10px;
    top:0px;
    left:0;
    height:100%;
    width:100%;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.container input:checked{
    background-color: green;
}

/* On mouse-over, add a grey background color */
.container:hover{
  background-color: var(--e-global-color-e0034ee);
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .background{
    background-color: var(--e-global-color-5e44c59);
    color: var(--e-global-color-secondary);
}

.class-name-container{
    background-color: var(--e-global-color-secondary);
    width: 100vw;
     position: relative;
     display: flex;
     margin-left: -50vw;
     height: auto;
     margin-top: -10px;
     margin-bottom: 10px;
     left: 50%;
     text-align: center;
}

.class-name{
    background-color: var(--e-global-color-secondary);
    position:relative;
    display: block;
    width:100vw;
    padding:0;
    margin-bottom: 8px;
    margin-left: -50vw;
    left: 50%;
    text-align: center;
}

.feel-container {
    width: 33%;
    float: left;
    padding-right:10px;
    padding-left:10px;
}

.equipment-container {
    width: 33%;
    float: right;
    padding-right:10px;
    padding-left:10px;
}

.length-container {
    width: 33%;
    margin: 0 auto;
    
    padding-right:10px;
    padding-left:10px;
}

.submit-container {
    display:block;
    clear:both;
    text-align: center;
}

.submit-button {
    width:80%;
    margin-top: 30px
}/* End custom CSS */