/****** COLOR SCHEME ******/
:root {
	--accent: #00bcff; /* Match this color to the 'Accent Color' set under Theme Tools > Theme Options */
	--accent5: #0DC9FF; /* (5% Lighter) */
	--accent10: #1AD6FF; /* (10% Lighter) */
	--accent20: #33EFFF; /* (20% Lighter) */
	--accent30: #4DFFFF; /* (30% Lighter) */
	--accent40: #66FFFF; /* (40% Lighter) */
	--accent50: #7FFFFF; /* (50% Lighter) */
	--accent10opac: #00BCFF1A; /* (10% Opacity) */
	--accent20opac: #00BCFF33; /* (20% Opacity) */
	--accent30opac: #00BCFF4D; /* (30% Opacity) */
	--accent40opac: #00BCFF66; /* (40% Opacity) */
	--accent50opac: #00BCFF80; /* (50% Opacity) */
	--accent60opac: #00BCFF99; /* (60% Opacity) */
	--accent70opac: #00BCFFB3; /* (70% Opacity) */
	--accent80opac: #00BCFFCC; /* (80% Opacity) */
	--accent90opac: #00BCFFE6; /* (90% Opacity) */
	--accent10d: #00A3E6; /* (10% Darker) */
	--accent20d: #0089CC; /* (20% Darker) */
	--accent30d: #0070B3; /* (30% Darker) */
	--accent40d: #005699; /* (40% Darker) */
	--accent50d: #003D80; /* (50% 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 rgba(0, 187, 255, 0.6); /* --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);
}


/**** TYPOGRAPHY ****/
/** SYSTEM FONT STACK **/
h1,h2,h3,h4,h5,h6,body {
	font-family: system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-transform: none;
}
/** REM TO PX CONVERSION FIX FOR MYLISTING - MORE INFO >> https://mylisting.club/resources/starter-sites/fit ******/
html {
    font-size: 16px !important;
}


/******* 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;
	}
}
/**** QUICK SEARCH SHORTCODE ****/
.search-shortcode.header-search {
    border-bottom: none !important;
}
.search-shortcode.header-search>i {
    font-size: 1.125rem !important;
}


/****** ELEMENTOR ******/
/**** 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 {
    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 #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(--accent10) !important;
    color: var(--canvas-white) !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 - TEXT LOGO ******/
.header-logo-text {
	color: var(--canvas-white) !important;
	font-weight: 700;
}


/****** HEADER - SEARCH FORM ******/
/**** RESULTS  ****/
/** CONTAINER **/
.instant-results {
	background: transparent;
}
/* TOP BORDER */
.instant-results:before {
	background: var(--canvas-black);
}
/** 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;
}


/****** HEADER - NAVIGATION ******/
/**** CURRENT MENU ITEM ****/
.current-menu-item i {
    color: var(--accent) !important;
}
/**** DESKTOP MENU ****/
/** MENU ITEMS **/
@media screen and (min-width: 1201px) {
.i-nav > ul > li {
    border: solid 1.5px var(--canvas-black30);
    padding: 0px 15px;
    border-radius: 10px;
    }
}
@media screen and (min-width: 1201px) {
.i-nav > ul > li:hover {
    border: solid 1.5px var(--canvas-black40);
    }
}
/* SCROLLED HEADER */
@media screen and (min-width: 1201px) {
.header-scroll .i-nav > ul > li {
    border: solid 1.5px var(--canvas-white30opac);
    padding: 0px 15px;
    border-radius: 10px;
    }
}
@media screen and (min-width: 1201px) {
.header-scroll .i-nav > ul > li:hover {
    border: solid 1.5px var(--canvas-white40opac);
    }
}
.i-nav>ul>li {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
/**** SUBMENU TOGGLE ****/
.submenu-toggle {
    opacity: .5;
}
/**** 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(--accent);
	margin-right: 5px;
}
.i-dropdown li a:hover i {
    color: var(--accent10);
}
/**** LAST SUBMENU ITEM - 'ALL LISTINGS', 'LOGOUT,' etc. ****/
/** CONTAINER **/
.lastnavitem {
	background: var(--accent) !important;
    border-radius: 0px 0px 10px 10px;
}
/* MOBILE */
@media only screen and (max-width: 1200px) {
	.lastnavitem {
    	border-radius: 0;
		background: transparent !important;
	}
}
/** ICON AND TEXT **/
/* DESKTOP */
.lastnavitem a,
.lastnavitem i {
	color: var(--canvas-white) !important;
}
.lastnavitem.menu-item a:hover {
	background: var(--accent) !important;
}
/* MOBILE */
@media only screen and (max-width: 1200px) {
	.lastnavitem a {
		color: inherit !important;
	}
}


/****** HEADER 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;
}
.mobile-nav-button .header-button a {
    justify-content: left;
	padding: 0 20px;
}
@media only screen and (max-width: 1200px) {
	.mobile-menu-open .i-dropdown li a i {
		width: 30px;
	}
}


/****** HEADER - 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 CART ITEM ICON **/
/* REMOVE BORDER **/
#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;
}


