/****** COVER AREA ******/
/**** LOGO ****/
.profile-avatar {
    background: var(--canvas-black20) 50% no-repeat;
    background-size: cover;
}
/**** CALLS TO ACTION ****/
.lmb-calltoaction>a {
    font-weight: 700;
}
/**** COVER IMAGE FOR LISTINGS (E.G., 'EXPERTS') WITH A 'NO COVER' CONFIGURATION ****/
.profile-cover.profile-cover-no-img {
    background-image: url(https://canvas.mylisting.club/wp-content/uploads/2024/02/Canvas-Listings-Without-Cover-Images-1920-x-700.svg);
    background-position: center;
    background-size: cover;
}
/**** RATING ****/
@media screen and (max-width: 1200px) {
.listing-rating i {
    color: var(--accent);
    }
}

/****** PROFILE HEADER ******/
/**** MENU ****/
/** CONTAINER **/
.profile-header {
    background: var(--canvas-grey);
}
/** ITEMS **/
.profile-header .profile-menu ul li a {
  	text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px;
}
/** ITEM COUNTER **/
.items-counter {
    border: 1px solid var(--accent);
    color: var(--canvas-white);
    background: var(--accent);
    padding: 0px 5px 0;
}


/****** QUICK ACTIONS ******/
/**** CONTAINER ****/
.quick-listing-actions>ul {
    padding-top: 10px !important;
}
/**** PREP QUICK ACTIONS FOR THE TOOLTIPS ****/
/** HIDE LABELS **/
.quick-listing-actions>ul>li>a span {
    display: none;
}
/** LINKS **/
.quick-listing-actions>ul>li>a {
    transition: .3s ease;
    box-shadow: var(--canvas-shadow-right);
  	border: none;
    margin: 8px;
    padding: 10px;
}
/* ICONS */
.quick-listing-actions>ul>li>a>i {
  	color: var(--accent);
    left: 2px !important;
}
/**** TOOLTIPS ****/
@media (min-width: 768px){
	.quick-listing-actions>ul{
		padding-top: 40px;
		padding-left: 20px;
		padding-bottom: 5px;
	}
	.quick-listing-actions>ul>li{
		position: relative;
	}
	.quick-listing-actions>ul>li>a span{
		position: absolute;
		background: var(--canvas-black);
		color: var(--canvas-white);
		font-size: 0.688rem;
		font-weight: 500;
		bottom: 0;
		left: -15px;
		padding: 5px 12px;
		visibility: hidden;
		opacity: 0;
		transition: bottom 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
		border-radius: 50px;
		display: block !important;
		z-index: 1;
		overflow: unset;
	}
	.quick-listing-actions>ul>li>a span:before{
		position: absolute;
		bottom: -5px;
		left: 20px;
		content: '';
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid var(--canvas-black);
	}
	.quick-listing-actions>ul>li>a:hover span{
		bottom: 50px;
		visibility: visible;
		opacity: 1;
	}
}
/**** REPORT LISTING ****/
/** ICON **/
.mi.report_problem:before {
    color: var(--accent);
}
/** MESSAGE INPUT **/
.report-content {
    background: var(--canvas-grey);
    padding: 10px;    
}


/****** CONTENT SECTION ******/
/**** LEFT COLUMN ****/
.col-md-6:first-child {
    padding-right: 30px;
}


/****** BLOCKS - GLOBAL ******/
/**** CONTAINERS ****/
.single-job-listing .element {
	border-radius: 10px;
  	border: none;
    box-shadow: none;
    margin: 0;
}
/**** TITLES ****/
.single-job-listing .title-style-1 h5 {
  	text-transform: uppercase;
    font-weight: 700;
}


/****** BLOCKS - BUG FIXES ******/
/**** FIXES THE CURRENCY SYMBOL POSITION ISSUE WITH GENERAL REPEATER AND RESTAURANT MENU FIELDS ****/
.menu-price-btn:before {
    content: '$';
}


/****** TEXT BLOCKS ******/
/**** HIGHLIGHTED ****/
#highlightedtextblock .element {
    background: var(--canvas-grey);
}


/****** CONTACT FORM BLOCK ******/
/**** CONTAINER ****/
#contactformblock .element {
    background: var(--canvas-grey);
    margin-top: 20px;
}


/****** LOCATION  BLOCK ******/
/**** BUTTON ****/
#locationblock .map-block-address a {
    background: var(--accent);
  	text-transform: uppercase;
    font-weight: 700;
    color: var(--canvas-white) !important;
    border-radius: 5px;
}


/****** TABLE BLOCK ******/
/**** LABELS ****/
#tableblock .extra-details .item-attr,
#tableblock .tableblocklabel {
    color: var(--canvas-black);
    font-weight: 600;
}
/**** LINKS ****/
#tableblock a {
    color: var(--accent);
}
/**** MOBILE ****/
@media screen and (max-width: 414px) {
#tableblock .extra-details .item-property {
    float: none;
    }
}


/****** DETAILS BLOCK ******/
/**** LABELS ****/
#detailsblock .detailsblocklabel {
    font-weight: 600;
}

