/****** COLOR SCHEME ******/
:root {
	--accent: #069BCE; /* This should always be the same as the 'Accent Color' set under Theme Tools > Theme Options */
	--accent5: #13A8DB; /* (5% Lighter) */
	--accent10: #20B5E8; /* (10% Lighter) */
	--accent20: #39CEFF; /* (20% Lighter) */
	--accent30: #53E8FF; /* (30% Lighter) */
	--accent50opac: #069BCE80; /* (50% Opacity) */
	--accent10d: #0084B7; /* (10% Darker) */
	--canvas-white: #FFFFFF;
	--canvas-white30opac: #ffffff30; /* (30% Opacity) */
	--canvas-white40opac: #ffffff40; /* (40% Opacity) */
	--canvas-grey: #F7F9FB;
	--canvas-black: #000000;
	--canvas-black5: #0D0D0D; /* (5% Lighter) */
	--canvas-black10: #1A1A1A; /* (10% Lighter) */
	--canvas-black15: #262626; /* (15% Lighter) */
	--canvas-black20: #333333; /* (20% Lighter) */
	--canvas-black30: #4D4D4D; /* (30% Lighter) */
	--canvas-black40: #666666; /* (40% Lighter) */
	--canvas-black50: #7F7F7F; /* (50% Lighter) */
	--canvas-black60: #999999; /* (60% Lighter) */
	--canvas-black70: #B3B3B3; /* (70% Lighter) */
	--canvas-black80: #CCCCCC; /* (80% Lighter) */
	--canvas-black90: #E5E5E5; /* (90% Lighter) */
	--canvas-black95: #F2F2F2; /* (95% Lighter) */
	--canvas-shadow-accent60opac: -13px 12px 30px -12px #069BCE99; /* --accent (60% Opacity) */
	--canvas-shadow: -5px 5px 20px 0px #F5F5F5;
	--canvas-shadow-hover: -5px 5px 20px 0px #F0F0F0;
	--canvas-shadow-right: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	--canvas-shadow-buttons: rgba(0, 0, 0, 0.14) 0px 3px 8px;
	--canvas-shadow-vertical-menu: -10px 5px 5px 0px #E5E5E5;
	--canvas-shadow-photoswipe: 0 1px 4px rgba(0,0,0,.07);
}


/****** SYSTEM FONT STACK ******/
body,h1,h2,h3,h4,h5,h6 {
	font-family: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


/******* HIDE CONTENT FROM USER ROLES ******/
/**** https://mylisting.club/show-content-based-on-role ****/
/** CURRENTLY THIS IS ONLY BEING USED TO HIDE THE WOOCOMEMRCE PRODUCT VENDORS MENU ITEM **/
.logged-in.user-role-customer .hidecontent,
.logged-in.user-role-subscriber .hidecontent,
.logged-in.user-role-editor .hidecontent,
.logged-in.user-role-author .hidecontent {
    display: none; 
}


/****** MYLISTING ******/
/**** MODALS ****/
@media only screen and (max-width: 1200px) {
#ml-messages-modal .modal-content {	
	border-radius: 0px !important;
	}
}
/**** FIX MYLISTING’S INACCESSIBLE AND UNRESPONSIVE TYPOGRAPHY ****/
/** https://mylisting.club/how-to-fix-mylistings-inaccessible-and-unresponsive-typography **/
html { 
	font-size: 16px !important; 
}
/**** QUICK SEARCH SHORTCODE ****/
.search-shortcode.header-search {
    border-bottom: none !important;
}
.search-shortcode.header-search>i {
    font-size: 1.125rem !important;
}