/****** HEADER - DIRECT MESSAGES ******/
/**** INITIAL MODAL ****/
/** HEADER SECTION **/
.message-inbox .inbox-header {
    border-radius: 10px 10px 0px 0px;
}
/** COMPOSE BUTTON **/
.inbox-header a.compose-btn, .compose-btn-mobile {
	text-transform: uppercase;
	font-weight: 700 !important;
}
/** CLOSE BUTTON **/
#ml-messages-modal button.close {
	background: none;
}
/** MAIN AND BOTTOM SECTIONS **/
.message-inbox, #ml-messages-modal .sign-in-box, #ml-messages-modal .modal-content {
    border-radius: 10px;
}
/** MESSAGES **/
/* REPLACE 'NO MESSAGES' ICON WITH CUSTOM IMAGE */
.empty-inbox:before {
	content: url(https://catholicnest.kinsta.cloud/wp-content/uploads/2025/01/No-Results-Icon-80-x-80.avif);
	opacity: 1;
}
/**** COMPOSE MESSAGE MODAL ****/
.compose-message {
    border-radius: 10px;
}
/** HEADER SECTION **/
.compose-message .inbox-header, .inbox-header {
    border-radius: 10px 10px 0px 0px;
}
/* REMOVES BACKGROUNDS FROM THE ACTION BUTTONS - DELETE, BAN, ETC. */
.inbox-header .go-back-btn, .inbox-actions, .inbox-actions .delete-chat, .inbox-actions .block-chat {
	background: none;
}
/* "DANGEROUS" ACTION ICONS - DELETE, BLOCK, UNBLOCK, ETC. */
a.delete-chat i, a.block-chat i {
    color: var(--accent);
	opacity: .6;
}
/* ACTIVELY BLOCKED USER/CONVERSATION */
a.block-chat.active i {
	color: var(--accent);
}
/** REPLY BOX **/
.inbox-chat-contents form textarea {
    border-radius: 0px 0px 10px 10px;
}
/** USERNAME PORTION OF THE 'SAY HELLO TO' TEXT **/
.messages-list .avatar-container span {
	font-weight: 700;
	display: block;
}
/** SEND MESSAGE **/
.inbox-chat-contents form .btn {
	background: none;
}
.inbox-chat-contents form .btn i {
	color: var(--accent);
}
/* SENDER ERROR - EX. 'YOU MUST UNBLOCK USER TO SEND MESSAGE' */
.inbox-chat-contents ul li .chat-loader i.error_outline {
	color: var(--accent);
}
/**** MESSAGE RECIPIENT MODAL ****/
/** DELETE MESSAGE **/
.inbox-contents ul li .date-action .action i {
    color: var(--accent);
}
/** LOAD MORE MESSAGES **/
/* BUTTON */
.load-more-msgs {
	background: var(--canvas-black);
	color: var(--canvas-white);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.813em;
}
/** DELETE CONVERSATION **/
/* CONTAINER */
.delete-confirm-overlay {
    border-radius: 10px;
}
/* CONFIRM DELETION */
.delete-confirm-overlay .action-controllers a i {
    color: var(--canvas-white);
    background: var(--accent);
    border-radius: 5px;
	font-weight: 700;
    padding: 2px 10px;
}
/* CLOSE WITHOUT DELETING */
.delete-confirm-overlay .action-controllers .close {
    background: var(--canvas-black);
}
.delete-confirm-overlay .action-controllers .close:hover {
	opacity: 1;
}
/** BLOCKED USER **/
.inbox-chat-contents form .user-blocked {
	background: var(--accent);
}


/****** HEADER - CALL TO ACTION BUTTON ******/
.header-right .header-button a.buttons {
	text-transform: uppercase;
	font-weight: 700;
	background: var(--accent);
	color: var(--canvas-white);
}
.header-right .header-button a.buttons:hover {
	background: var(--accent10);
}
/**** HEADER SCROLLED ****/
.header-scroll .header-button a.buttons {
	background: var(--canvas-black);
}