/****** SOCIAL NETWORK BLOCK ******/
/**** LINK ****/
#socialnetworksblock .social-nav li a {
    background: var(--canvas-grey);
    border-radius: 25px;
    transition: all ease-in-out .2s;
    color: var(--canvas-black);
}
#socialnetworksblock .social-nav li a:hover {
  	color: var(--accent);
    margin-left: 3px;
}
/** ICON **/
#socialnetworksblock .details-list.social-nav li a i {
  	background: var(--accent);
  	color: var(--canvas-white);
}
/* X - Twitter */
#socialnetworksblock .social-nav li a span.svg-icon {
  	background: var(--accent);
}
.social-nav li a span.svg-icon svg {
  	fill: var(--canvas-white);
}
#socialnetworksblock .details-list.social-nav li a:hover i {
  	background: var(--accent) !important;
    color: var(--canvas-white);
}


/****** TERMS BLOCK - CATEGORIES, TAGS, ETC.  ******/
/**** ITEMS ****/
#termsblock li {
    width: 50%;
}
/**** ICONS ****/
#termsblock li i {
    background: var(--canvas-grey);
}
/** COLORED ICONS **/
.coloredicons li i {
    color: var(--accent);
}
/**** ITEMS  ****/
#termsblock .terms-no-link {
    font-size: 0.813rem;
}


/****** GALLERY CAROUSEL BLOCK ******/
/**** CONTAINER ****/
#galleryblock .element {
    padding-top: 10px;
}


/****** VIDEO BLOCK ******/
/**** VIDEO EMBED ****/
#videoblock .element.video-block .pf-body iframe {
    border-radius: 10px;
    box-shadow: var(--canvas-shadow-right);
}


/****** EMBEDSOCIAL GOOGLE REIVEWS BLOCK ******/
/**** CONTAINER ****/
#embedsocial .element,
#embedsocial .element .pf-body  {
    padding: 0;
}


/****** CAL.COM BOOKING BLOCK ******/
/**** CONTAINER *****/
#calbookingblock .element {
    background: var(--accent);
    padding: 5px;
    margin-top: 10px;
}
/** INNER CONTAINER **/
#calbookingblock .pf-body {
    padding-top: 0;
    display: inline-grid;
}
/* LINK */
#calcom-embed-link {
    background: var(--accent) !important;
    text-transform: uppercase;
    font-weight: 700;
}
/* ICON */
#calcom-embed-link::before {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    margin: 0px 10px -2px 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z'/%3E%3Cpath fill-rule='evenodd' d='M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}


/****** WEBSITE RESERVATIONS BLOCK ******/
/**** CONTAINER ****/
#webreservationsblock .element {
    background: var(--accent);
    margin-top: 10px;
}
/** INNER CONTAINER **/
#webreservationsblock .pf-body {
    padding-top: 0;
    display: flex;
    justify-content: center;
}
/* LINK */
#webreservationsblock a {
    background: var(--accent) !important;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--canvas-white);
}
/* ICON */
#webreservationsblock a::before {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    margin: 0px 10px -2px 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z'/%3E%3Cpath fill-rule='evenodd' d='M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}


/****** IFRAME BLOCK - WEATHER FORECASE, ALLTRAILS MAPS, ETC.******/
/**** CONTAINER ****/
#iframeblock .element .pf-body iframe {
    border-radius: 5px;
}




/******** EVENT LISTING TYPE ********/
/****** DETAILS TAB ******/
/**** COUNTDOWN BLOCK ****/
/** HEADING **/
#eventcountdownblock h5 {
    float: none;
}
/** TIMER ITEMS **/
#eventcountdownblock p {
    background: transparent;
    color: var(--canvas-white);
    font-weight: 700 !important;
}
/* TEXT */
#eventcountdownblock li span {
    color: var(--accent30);
}
/****** TICKETS TAB ******/
/**** GENERAL REPEATER BLOCK ****/
/** MENU ITEMS **/
/* CONTAINER */
#eventticketsblock .food-menu-items .single-menu-item {
    box-shadow: var(--canvas-shadow-photoswipe);
}
/* PRICE */
#eventticketsblock .menu-price-btn {
    background: var(--accent);
    color: var(--canvas-white);
    padding: 5px 12px;
    top: 7px;
}
/* BUTTON */
#eventticketsblock .food-menu-items .menu-content a {
    background: var(--accent);
  	text-transform: uppercase;
    font-weight: 700;
    color: var(--canvas-white);
}




/******** RESTAURANT LISTING TYPE ********/
/****** MENU TAB ******/
/**** GENERAL REPEATER BLOCK ****/
/** MENU ITEMS **/
/* CONTAINER */
#retaurantmenublock .food-menu-items .single-menu-item {
    box-shadow: var(--canvas-shadow-photoswipe);
}
/* PRICE */
#retaurantmenublock .menu-price-btn {
    background: var(--accent);
    color: var(--canvas-white);
    padding: 5px 12px;
    top: 7px;
}




