/****** GLOBAL ******/
/**** PAGE BACKGROUND ****/
#c27-site-wrapper {
    background: var(--canvas-black);
}
/**** LABELS ****/
label {
    color: var(--canvas-white);    
}


/****** PRICING TABLE SWITCHER ******/
/**** 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) !important;
}


/****** 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: 40px;
    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;
}
/**** PRICING TABLE CONTENTS ****/
/** 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);
}
/**** HIDE SELECT PACKAGE BUTTONS ****/
.select-package {
    display: none;
}