/******** ADD LISTING PAGE / PRICING PAGE ********/
/****** HEADINGS ******/
/**** FLEXIBLE PRICING ****/
.mlpricingtitle {
    font-size: var(--e-global-typography-primary-font-size);
    font-family: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 
}
/**** START FOR FREE ****/
.mlpricingsubtitle {
    font-size: var(--e-global-typography-fcc680b-font-size);
    font-family: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    display: block;
    line-height: 1.9em;
}
/****** PRICING TABLES ******/
/**** REDUCE THE TOP AND BOTTOM VERTICAL PADDING FROM THE PRICING TABLE CONTAINERS ****/
.i-section {
    padding-top: 15px;
    padding-bottom: 20px;
}
/**** CONTAINERS ****/
@media only screen and (min-width: 993px) {
    .job_listing_packages>.row>div.col-md-4 {
        width: 25%;
    }
}
.pricing-item {
    box-shadow: var(--canvas-shadow-right);
    border: 1.5px solid var(--accent);
    border-radius: 20px;
}
.pricing-item:hover {
    outline: 1.5px solid var(--accent);
}
/** FIXES SPACING ISSUE WHEN A PACKAGE IS ALREADY OWNED **/
.job_listing_packages>.row>div {
    margin-bottom: 20px !important;
}
/**** CONTENT ****/
/** LISTING PACKAGE TITLE **/
.pricing-item .plan-name {
    font-weight: 700;
    padding: 15px 0px 0px 30px;
    letter-spacing: 1px;
    transition: all .2s ease;
}
/** LISTING PACKAGE PRICE **/
.pricing-item .plan-price>span {
    font-weight: 700 !important;
}
/* PUT THE LISTING PACKAGE SUBSCRIPTION LENGTH ON THE SAME LINE AS THE PRICE */
.pricing-item span.subscription-details {
  	display: inline;
  	font-weight: normal !important;
}
/* REMOVE THE SUBSCRIPTION PERIOD FROM THE FREE PLAN */
.job_listing_packages>.row>div.col-md-4:nth-child(1) .pricing-item span.subscription-details {
    display: none;
}
/** PRODUCT FEATURES **/
.pricing-item {
  	text-align: left;
}
/* CHECKMARK ICONS */
.pricing-item .fa.fa-check {
    color: var(--accent);
}
/** PLAN FEATURES EDUCATION **/
/* LINK */
.pricing-learn-more {
    color: var(--accent);
}
/** SELECT PACKAGE BUTTONS **/
.select-plan {
    color: var(--canvas-white) !important;
    padding: 13px 35px;
}
/**** YOU ALREADY OWN THIS PACKAGE ****/
/** 'YOU ALREADY OWN THIS PACKAGE' - TOGGLE TEXT/LINK **/
.package-available>.use-package-toggle, 
.package-available>.use-package-toggle:hover {
    border: none;
}
/** MENU **/
.package-available .dropdown-menu {
    box-shadow: none;
    border: 1.5px solid var(--accent); 
}
/* MENU ITEMS */
.checkbox-plan-list>li {
    border-top: 1px solid var(--canvas-black30);
}
/* 'THIS ITEM CAN ONLY BE PURCHASED ONCE' - TEXT **/
.purchase-disabled p {
    color: var(--accent) !important; 
    font-size: .8rem;
    line-height: 1em;
}
/** OR BUY NEW **/
.checkbox-plan-list>li:last-child>a {
    background: var(--accent);
    color: var(--canvas-white);
    text-transform: uppercase;
}


