/******** GLOBAL ********/
/****** PAGE BACKGROUND ******/
#c27-site-wrapper {
    background: var(--canvas-black);
}
/****** LABELS ******/
label {
    color: var(--canvas-white);    
}
/****** TEXT ******/
p {
    color: var(--canvas-black70);  
}
/****** TEXTAREA ******/
textarea {
    border-color: var(--canvas-black20);
    color: var(--canvas-black80);
}




/******** 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";
    color: var(--canvas-white);  
}
/**** 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;
    color: var(--canvas-white);
}
/****** PRICING TABLE SWITCHER ******/
/**** REMOVE GAP BETWEEN SWITCHER AND 'START FOR FREE' HEADING ****/
.section-title {
    margin-bottom: 0px;
}
/**** TOGGLE LABELS ****/
.row.selection-buttons {
    color: var(--canvas-white);
}
/**** MONTHY TOGGLE  ****/
.packageslider {
    background: var(--canvas-black20) !important;
}
/**** ANNUAL TOGGLE ****/
input:checked + .packageslider {
    background: var(--accent);
}
/****** PRICING TABLES ******/
/**** REDUCE THE TOP AND BOTTOM VERTICAL PADDING FROM THE PRICING TABLE CONTAINERS ****/
.i-section {
    padding-top: 15px;
    padding-bottom: 20px;
}
/**** CONTAINERS ****/
.pricing-item {
    border: 1.5px solid var(--accent);
    border-radius: 20px;
    background: var(--canvas-black10);
}
.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;
    color: var(--canvas-white);
}
/** 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;
    color: var(--canvas-black70) !important;
}
/** PRODUCT FEATURES **/
.pricing-item {
  	text-align: left;
    color: var(--canvas-white);
}
/* CHECKMARK ICONS */
.pricing-item .fa.fa-check {
    color: var(--accent);
}
/** PLAN FEATURES EDUCATION **/
/* ICON */
.fa-info-circle:before {
    color: var(--canvas-black40);    
}
/* LINK */
.pricing-learn-more {
    color: var(--accent);
}
/** SELECT PACKAGE BUTTONS **/
.select-plan {
    color: var(--canvas-white) !important;
}
/**** YOU ALREADY OWN THIS PACKAGE ****/
/** 'YOU ALREADY OWN THIS PACKAGE' - TOGGLE TEXT/LINK **/
.package-available>.use-package-toggle, .package-available>.use-package-toggle:hover {
    color: var(--canvas-black70);   
}
/** MENU **/
.package-available .dropdown-menu {
    background: var(--canvas-black);
    border: 1px solid var(--canvas-black30); 
}
/* 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;
}
/* RADIO BUTTON - UNSELECTED */
.md-checkbox label:before {
    background: var(--canvas-black);
    border: 1px solid var(--canvas-black50); 
}
/** OR BUY NEW **/
.checkbox-plan-list>li:last-child>a {
    background: var(--accent);
    color: var(--canvas-white);
    text-transform: uppercase;
}




