<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
#s, .edd-input, .form_field, .input-text, .ninja-forms-field, .wpcf7 input.wpcf7-text{
	color:#210978;
}
/* Placeholder styling for all inputs and textareas inside the resume form */
#submit-resume-form input::placeholder,
#submit-resume-form textarea::placeholder {
    color:  grey !important;
    opacity: 1!important;
}
#content select {
	    appearance: none !important;
}
#global #content .content .tags{
	    background: #f2ede4 !important;
    border: none!important;
    padding-left: 0px !important;
}
#course_component .course_status .course_content .course_content_content_wrapper {
    position:relative !important;
}
.pmpro_btn{
   border: 1px solid #dd0067!important;
}
 .iziToast > .iziToast-close {
    background-color: #ffffff !important; /* White background */
}
button.iziToast-close {
    background-color: #ffffff !important;
}
#yip .pmpro_btn:hover {

		 background:#dd0067!important; 
	color:#f2ede4!important;
}
.job-manager-form fieldset small.description{
	margin:0px!important;
	    padding-left: 5px;
}
#yip .pmpro_btn{
color:#210978 !important;
background-color: #f2ede4!important;/* darker red */
}
#yip .pmpro_btn .content a{
	color:#f2ede4!important;
}
/* Cross-browser support */
#submit-resume-form input::-webkit-input-placeholder,
#submit-resume-form textarea::-webkit-input-placeholder {
    color:  grey !important;
}
#submit-resume-form input:-moz-placeholder,
#submit-resume-form textarea:-moz-placeholder {
    color:  grey !important;
    opacity: 1!important;
}
#submit-resume-form input::-moz-placeholder,
#submit-resume-form textarea::-moz-placeholder {
    color:  grey !important;
    opacity: 1!important;
}

#submit-resume-form input:-ms-input-placeholder,
#submit-resume-form textarea:-ms-input-placeholder {
    color: grey !important;
}
/* Remove borders from file input fields */
#candidate_photo,
#candidate_video,
#resume_file {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
	    padding: 0px 14px 0px 0px !important;
    background: #f2ede4;
    border-radius: 0px !important;
}
/* Placeholder color */
#metafic-jobs-filter-form input::placeholder {
    color: grey !important;
}

/* Default text color for input and select */
#metafic-jobs-filter-form input,
#metafic-jobs-filter-form select {
    color: grey!important; /* Default for placeholder or empty */
}

/* Change color on input/select when not empty */
#metafic-jobs-filter-form input:focus,
#metafic-jobs-filter-form input:not(:placeholder-shown),
#metafic-jobs-filter-form select:focus,
#metafic-jobs-filter-form select option:checked {
    color: #210978 !important;
}
#metafic-jobs-filter-form input, #metafic-jobs-filter-form select {
    width: 97%;
}
/* Base styles for all custom buttons */
.vibebp_myprofile a.button,
.vibebp_myprofile .mycourses_header .mycourses_access_tabs .link,
.vibebp_myprofile .mycourses_header .mycourses_access_tabs > *,
a.button.is-primary.new_mail {
  background-color: #dd0067 !important;
  color: #f2ede4 !important;
  border: 1px solid #dd0067 !important;
}

/* Hover styles */
.vibebp_myprofile a.button:hover,
.vibebp_myprofile .mycourses_header .mycourses_access_tabs .link:hover,
.vibebp_myprofile .mycourses_header .mycourses_access_tabs > *:hover,
a.button.is-primary.new_mail:hover {
  background-color: #f2ede4 !important;
  color: #210978 !important;
  border: 1px solid #dd0067 !important;
  cursor: pointer !important;
}
.mycourses_access_tabs a{
	width: 97px!important;
}
.vibebp_myprofile .mycourses_header .mycourses_access_tabs .link {
    margin: 0 0rem;
}
.vibebp_main .searchbox input[type=text] {
    border-radius: 30px !important;
}
/* Base style */
.course_meta_data .course_block_actions .button.is-primary.small {
  background-color: #dd0067 !important;
  color: #f2ede4 !important;
  border: 1px solid #dd0067 !important;
  transition: all 0.3s ease !important;
}

/* Hover style */
.course_meta_data .course_block_actions .button.is-primary.small:hover {
  background-color: #f2ede4 !important;
  color: #210978 !important;
  border: 1px solid #dd0067 !important;
  cursor: pointer !important;
}
.course_blocks .course_block .course_featured_image_over .course_label span.active {
    padding: 2px 5px!important;
}

.course_blocks .course_block .course_featured_image_over {
	top: 188px;
}
.vibebp_main .searchbox .vicon{
	display: none;
}
.flex2 {
  display: flex;
  gap: 10px; /* Optional spacing between elements */
}

.flex2 > .vibebp_form_field,
.flex2 > select {
  width: 33%!important;
  box-sizing: border-box;
	  color: blue !important;
}

.vibebp_myprofile .mycourses_header>div {
    padding: 0px!important;
}
.mycourses .mycourses_header {
    border-radius: 0px !important;
}
.vibebp_myprofile .mycourses_header .mycourses_access_tabs .link{
	margin-right: 0px!important;
}
.vibebp_myprofile .mycourses_header>div>select {
  line-height: 1.2;
}
/* .course_manage .course_tabs .instructor_tabs:hover {
    color: #f2ede4 !important;
    background-color: #dd0067 !important;
}
 */
.course_manage .course_tabs .instructor_tabs span {
	padding: 5px 18px!important;
}
.vibebp_main .searchbox input[type=text] {
/*     padding: 3px 0.5rem; */
    height: calc(2.0rem - 2px)!important;
}
</style>
<!-- end Simple Custom CSS and JS -->
