/* Like icon and number of ingredients  */
.right.floated {
    float: right;
}
.fav-status a {
    background-color: transparent !important;
    text-decoration: none !important;
}
.wufp_fav.fas, .wufp_fav_loged_out.fas {
    color: #d80505!important;
    text-shadow: 0 -1px 0 #cd0707,-1px 0 0 #cd0707,0 1px 0 #cd0707,1px 0 0 #cd0707!important;
}
.wufp_fav.fas:hover {
    color: #c20707!important;
    text-shadow: 0 -1px 0 #aa0101,-1px 0 0 #aa0101,0 1px 0 #aa0101,1px 0 0 #aa0101!important;
}

.wufp_fav { 
    cursor: pointer; 
}
.wufp_fav:hover {  
    transform: scale(1.05, 1.05); 
}
.wufp_fav.far, .wufp_fav_loged_out.far {
    color: #d80505!important; 
}
.rcal-wrap{
	float: left;
    width: 100%;
    padding: 20px 0; 
}
.wufp-fav-posts {
    width: 100%;
    padding: 2em;
    background-color: #eeeeee;
    min-height: 100vh;
    height: 100%;
    display: block;
}
.wufp-fav-posts .cards {
    display: flex; 
    flex-wrap: wrap;
} 
.wufp-fav-posts .card { 
    display: inline-block;
    background-color: #ffffff;
    padding: 1em;
    -webkit-box-shadow: 4px 3px 4px 0 #dadada !important;
    box-shadow: 4px 3px 4px 0 #dadada !important;
    border-radius: 15px; 
    margin-right: 2em;
    margin-bottom: 1.5em;
    width: 28%;
 }
 .wufp-fav-posts h1 {
    padding: .1em;
    border-bottom: 2px solid;
    margin-bottom: .5em;
    width: 91%;
    color: #333333;
 }
 .wufp-fav-posts .card .image img {
    width: 100%;
    height: auto;
    display: block;
    margin: 1em 0;
 }
 .wufp-fav-posts .card .header {
    font-weight: bold; 
    font-size: 18px;
    border-bottom: 1px solid #dadada;
    width: 100%;
    display: block;
 }
 .wufp-fav-posts .wufp-btn {
    background-color: #f3f3f3;
    float: left;
 }
 .wufp-fav-posts .wufp-btn:hover {
    background-color: #efefef;
 }
 .wufp-fav-posts .wufp-btn, .wufp-fav-posts .wufp-likes-wrap {
    padding: .5em .8em;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    font-family: Helvetica;
    color: #333333;
 }

.wufp-placeholder-img {
    opacity: .3;
}
.wufp-fav-status {
    text-align: center;
    padding: .5em .8em;
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    font-family: Helvetica;
    color: #333333;
}
.wufp_signin_url {
    color: rgba(57,87,255,1);
    font-weight: bold;
    text-decoration: underline;
}
.wufp_signin_url:hover {
    text-decoration: none;
}
.wufp-fav-number {
    min-width: 10px;
    display: inline-block;
}

/* tooltip */ 
.ui-tooltip {
    display: none;
    position: absolute; 
    background-color: #000000;
    color: #ffffff;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 15px;
    z-index: 999;
} 
.ui-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-top-color: inherit;
    border-top: 6px solid #000000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

/* pagination */
.pagination {
    margin-top: 3em;
    display: block !important;
}
.page-numbers {
    padding: .4em .9em;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
}
a.page-numbers:hover, .page-numbers.current { 
    background-color: #dadada;
}
.text-center {
    text-align: center;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden; 
    font-size: 16px; 
    vertical-align: top;
    margin-left: 6px;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* phones, tablets */
@media (max-width: 768px) {
    .wufp-fav-posts .cards {
        display: block !important;  
    } 

    .wufp-fav-posts .card { 
        width: 100% !important;
    } 
}