/******** SUBMIT FORM ********/
/**** INPUT ****/
#submit-job-form .field>input,
input:not([type="button"]):not([type="submit"]) {
	color: var(--canvas-black80) !important;
}
/** PLACEHOLDER TEXT **/
#submit-job-form ::-webkit-input-placeholder {
	color: var(--canvas-black60) !important;
}
#submit-job-form ::-moz-placeholder {
	color: var(--canvas-black60) !important;
  	opacity: 1;
}
#submit-job-form :-ms-input-placeholder {
	color: var(--canvas-black60) !important;
}
#submit-job-form :-moz-placeholder {
	color: var(--canvas-black60) !important;
  	opacity: 1;
}
/****** 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;
    background: var(--canvas-black);
    color: var(--canvas-white);
}
/**** 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 {
    border-radius: 10px;
    box-shadow: none;
    background: var(--canvas-black10);
}
/****** PAGE HEADINGS ******/
/**** CONTAINER ****/
.section-title h2 {
    margin-bottom: 30px;
}
/**** 'BUILD YOUR LISTING' ****/
.add-listing-submit-form-heading {
    font-size: 2.441rem;
    font-weight: 700;
    color: var(--canvas-white);
}
/**** 'NEED HELP? CLICK HERE.' ****/
.add-listing-sub-heading {
    font-weight: 700;
    font-size: 1.563rem;
    color: var(--canvas-white);
}
/****** ALL FIELDS ******/
/**** DESCRIPTIONS ****/
.description {
    color: var(--canvas-white);
}
/**** 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;
}
/**** SELECTED ITEMS ****/
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color: var(--canvas-black60);
}
/**** REMOVE SELECTED ITEMS ****/
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
    color: var(--canvas-black40);
}
/****** SINGLE-SELECT FIELDS ******/
/**** INPUT BORDER ****/
#submit-job-form .select2-selection--single,
#submit-job-form .select2-selection--multiple {
    border-bottom: 1px solid var(--canvas-black25);
}
/**** SELECT OPTION AND SELECTED OPTION TITLES ****/
#submit-job-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--canvas-black60);
}
/**** HIDE RESULTS ICON AT RIGHT ****/
.select2-results__options li:after {
    display: none;
}
/**** REMOVE SELECTED ITEMS ****/
.select2-container--default .select2-selection--single .select2-selection__clear:before {
    background: var(--canvas-black20);
    color: var(--canvas-black80);
}
.select2-container--default .select2-selection--single:hover .select2-selection__clear:before {
    background: var(--canvas-black25);
}
/****** 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-black15);
    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 ****/
