#feature-wrapper { background-color: #f2f2f8; text-align: center; position: relative; }
#feature-wrapper  svg.shape1 {fill: #7fca8a; position: absolute; top: 0px; left: 50%; margin-left: -800px; width: 450px; height: 225px;}
 svg.shape2 {bottom: 0px; position: absolute; left: 60%; margin-left: 300px;}
 svg.shape2 .g1 {transform: translate(0px, 180px);}
 svg.shape2 .semicircle {transform: rotate(-45deg); fill: #2c2c2e;}
 svg.shape2 .arc {transform: rotate(40deg) translate(-40px, -108px); fill: none ;stroke: #f6ce51; stroke-width: 4px;}
#feature-wrapper h1, #feature-wrapper h2, #feature-wrapper p { color: #111111; }


/* Form */
#events-request-type .radio-input { display: inline-block; }
.note-bold { font-weight: 700; }
.form-wrapper .section {border-top:none;}

#events-submission-intro .section { border-top: none; padding: 64px 0 18px 0; }
#events-submission-intro .row-tertiary-nav { width: 90%; }
.events-request-type-inputs { display: none; }
#events-request-type label { display: inline-block; margin-right: 15px; }
#events-event-info h3 {margin-top: 30px;}
#events-contact-info .section { }


.form-wrapper .form-input.input-tinytext.tt-email-wrapper, .form-wrapper .form-input.input-tinytext.tt-select-wrapper, .form-wrapper .form-input.input-tinytext.tt-text-wrapper { min-height: 90px; }
#event-description-wrapper, #event-update-wrapper .form-input { min-height: 132px; }
.form-wrapper .form-input div.error, .form-wrapper .form-input.input-tinytext div.error { display: inline-block; }
#event-title { height: 36px; line-height: 26px; }
#event-description, #event-title { resize: none; }
.counter-wrapper { float: right; margin-top: 8px; font-size: 13px; }
#event-description-character-count, #event-title-character-count { display: inline-block; }


#end-regional-clear-button { color: #6c6c6c; position: absolute; right: 36px; top: 10px; cursor: pointer; background-image: url(/site/images/font-awesome/circlexmark.svg); height: 18px; width: 18px; }

#events-agreements-policy p { margin-bottom: 6px; }
#events-agreements-policy p:last-child { margin-bottom: 0px; }

#events-submit { padding-bottom: 60px; }

#acceptance-pii { display: inline-block; margin: 10px 0 0 18px; }
#acceptance-pii input { margin-left: -21px; vertical-align: top; }
.acceptance-pii-text { margin-top: -4px; display: inline-block; color: #888; }

#events-request-type .section {
    border-bottom: 1px solid #ddd;
}

#events-contact-info .section {
    padding-bottom: 0px;
}
.input-select{
     -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(/events/images/dropdown_arrow.png) right 12px top 12px no-repeat;
    background-size:15px 9px;
}

.form-wrapper .form-input.input-tinytext.infocus .label-tinytext {
    top: -18px !important;
    left: 0px !important;
    padding: 0 !important;
}

.form-wrapper select.error {
  border-color: #e00;  
}

.form-wrapper input[type=text], .form-wrapper input[type=email], .form-wrapper select, .form-wrapper textarea {
    border-color: #c7c7c7;
    color: #6c6c6c;
}

.form-wrapper input[type=checkbox], .form-wrapper input[type=radio] {
    margin: 0px;
margin-right: 5px;
height: 14px;
}

#user-state-selection-column.hidden { display: none; }
#user-event-city.no-state .column-content { margin-left: 0px; }

#event-city { padding-right: 48px; }
#event-city-capitalization-toggle { position: absolute;
    height: 34px;
    width: 40px;
    right: 1px;
    top: 1px;
    text-align: center;
    padding-top: 10px;
    background-color: #eee;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
	
		-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	
}
#event-city-capitalization-toggle:hover { }
#event-city-capitalization-toggle.selected { background-color: #ccc; font-weight: 400; }

.input-checkbox-wrap { display: inline-block; }
.input-checkbox-horizontal { min-height: 70px; }
.input-checkbox-horizontal label { display: inline-block; margin: 0 10px 0 0; }

/* button */
.preview-button { width: auto; height: auto; margin-bottom: 0; padding: 10px 15px; background-color: #2d9141; color: #fff; font-size: 18px; outline: 0; cursor: pointer; border: 1px solid #ddd; border-radius: 4px; float: left; margin-right: 20px; margin-top: 0; }
.preview-button:hover { background-color: #005daf }

.submission-form-button-wrapper { display: inline-block; }
.submission-form-button, input[type=submit].submission-form-button { border: 1px solid #208a3d; background-color: #208a3d; color: #ffffff;  border-radius: 3px; padding: 8px 16px; cursor: pointer; display: inline-block; transition: 0.2s; font-size: 16px; font-weight: 300; line-height: 24px; margin: 0 24px 0 0; font-family: "SF Pro Text",Helvetica,Arial,sans-serif;line-height: 24px; }
.submission-form-button:hover, input[type=submit].submission-form-button:hover { color: #ffffff; background-color: #2da14a; border-color: #2da14a; }

/* recaptcha */
#gcheck-hidden { 
    opacity: 0;
    width: 0;
    user-select: none;
    cursor: default }

/* preview error */
.preview-error { position: absolute; left: 0; bottom: -22px; padding: 5px 8px; margin: 0; color: #e00; font-style: italic; font-size: 12px; }

#sign-off-pii-auth-error, #gcheck-hidden-error { position: absolute; font-size: 12px; line-height: 12px; padding: 5px 8px; margin: 0; color: #e00; font-style: italic; font-size: 12px; }

/* datepicker overrides, move to permanent location */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { line-height: 22px; margin: 0; border: none !important; }

#events-preview #events-list-wrapper.preview { border-top: 1px solid #ddd; margin-top: 50px; border-bottom: 1px solid #ddd;  }

/* submission progress spinner */
#submission-progress-spinner { display: inline-block; vertical-align: middle; }
#submission-progress-spinner .fa-spinner-third {
     -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
		font-size: 36px;
		display: block;
		width: 36px;
		height: 36px;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}