.share__update__form__outer { position: relative; display: block; width: 100%; font-family: 'VAGRoundedNext-Light'; font-size: 24px; line-height: 30px; }
.share__update__form__intro { position: relative; display: block; width: 100%;  text-align: center; font-family: 'VAGRoundedNext-Light'; font-size: 18px; line-height: 24px; padding: 0px 16px 32px; text-align: left;   }
.share__update__form__inner { position: relative; display: block; width: 100%; max-width: 960px;  padding: 0px 32px;  margin: 0 auto !important;  }
.share__update__form { position: relative; display: block; width: 100%;  text-align: left;  }

.share__update__form :focus { outline: none; }
.share__update__form .form__field__input__outer--focus { border-width: 0px;    }

.section__outer--3_column .form__field--cols-1 { width: calc(100% / 3);   }
.section__outer--3_column .form__field--cols-1_5 { width: calc(100% / 2);   }
.section__outer--3_column .form__field--cols-2 { width: calc(100% / 1.5);   }
.section__outer--3_column .form__field--cols-3 { width: 100%;   }
.section__outer--3_column .form__field--cols-4 { width: 100%;   }

.share__update__form__outer .form__field__input--textarea-editor { height: 200px;    }

.form__field__title { min-height: 0px; }
.form__field__title.invalid { color: red;   }