/** CONTAINER **/
#submit-job-form .mce-container iframe {
    margin: 0;
}
/** TINY MCE PANEL **/
div.mce-panel {
    background: transparent !important;
}
/** TINY MCE BUTTONS **/
.mce-toolbar .mce-btn-group .mce-btn:hover {
    background: var(--canvas-black15) !important;
}
/* ICONS */
.mce-toolbar .mce-btn i {
    color: var(--canvas-white);
}
/** INPUT TEXT MARKER **/
.mce-path-item {
    color: var(--canvas-white) !important;
}
/**** SINGLE LISTING CHARACTER COUNTER ****/
/** https://mylisting.club/ultimate-add-ons/single-listing-character-counter **/
.char-count {
    color: var(--accent);
}
/****** 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-black15);
}
.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);
    margin-right: 10px;
}
/**** ADDRESS INPUT ****/
input.address-field.cts-autocomplete-input {
    background:var(--canvas-black15);
    padding-left: 10px;
}
/**** ADDRESS RESULTS ****/
/** CONTAINER **/
div.suggestions-list {
	border: none !important;
}
/** RESULTS **/
div.suggestion {
  	background: var(--canvas-black);
  	color: var(--canvas-white) !important;
  	border: none !important;
}
div.suggestion:hover {
  	background: var(--canvas-black) !important;
  	font-weight: 700 !important;
}
/**** PIN ICON ON DROPDOWN ITEMS ****/
i.mi.location_on {
    color: var(--accent);
}
/**** COORDINATE INPUT ****/
/** INPUT BACKGROUNDS **/
.location-coords input {
    padding: 8px;
    background: var(--canvas-black15);
    border-bottom: 1px solid var(--canvas-black30);
    margin: 10px 0 20px 0;    
}
.latitude-input, .longitude-input {
    margin: 5px;
}
/** STYLE THE INPUTS AS SEPARATE BOXES **/
.location-coords .form-group {
    padding: 0px 5px !important;
}
/**** MAP ****/
/** MAP CONTROLS **/
.mapboxgl-ctrl-zoom-in,
.mapboxgl-ctrl-zoom-out,
.mapboxgl-ctrl-fullscreen {
    background: inherit !important;
}
.mapboxgl-ctrl-group {
    background: none;
}
.mapboxgl-ctrl-group:not(:empty) {
    box-shadow: none;
}
/**** DELETE LOCATION BUTTON ****/
/** BUTTON **/
div[data-repeater-list=job_location] .repeater-item .delete-repeater-item {
    background: var(--canvas-black20);
}
div[data-repeater-list=job_location] .repeater-item .delete-repeater-item:hover {
    background: var(--canvas-black25);
}
/* ICON */
div[data-repeater-list=job_location] .repeater-item .delete-repeater-item i {
    color: var(--accent);
}
/** DIVIDER **/
div[data-repeater-list=job_location] .repeater-item {
    border-bottom: 1.5px solid var(--canvas-black20);
}
/**** 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;
}
/****** SOCIAL NETWORKS FIELD ******/
/**** DELETE LOCATION BUTTON ****/
/** BUTTON **/
.social-networks-repeater div div button[type=button] {
    background: var(--canvas-black20);
}
.social-networks-repeater div div button[type=button]:hover {
    background: var(--canvas-black25);
}
/* ICON */
.social-networks-repeater div div button[type=button] i {
    color: var(--accent);
}
/****** WORK HOURS FIELD ******/
/**** CONTAINER ****/
.c27-submit-listing-form .form-group .tab-content {
    background: var(--canvas-black10);
}
/**** TABS ****/
/** ACTIVE **/
.bl-tabs .nav-tabs>li.active>a {
    background: var(--canvas-black15);
}
/** INACTIVE **/
.bl-tabs .nav-tabs>li>a {
    border-bottom: 1px solid var(--canvas-black25);
}
/**** 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;
}
/**** DELETE HOURS ****/
.delete-repeater-item, .work-hours-repeater li.day button[type=button] {
    background: var(--canvas-black20);    
}
.delete-repeater-item, .work-hours-repeater li.day button[type=button]:hover {
    background: var(--canvas-black25);    
}
/* ICON */
.delete-repeater-item, .work-hours-repeater li.day button[type=button] i {
    color: var(--accent);
}
/****** EVENT DATE FIELDS ******/
/**** CONTAINER ****/
/** BORDER **/
.event-picker .single-date {
    border: 1.5px solid var(--canvas-black20);
}
/**** DATE PICKER ****/
/** CONTAINERS **/
.date-end, .date-start, .recur-details {
    background: transparent;
}
/** RECURRING DATE OCCURANCES **/
/** HEADING **/
.repeat-message>span {
    color: var(--canvas-white);
}
/** ITEM LIST **/
.repeat-message ul li {
    background: var(--canvas-black20);
    color: var(--canvas-white);
}
/**** DELETE DATE BUTTON ****/
.event-picker .single-date .remove-date {
    background: var(--canvas-black20);
} 
.event-picker .single-date .remove-date:hover {
    background: var(--canvas-black25);
} 
.event-picker .single-date .remove-date i {
    color: var(--accent);
}
/**** 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 ******/
/**** CONTAINER ****/
.repeater-field-wrapper {
    border: 1.5 solid var(--canvas-black20);
}
/**** 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-black15);
    border-bottom: 1px solid var(--canvas-black30);
    border-radius: 2px;
    color: var(--canvas-white);
    margin: 5px;
}
/**** DELETE ITEM ****/
button.delete-repeater-item {
    background: var(--canvas-black20);
    border-radius: 100vw;
}
button.delete-repeater-item:hover {
    background: var(--canvas-black25);
}
button.delete-repeater-item i {
    color: var(--accent);
}
/****** 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-black30);
    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-black15);
    color: var(--canvas-white);
    margin: 10px 10px 15px 0px;
    padding: 10px 25px;
    border-radius: 0px 5px 5px 0px;
}
.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;
    padding-left: 20px; /* REMOVES SPACE LEFT BY REMOVING THE ICON */
    background: var(--canvas-black);    
}
/****** TITLE ******/
div.element.submit-l-message .title-style-1 h5 {
    color: var(--canvas-white);
}
/****** ICON ******/
div.element.submit-l-message .title-style-1 i {
    display: none;
}