
body .cpat-span { display: none; }
.content_left .cpat-span, .cleft .cpat-span { display: block; }

.pad2 { padding: 2px 0; }

/* hide preloader image */
.cpat-hide, i.cpat-hide { display: none; }
img.cpat-hide.cpat-img { display: none !important; }

/* styling for custom image */
img.cpat-img { position: relative; margin-right: 4px; padding: 0 !important; background-color: transparent !important; border: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
img.cpat-hide.cpat-img { display: none !important; }

/******************************************/
/***** Favorites page template styles *****/
/******************************************/

/* clear link - change the page ID number to your own */
.page-id-51 .post i.cpat-icon, .page-id-51 .post i.cpat-icon-r { padding: 0 5px 0px 2px; color: #d23838 !important; font-size: 14px; }

/* hide button and count on favorites page, if pages are enabled - change the page ID to your own */
.page-id-51 a.cpat-btn, .post-id-51 a.cpat-btn, .page-id-51 span.listcount, .post-id-51 span.listcount { display: none; }


/* Icon in listing page title */
.post h1.single .fa-heart:before { padding-left: 2px; color: #d23838; font-size: 21px; }

/* listings page styling */
.post .cpat-span ul { padding-left: 0; line-height: 18px; } 
.post .cpat-span ul li { color: #555; margin: 0; font: normal 13px/18px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 8px 0; display: inline-block; border-bottom: 1px solid #dcdcdc; width: 100%; } 
.post .cpat-span ul li img.attachment-medium, .post .cpat-span ul li img.attachment-thumb { height: auto; width: 75px; border: 1px solid #bbbbbb; background-color: #ffffff; margin: 5px 12px 0 0; margin-top: 5px; padding: 3px; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }

/* listings price tag */
.post .cpat-span ul li p.post-price { background-color: #ffcc33; padding: 3px 4px !important; margin: 0; font-size: 19px; }
.post .tags span { padding: 0 !important;  }
.post .price-wrap { position: relative; }


/* title on listing page */
.post .cpat-span ul li a.listtitle { text-decoration: underline; font-size: 15px; }
.post .cpat-span ul li a.listtitle a:hover { text-decoration: none; }
.post .cpat-span { margin: 5px 0 0; }

/* 'Remove' link on listing page */
.post ul li a.cpat-link { font-size: 11px; }

/* list link text on listings page */
a.remove-parent { margin-left: 0 !important; }
a.cpat-link { font: 13px/13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; text-decoration: underline; margin-left: -5px; }
a.cpat-link:hover { text-decoration: none; }

/* Print button on listing page */
.print-list { float: right; margin: -30px 0 0px 0 !important; }
.cpat-print { float: right; }
i.fa-print { margin-right: 2px; }
.post p.cpat-pdf { float: right; color: #555; font-size: 11px; font-style: italic; padding: 2px 2px 0 0; }

/******************************************/
/*********** END Favorites page ***********/
/******************************************/



/* Icon styles in Single Ad page and Posts ---- You may remove the color below to use the default themes color style */
i.cpat-icon { font-size: 18px; color: #d23838; }
i.cpat-icon-r { font-size: 18px; color: #d23838; }
i.cpat-icon:hover { color: rgba(0, 0, 0, 0.7); }
i.cpat-icon-r:hover { color: rgba(0, 0, 0, 0.7); }

.shadowblock .cpat-btn { position: relative; }


/* Icon styles in Ad Loop */
/* Add */
.wrap-item i.cpat-icon { font-size: 15px; color: #fff; background-color: rgba(0, 0, 0, 0.7); padding: 6px 6px 5px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wrap-item i.cpat-icon:hover { font-size: 15px; color: #fff; background-color: rgba(0, 0, 0, 0.7); padding: 6px 6px 5px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/* Remove */
.wrap-item i.cpat-icon-r { font-size: 15px; color: #fff; background-color: rgba(0, 0, 0, 0.7); padding: 6px 6px 5px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wrap-item i.cpat-icon-r:hover { font-size: 15px; color: #fff; background-color: rgba(0, 0, 0, 0.7); padding: 6px 6px 5px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }


/* ICON POSITION - on top of image in ad loop ---- Remove the two lines below if you want to position the link either above or below the ad content */
.post-block-out, .post-block-out-sticky { position: relative; z-index: 99; }
.wrap-item .cpat-btn { position: absolute !important; top: 0px; left: 5px; z-index: 999; }


/* Favorites text */
a.cpat-btn { font-size: 0px !important; color: transparent; }

/* Hover over button text title */
.wrap-item a[data-title]:hover:after,
.shadowblock a[data-title]:hover:after,
#description a[data-title]:hover:after {
content: attr(data-title);
padding: 3px 6px;
color: #777 !important;;
font-size: 13px;
position: absolute;
left: 110%;
top: 0px;
white-space: nowrap;
z-index: 20;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; 
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
background: #ffffff;
border: 1px solid #dedede;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
z-index: 9999;
}
#description a[data-title]:hover:after,
.shadowblock a[data-title]:hover:after {
	top: -20px;
}


/* custom IMAGE positioning in ad loop */
.post-block .post-right p.post-desc, .post-block .post-right-no-img p.post-desc { padding: 2px 0 1px !important; }

.add-list { /* optional class for positioning in ad loop */ }
.add-list-page { /* optional class for positioning on blog pages */ }

/* autoshow count */
span.listcount { color: #666; font: normal 11px/16px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; }

/* custom count */
.single-main p.listcount, p.listcount { color: #666; font: normal 11px/13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; }

/* Star or Heart bullets in sidebar widgets - your choice */
.content_right ul li.widgetlists { background: url('img/bullet_heart.png') no-repeat 0 10px transparent; padding: 5px 0 5px 16px; }
/* .content_right ul li.widgetlists { background: url('img/bullet_star.png') no-repeat 0 10px transparent; padding: 5px 0 5px 16px; } */

/* Cookie warning */
body p.cookie_warning { display: none; }
.post p.cookie_warning { display: block; font-size: 11px; }

/* only registered warning */
span.cpat-registered { display: block; padding: 10px 0 0 !important; }


/* Preloader */
.fa-spin {
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: none !important;
}
@-webkit-keyframes fa-spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -webkit-transform: rotate(179deg); transform: rotate(179deg); }
	100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@keyframes fa-spin { 
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	50% { -webkit-transform: rotate(179deg); transform: rotate(179deg); }
	100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}


/********** Position of icon for different devices ********/
@media screen and (max-width: 400px) {
	.wrap-item .cpat-btn { top: 0; left: 0; }
}