/******** LODGING LISTING TYPE ********/
/****** OFFERS TAB ******/
/**** GENERAL REPEATER BLOCK ****/
/** MENU ITEMS **/
/* CONTAINER */
#lodgingoffersblock .food-menu-items .single-menu-item {
    box-shadow: var(--canvas-shadow-photoswipe);
}
/* PRICE */
#lodgingoffersblock .menu-price-btn {
    background: var(--accent);
    color: var(--canvas-white);
    padding: 5px 12px;
    top: 7px;
}
/* BUTTON */
#lodgingoffersblock .food-menu-items .menu-content a {
    background: var(--accent);
  	text-transform: uppercase;
    font-weight: 700;
    color: var(--canvas-white);
}




/******** BUSINESS LISTING TYPE ********/
/****** OFFERS TAB ******/
/**** GENERAL REPEATER BLOCK ****/
/** MENU ITEMS **/
/* CONTAINER */
#businessoffersblock .food-menu-items .single-menu-item {
    box-shadow: var(--canvas-shadow-photoswipe);
}
/* PRICE */
#businessoffersblock .menu-price-btn {
    background: var(--accent);
    color: var(--canvas-white);
    padding: 5px 12px;
    top: 7px;
}
/* BUTTON */
#businessoffersblock .food-menu-items .menu-content a {
    background: var(--accent);
  	text-transform: uppercase;
    font-weight: 700;
    color: var(--canvas-white);
}




/****** STORE TAB ******/
/**** PRODUCTS ****/
/* RATING */
.woocommerce .star-rating span:before {
    color: var(--accent);
}
/** META **/
.woocommerce ul.products li.product, ul.products li.product {
  	text-align: center;
}
/** TITLE **/
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.125rem;
    color: var(--accent);
}
/** PRICE **/
.woocommerce-Price-amount {
    font-size: 1rem;
    font-weight: 700;
}
/**** ADD TO CART ****/
/** BUTTON **/
.woocommerce ul.products li.product a.button {
    display: block;
}
/* ICON */
.woocommerce ul.products li.product a.button:before {
    display: none;
}




/****** REVIEWS TAB ******/
/**** NO REVIEWS YET ****/
.no-results-icon {
   	content: url(https://canvas.mylisting.club/wp-content/uploads/2023/10/Canvas-No-Results-80-x-80.webp); 
}
/**** SUBMIT REVIEW FORM ****/
/** CONTAINER ****/
.tab-type-comments .element {
    background: var(--canvas-grey);
} 
/** 'REVIEW THIS LISTING' ICON **/
.tab-type-comments .mi.chat_bubble_outline:before {
    color: var(--accent);
}
/** RATINGS **/
/* LABELS */
.rating-category-label {
    font-weight: 600;
}
/* STARS */
.form-group-review-ratings.rating-mode-10 label i {
    color: var(--accent);
}
/** UPLOAD IMAGES **/
/* CONTAINER */
.review-gallery-add,
.review-gallery-add:hover {
    border: 1px dotted var(--accent);
}
/* LABEL */
.review-gallery-label {
    font-weight: 600;    
}
/* ICON */
.material-icons.file_upload:before {
    color: var(--accent);
}
/** MESSAGE INPUT **/
.sidebar-comment-form textarea {
    background: var(--canvas-white);
    padding: 5px 8px;
    margin-top: 10px;
    border: 1px solid var(--canvas-black80);
}
/**** SUBMITTED REVIEWS ****/
/** CONTAINER **/
.comment-container {
    box-shadow: none;
}
/** STARS **/
/* STARS - NEXT TO USER'S NAME */
.single-comment .listing-rating i {
    color: var(--accent);
}
/* CATEGORIES */
div.clasificacion {
    color: var(--accent); 
}




/****** SHARE LISTINGS ******/
/**** THIS IS THE KEY TO BREAKING AWAY FROM THE DEFAULT MYLISTING SHARE DESIGN ****/
ul.share-options {
  	display: contents !important;
}
/**** MODAL CONTAINER ****/ 
#social-share-modal {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    width: 10%;
    height: 100%;
    background: var(--canvas-white);
    box-shadow: var(--canvas-shadow-right);
    transition: all .65s ease;
}
/**** SHARE ITEMS ****/
.social-share-modal .share-options li {
    width: auto !important;
    transition: all .25s ease;
    flex-grow: inherit !important;
}
/** ITEM LINKS **/
.social-share-modal .share-options li a {
    color: var(--canvas-black);
    font-size: 0.813rem;
}
/** ITEM ICONS **/
.social-share-modal .share-options li a span {
    margin-bottom: 5px !important;
    background: var(--accent) !important;  /* REMOVE THIS LINE TO SWITCH TO THE OFFICIAL SOCIAL NETWORK COLORS */
}
/** MOVE ITEMS TO THE RIGHT ON HOVER **/
.social-share-modal .share-options li:hover {
    margin-left: 10px;
}
/**** MOBILE ****/
@media screen and (max-width: 1200px) {
    #social-share-modal {
    width: 15%;
    }
}
@media screen and (max-width: 414px) {
    #social-share-modal {
    width: 35%;
    }
}