/******** SUBMIT FORM ********/
/****** ERRORS, INFO AND MESSAGES ******/
/**** CONTAINER ****/
.job-manager-error.job-manager-error, 
.job-manager-info.job-manager-error, 
.job-manager-message.job-manager-error {
    border: 1px solid var(--accent) !important;
}
/**** ICON ****/
.job-manager-error.job-manager-error:before, 
.job-manager-info.job-manager-error:before, 
.job-manager-message.job-manager-error:before {
    color: var(--accent);
}
/****** MYLISTING "BUG" FIXES ******/
/**** FIX FIELD DESCRIPTION ALIGNMENT ISSUES FOR CUSTOM FIELDS - EXAMPLE: BONUS GALLERY FIELD ****/
small.description {
	display: block;
	width: 100%;
	margin-top: 5px;
}
/**** FIX MULTI-SELECT FIELD VERTICAL ALIGNMENT ISSUES ****/
.select2-search__field {
    height: 48px;
    font-weight: 600;    
}
/****** MYLISTING ENDPOINT MENU ******/
.mlduo-account-menu {
    display: none;
}
/****** CONTAINER ******/
#submit-job-form .form-section {
    box-shadow: var(--canvas-shadow);
    border-radius: 10px;
}
/****** PAGE HEADINGS ******/
/**** CONTAINER ****/
.section-title h2 {
    margin-bottom: 30px;
}
/**** 'BUILD YOUR LISTING' ****/
.add-listing-submit-form-heading {
    font-size: 2.441rem;
    font-weight: 700;
}
/**** 'NEED HELP? CLICK HERE.' ****/
.add-listing-sub-heading {
    font-weight: 700;
    font-size: 1.563rem;
}
/****** ALL FIELDS ******/
/**** HELPER LINKS THAT CALL POPUPS ****/
.helperlinks {
    font-weight: 700;
    text-decoration: underline;
    color: var(--accent);
}
/****** MULTI-SELECT FIELDS ******/
/**** TOGGLE HAMBURGER ICON ****/
#submit-job-form .select2-selection--multiple>ul:before {
    color: var(--accent) !important;
    opacity: 1;
}
/****** SINGLE-SELECT FIELDS ******/
/**** TOGGLE HAMBURGER ICON ****/
#submit-job-form .select2-selection--single:before,
#submit-job-form .select2-selection--multiple:before {
    color: var(--accent);
    opacity: 1;
    font-weight: 500;
}
/**** HIDE RESULTS ICON AT RIGHT ****/
.select2-results__options li:after {
    display: none;
}
/****** CHECKBOX FIELDS ******/
.md-checkbox label:before {
    border: 1.5px solid var(--accent);
    border-radius: 50px;
}
/****** TEXT BASED FIELDS ******/
/**** INPUT - TEXT, TEXTAREA ****/
#submit-job-form .field>input, #submit-job-form .field>textarea {
    padding: 8px;
    background: var(--canvas-grey);
    border-radius: 2px;
    margin: 10px 0 20px 0;
}
#submit-job-form .field>input:focus, #submit-job-form .field>textarea:focus {
    padding-left: 8px;
}
/****** WP EDITOR FIELDS ******/
/**** ICONS ****/
.mce-toolbar .mce-btn i {
    text-shadow: none;
    color: var(--canvas-white);
}
/****** IMAGE BASED FIELDS ******/
/**** REMOVE THE MAX UPLOAD SIZE TEXT ****/
#submit-job-form .file-upload-field small {
    display: none;
}
/**** UPLOAD BOXES ****/
/** CONTAINER **/
.review-gallery-add {
    border: 1px dotted var(--accent);
    background: var(--canvas-grey);
}
.review-gallery-add:hover {
    border: 1px dotted var(--accent);
}
/** ICON **/
.field-type-file.form-group .review-gallery-add {
    color: var(--accent);
}
/****** LOCATION FIELD ******/
/**** LOCATOR ICON ****/
.location-field-wrapper .cts-custom-get-location {
    color: var(--accent);
}
/**** PIN ICON ON DROPDOWN ITEMS ****/
i.mi.location_on {
    color: var(--accent);
}
/**** COORDINATE INPUT ****/
/** INPUT BACKGROUNDS **/
.location-coords input {
    padding: 8px;
    background: var(--canvas-grey);
    border-radius: 2px;
    margin: 10px 0 20px 0;    
}
.latitude-input, .longitude-input {
    border: 1px solid var(--canvas-black80);
    margin: 5px;
}
/** STYLE THE INPUTS AS SEPARATE BOXES **/
.location-coords .form-group {
    padding: 0px 5px !important;
}
/**** MAP ****/
/** MAP CONTROLS **/
.mapboxgl-ctrl-group {
    background: none;
}
.mapboxgl-ctrl-group:not(:empty) {
    box-shadow: none;
}
/**** ADD LOCATION BUTTON ****/
.social-networks-repeater>input[type=button] {
    background: var(--accent);
    color: var(--canvas-white) !important;
    font-weight: 700;
}
.social-networks-repeater>input[type=button]:hover {
    background: var(--accent10);
    color: var(--canvas-white) !important;
}
/****** WORK HOURS FIELD ******/
/**** ADD HOURS BUTTON ****/
.work-hours-repeater>input[type=button] {
    background: var(--accent);
    color: var(--canvas-white) !important;
    font-weight: 700;
}
.work-hours-repeater>input[type=button]:hover {
    background: var(--accent10);
    color: var(--canvas-white) !important;
}
/**** COPY TO SELECTED DAYS BUTTON ****/
a.copy-confirm.buttons.button-5 {
    background: var(--accent);
    color: var(--canvas-white);
    text-transform: uppercase;
    font-weight: 700;
}
/****** EVENT DATE FIELDS ******/
/**** ADD DATE BUTTON ****/
.event-picker .date-add-new,
.event-picker .date-add-new:hover {
    background: var(--accent);
    color: var(--canvas-white) !important;
    text-transform: uppercase;
    font-weight: 700;    
}
/****** MENU AND GENERAL REPEATER FIELDS ******/
/**** ADD ITEM BUTTON ****/
.resturant-menu-repeater>input[type=button], 
.resturant-menu-repeater>input[type=button]:hover {
    background: var(--accent);
    color: var(--canvas-white) !important;
}
/**** INPUT ****/
.resturant-menu-repeater .repeater-field-wrapper .item-head input:first-child,
.resturant-menu-repeater .repeater-field-wrapper .item-head input:nth-child(2) {
    padding: 8px;
    background: var(--canvas-grey);
    border-radius: 2px;
    margin: 5px;
}
/**** DELETE ITEM ****/
button.delete-repeater-item {
    background: var(--canvas-grey);
    border-radius: 100vw;
}
button.delete-repeater-item:hover {
    background: var(--canvas-black95);
}
button.delete-repeater-item i {
    color: var(--canvas-black20);
}
/****** MYLISTING GENERAL FORM SECTION  ******/
/**** HIDE FROM TOP OF FORM ****/
#form-section-general {
  	display: none;
}
/**** HIDE FROM SIDE NAV ****/
#form-section-general-nav {
  	display: none;
}
/**** SECTION HEADINGS ****/
/** CONTAINTERS **/
#submit-job-form .element .pf-head {
    padding: 20px;
    background: var(--accent);
    margin-bottom: -20px;
}
.form-section-wrapper .heading-content {
    margin-top: 0;
}
/** HEADINGS **/
#submit-job-form .round-icon .title-style-1 h5 {
    color: var(--canvas-white);
    background: var(--accent);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    margin-left: -10px;
}
.round-icon .title-style-1 i {
    background: var(--accent);
    color: var(--canvas-white) !important;
}
/****** LISTING ACTION BUTTONS ******/
/**** PUBLISH ****/
.add-listing-step .listing-form-submit-btn button.skip-preview-btn i {
    font-size: 1rem;
}
/**** PREVIEW  ****/
/** HIDE BUTTON - THIS FEATURE CAUSES MORE PROBLEMS THAN IT PROVIDES BENEFITS **/
.add-listing-step .listing-form-submit-btn button.preview-btn {
    display: none;
}
/**** SAVE LISTING ******/
.add-listing-step .listing-form-submit-btn button.save-listing-button {
    flex-basis: 100%;
    background: var(--canvas-black);
    color: var(--canvas-white) !important;
}
/**** SAVE CHANGES ****/
.edit-listing-form .listing-form-submit-btn .preview-btn {
    color: var(--canvas-white);
}
.edit-listing-form .listing-form-submit-btn .preview-btn:hover {
    background: var(--accent);
}
/****** SIDE NAVIGATION ******/
/**** CONTAINER ****/
.add-listing-nav {
    left: 0;
}
/**** NAV ****/
.add-listing-nav>ul {
    margin: 0;
}
/** ITEMS **/
.add-listing-nav a {
    font-weight: 500;
    text-transform: uppercase;
    width: auto;
    background: var(--canvas-grey);
    margin: 10px 10px 15px 0px;
    padding: 10px 25px;
    border-radius: 0px 5px 5px 0px;
    box-shadow: var(--canvas-shadow-vertical-menu);
}
.add-listing-nav a:hover {
    padding-left: 30px;
    font-weight: 700;
    background: var(--accent);
    color: var(--canvas-white);
}
.add-listing-nav li.active a {
    font-weight: 700;
    background: var(--accent);
    color: var(--canvas-white);
}
/* ICONS */
.add-listing-nav a i {
    display: none;
}




/******** SAVED LISTING CONFIRMATION ********/
/****** CONTAINER ******/
div.element.submit-l-message {
    border: 1px solid var(--accent) !important;
    box-shadow: none;
    color: var(--canvas-black);
    padding-left: 20px; /* REMOVES SPACE LEFT BY REMOVING THE ICON */       
}
/****** ICON ******/
div.element.submit-l-message .title-style-1 i {
    display: none;
}