/****** ELEMENTOR ******/
/**** CALL LINKS ****/
a[href*="tel:"] {
    color: var(--accent);
}
a[href*="tel:"]:hover {
    color: var(--accent10);
}
/**** ICON BOX WIDGET ****/
/** MAKE THE ENTIRE ICON BOX A CLICKABLE LINK **/
.elementor-widget-icon-box a:after {
	content: "";
	display: block !important;
	position: absolute;
	inset: 0;
	z-index: 1;
}
.elementor-icon-box-icon {
	z-index: 2;
}
/**** POSTS WIDGET ****/
/** READ MORE LINKS **/
.elementor-post__read-more {
    background: var(--accent);
    padding: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700 !important;
}
/**** FIX MYLISTING STRIPPING BULLETED LIST FORMATTING WHEN USING ELEMENTOR POST TEMPLATES ****/
.single-post .elementor-widget-theme-post-content ul li ul,
.single-post .elementor-widget-theme-post-content ul {
    list-style-type: disc;
    list-style-position: inside;
	margin-left: 20px;
}
.single-post .elementor-widget-theme-post-content ol li ol,
.single-post .elementor-widget-theme-post-content ol {
    list-style-type: decimal;
    list-style-position: inside;
	margin-left: 20px;
}


/****** REQUIRED FORM FIELD ASKTERISKS ******/
/**** GENERAL, WOOCOMMERCE, ETC. ****/
label span.required,
.woocommerce form .form-row .required {
	color: var(--accent);
    font-weight: 800;
}


/****** WOOCOMMERCE  ******/
/**** BUTTONS ****/
.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page .woocommerce-info .button, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-info .button:hover,.woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
    background: var(--accent) !important;
    color: var(--canvas-white) !important;
    text-shadow: transparent !important;
    border: none !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin-right: 10px !important;
    font-size: 0.813rem !important;
	padding: 8px !important;
    border-radius: 5px !important;
}
/**** WOOCOMMERCE & MYLISTING MESSAGES ****/
/** MESSAGE BOXES **/
.woocommerce-info, .woocommerce-message, .woocommerce-error, .job-manager-message {
    border: 1px solid var(--accent) !important;
    box-shadow: none;
    color: var(--canvas-black);
    padding-left: 20px; /* REMOVES SPACE LEFT BY REMOVING THE ICON */   
}
/** ICONS **/
.woocommerce-info:before, .woocommerce-message:before, .woocommerce-error:before, .job-manager-message:before {
    display: none;
}
/** LINKS CONVERTED TO BUTTONS **/
.woocommerce-info a, .woocommerce-message .woocommerce-error a, .woocommerce-message a {
    background: var(--accent);
    color: var(--canvas-white);
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 0.813rem;
    margin-left: 10px;
}
.woocommerce-info a:hover, .woocommerce-message .woocommerce-error a:hover, .woocommerce-message a:hover {
    color: var(--canvas-white);
}
@media only screen and (max-width: 414px) {
    .woocommerce-info a, .woocommerce-message .woocommerce-error a, .woocommerce-message a {
        margin-top: 10px;
        display: inline-block;
    }
 }