.form__field__date__icon { display: block; position: absolute; top: 6px; right: 10px; width: 28px; height: 32px; cursor: pointer; padding: 0px 0px; margin-top: 0px; border: 0px; z-index: 211; }
.form__field__date__icon svg { display: block; width: 100%; height: 100%; fill: #ec1c99; }
.invalid .form__field__date__icon svg { fill: red; }

.share__update__form__outer .form__field__input { border: 1px solid #ec1c99;    }

.tox-tinymce { border: 1px solid #ec1c99 !important;  }
.invalid .tox-tinymce {  border: 1px solid red !important;  }

.upload_button { 
  position: absolute; bottom: 18px; right: 24px; 
  background-color: #ec1c99; border: 1px solid #ec1c99; color: #FFFFFF; cursor: pointer; 
  display: block;  font-family: 'VAGRoundedNext-Light'; 
  font-size: 18px; line-height: 24px;  padding: 0px 4px; margin: 0px 0px 0px 8px;  z-index: 220;   }

input[type="file"] { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%;  z-index: 230; }
.form__field__input--file-upload { width: 100%; background-color: #FFFFFF;   }

.file__upload__inner { position: relative; display: inline-block; width: 100%; vertical-align: top;  padding-right: 16px;    }
.upload_caption_outer  { position: relative; display: inline-block; width: 100%; vertical-align: top;  padding-right: 16px;     }

.form__field__notes {  position: relative; display: block; font-size: 14px; line-height: 18px;  text-align: left;   }

.form__field__notes--small_point { font-family: 'VAGRoundedNext-Light';  font-size: 14px; line-height: 18px;  }
.form__field__notes--small_point strong { font-family: 'VAGRoundedNext-Regular'; font-weight: normal;   }



.ui-datepicker-trigger { display: none;  }
.ui-datepicker { z-index: 300 !important;   }
.ui-widget {   font-family: 'VAGRoundedNext-Light'; font-size: 16px;   }



/* DATE CHOOSE */
.ui-widget.ui-widget-content { border-color: #ec1c99;   }
.ui-datepicker {  margin-left: 0px; margin-top: 4px;  }
.ui-state-default { border-radius: 3px; border-color: rgba(216,216,216,0.8);  }
.ui-state-default.ui-state-hover {  background-color: rgba(236,28,153, 0.8) !important; color: #FFFFFF !important; }
.ui-state-highlight { background-color: rgba(236,28,153, 0.2) !important; border-color: rgba(216,216,216,0.8) !important; }
.ui-state-highlight:hover {  background-color: rgba(236,28,153, 0.8) !important;  }
.ui-state-active {  background-color: rgba(236,28,153, 0.2) !important; color: #FFFFFF !important; border-color: rgba(236,28,153, 1) !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border: 0px !important;   }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px; top: 2px;   }
.ui-datepicker .ui-datepicker-next-hover { right: 2px; top: 2px;  }
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { display: none !important;   }
.ui-datepicker-prev:after { display: inline-block; content: ""; background-image: url('/img/angle-double-left-solid.svg'); width: 18px; height: 18px; margin-top: 5px; background-size: 18px; background-repeat: no-repeat;  fill: #ec1c99; color: #0080ae; cursor: pointer; }   
.ui-datepicker-prev:hover:after { color: #e3147d;  }

.ui-datepicker-next:after { display: inline-block; content: ""; background-image: url('/img/angle-double-right-solid.svg');  width: 18px; height: 18px; margin-top: 5px;  background-size: 18px; background-repeat: no-repeat;   fill: #ec1c99; color:#0080ae; cursor: pointer; }   
.ui-datepicker-next:hover:after { color: #e3147d;  }



.share__update__form input[type="checkbox"] + label::after { 
  content: " "; line-height: 21px; font-size: 21px; background-size: 20px; width: 20px;  height: 30px;  background-position: 50% 50%; 
background-repeat: no-repeat;  opacity: 0.6;  display: inline-block; margin: 0px 10px; vertical-align: top; }
.share__update__form input[type="checkbox"] + label::after {   background-image: url('../img/checkbox_square_empty_pink.svg'); }
.share__update__form input[type="checkbox"]:checked + label::after { background-image: url('../img/checkbox_square_filled_pink.svg'); opacity: 1; }
 
.share__update__form .form__submit__button { opacity: 1; pointer-events: auto;  }
.share__update__form .form__submit__button:hover { border: 1px solid #ec652c; color: #ec652c;  }

.suggest__resource__form .form__submit__button { opacity: 1; pointer-events: auto;  }
.suggest__resource__form .form__submit__button:hover { border: 1px solid #ec652c; color: #ec652c;  }


.file_upload_input_stack { position: relative; display: inline-block; width: 50%; vertical-align: top;  }

.share__update__form .form_field--existing_image {  position: relative; display: inline-block; width: calc(50% - 16px); vertical-align: top; margin-left: 16px; padding: 16px; margin-top: 0px;  border: 1px solid #ec1c99; min-height: 200px; margin-top: 38px;  }
.empty_image_icon { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px;  transform: translate(-40px, -40px);  }
.empty_image_icon svg  { position: relative; display: block; width: 100%; height: 100%; fill: #ec1c99;   }

.share__update__form .radio_each_outer label { font-family: 'VAGRoundedNext-SemiBold';  }


@media only screen and (max-width: 500px) {
  .section__outer--3_column .form__field--cols-1_5 { width:100%;   }
  .section__outer--3_column .form__field--cols-2 { width: 100%;   }
  .section__outer--3_column .form__field--cols-1 { width: 100%;   }
  
  
  .file_upload_input_stack { position: relative; display: inline-block; width: 100%; vertical-align: top;  }
  .file__upload__inner { padding-right: 0px;   }
  .upload_caption_outer { padding-right: 0px;    }
  .upload_button { right: 8px;   }
  
  .share__update__form .form_field--existing_image {  width: 100%; margin-left: 0px; margin-top: 16px; }
  
  .share__update__form .radio_each_outer label {  font-size: 21px; line-height: 21px;   }
  
}

@media only screen and (min-width:  500px) and (max-width: 580px) {
  .section__outer--3_column .form__field--cols-1_5 { width:100%;   }
  .section__outer--3_column .form__field--cols-2 { width: 100%;   }
  .section__outer--3_column .form__field--cols-1 { width: 100%;   }
  
  
  .file_upload_input_stack { position: relative; display: inline-block; width: 100%; vertical-align: top;  }
  .file__upload__inner { padding-right: 0px;   }
  .upload_button { right: 8px;   }
  
  .upload_caption_outer { padding-right: 0px;    }
  .share__update__form .form_field--existing_image {  width: 100%; margin-left: 0px; margin-top: 16px; }
  
  .share__update__form .radio_each_outer label {  font-size: 21px; line-height: 21px;   }
  
}

@media only screen and (min-width: 581px) and (max-width: 767px) { 
  
  .section__outer--3_column .form__field--cols-2 { width: 100%;   }
  .section__outer--3_column .form__field--cols-1 { width: 100%;   }
  
  .file_upload_input_stack { position: relative; display: inline-block; width: 100%; vertical-align: top;  }
  .file__upload__inner { padding-right: 0px;   }
  .upload_button { right: 8px;   }
  
  .upload_caption_outer { padding-right: 0px;    }
  .share__update__form .form_field--existing_image {  width: 100%; margin-left: 0px; margin-top: 16px; }
  
  .share__update__form .radio_each_outer label {  font-size: 21px; line-height: 21px;   }
  
  
}