/******** HEADER ********/
/****** CONTAINER ******/
.header.header-light-skin:not(.header-scroll) .header-skin {
	border: solid 1px #aaa;
}
/****** SEARCH FORM ******/
/**** SEARCH BOX  ****/
.header-left #c27-header-search-form {
    padding-left: 10px;
    border: 2px solid var(--accent);
    border-radius: 5px;
}
/**** RESULTS  ****/
/** CONTAINER **/
.instant-results {
	background: transparent;
}
/* TOP BORDER */
.instant-results:before {
	display: none;
}
/** LISTING TYPES **/
.instant-results ul li.ir-cat {
	background: var(--canvas-grey) !important;
	color: var(--canvas-black) !important;
	letter-spacing: 1px;
  	text-transform: uppercase;
  	font-weight: 600;
}
.instant-results ul li.ir-cat:hover {
	background: var(--canvas-grey) !important;
}
/** ITEMS **/
.instant-results li, .instant-results li:hover {
    background: var(--canvas-white) !important;
}
.instant-results ul li a {
  	transition: margin .2s ease-in-out;
	color: var(--canvas-black);
}
.instant-results ul li a:hover {
    margin-left: 10px;
}
/** BUTTON **/
.instant-results .view-all-results {
	color: var(--canvas-white);
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.instant-results .view-all-results:hover {
	background: var(--accent);
}
/* ICON */
.instant-results .view-all-results i {
	display: none;
}
/******  NAVIGATION ******/
/**** CURRENT MENU ITEM ****/
.current-menu-item i {
    color: var(--accent) !important;
}
/**** SUBMENU ANIMATED BORDER ****/
.main-nav .i-dropdown:before, 
ul.dropdown-menu:before {
	background: none;
}
/**** SUBMENU ITEMS ****/
/** CONTAINER **/
.i-dropdown {
  	border: none;
	padding-bottom: 0;
    border-radius: 10px !important;
}
/** UNHIDE ICONS **/
.main-nav li a>i {
	display: inline;
}
/** MENU ITEM ICONS **/
.i-dropdown li a i {
    color: var(--canvas-black40);
	margin-right: 5px;
}
.i-dropdown li a:hover i {
    color: var(--accent);
}
/**** LAST SUBMENU ITEM - 'ALL LISTINGS', 'LOGOUT,' etc. ****/
/** CONTAINER **/
.lastnavitem {
	background: var(--accent) !important;
    border-radius: 0px 0px 10px 10px;
}
/** ICON AND TEXT **/
.lastnavitem a,
.lastnavitem i {
	color: var(--canvas-white) !important;
}
.lastnavitem.menu-item a:hover {
	background: var(--accent) !important;
}
/****** NAVIGATION - MOBILE ******/
/**** PRIMARY MENU ****/
/** ICONS **/
@media only screen and (max-width: 1200px) {
.mobile-user-menu i {
    font-size: 1rem;
    color: var(--accent);
	}
}
/** CALL TO ACTION BUTTON **/
.mobile-nav-button .header-button a {
	font-size: 1rem;
}
/** SUB MENU **/
/* UNHIDE ICONS */
.mobile-menu-open .i-dropdown li a i {
	display: inline;
    font-size: 1rem;
    color: var(--accent) !important;
}
/** LAST SUBMENU ITEM - 'ALL LISTINGS', 'LOGOUT,' etc. **/
.mobile-menu-open .i-dropdown .lastnavitem i {
    color: var(--canvas-white) !important;
}
.mobile-nav-button .header-button a {
    justify-content: left;
	padding: 0 20px;
}
/****** WOOCOMMERCE MINI CART ******/
/**** ITEM COUNTER ****/
.header-scroll .header-cart-counter {
	background: var(--canvas-black);
}
/**** MODAL ****/
/** CONTAINER **/
#wc-cart-modal .modal-content {
	border-radius: 10px;
}
/** REMOVE ICON **/
#wc-cart-modal a.remove_from_cart_button {
	border: none;
}
/* ICON */
#wc-cart-modal a.remove_from_cart_button:before {
    color: var(--canvas-black70);
}
/** FIXES STYLING OF CERTAIN MYLISTING PRODUCTS (E.G., PROMOTION PRODUCTS) TO MATCH OTHER PRODUCT STYLING **/ 
#wc-cart-modal .woocommerce-mini-cart li {
    font-weight: 600;
    font-size: 0.9rem;
}
/** SUBTOTAL **/
/* HEADING */
.woocommerce.widget_shopping_cart .total {
	color: var(--canvas-black50);
}
/* PRICE */
.woocommerce-Price-amount {
	color: var(--canvas-black);
	font-weight: 600;
}
/** BUTTONS **/
/* VIEW CART BUTTON */
#wc-cart-modal .woocommerce-mini-cart__buttons a:first-child {
	background: var(--canvas-black) !important;
}
#wc-cart-modal .woocommerce-mini-cart__buttons a:first-child:hover {
	background: var(--canvas-black) !important;
	opacity: 1 !important;
}
/* CHECKOUT BUTTON */
#wc-cart-modal .woocommerce-mini-cart__buttons a {
	opacity: 1 !important;
}
/****** CALL TO ACTION BUTTON ******/
.header-right .header-button a.buttons {
	text-transform: uppercase;
	font-weight: 700;
	background: var(--accent);
	color: var(--canvas-white);
}
/**** HEADER SCROLLED ****/
.header-scroll .header-button a.buttons {
	background: var(--canvas-black);
}