@charset "UTF-8";
/* CSS Document */

* { padding:0; margin:0; }

body { font-family: 'Covered By Your Grace', cursive, sans-serif; color: #58585a; font-size: 18px; background-color:#b0e1e0;}

.preloader{ width:100%; height:100%; background-image:url(../images/2020/snowflakepreloader.gif); background-repeat:repeat; background-position:center; position:fixed; z-index: 9999;}
.preloader .logo { position: absolute; left: calc(50% - 75px); top: calc(45% - 75px); z-index: 999; overflow: visible; -webkit-animation:spin 2s ease infinite; 
   -moz-animation:spin 2s ease infinite; 
     -0-animation:spin 2s ease infinite; 
		animation:spin 2s ease infinite;}
@-webkit-keyframes spin{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
}
@-moz-keyframes spin{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
}
@-o-keyframes spin{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
}
@keyframes spin{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
}

#wrapper {opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; background-image:url("../images/2020/BG.jpg"); background-size:cover; background-position: center; background-repeat: no-repeat;}
.bg-tl {position:fixed; top:0; left:0; width:19.18%; max-width:245px; padding-bottom:172.52%; height:0; background-image:url("../images/2020/BG-topleft.png"); background-size:100%; background-repeat: no-repeat; z-index:1;}
.bg-tr {position:fixed; top:0; right:0; width:46.27%; max-width:592px; padding-bottom:86.08%; height:0; background-image:url("../images/2020/BG-topright.png"); background-size:100%; background-repeat: no-repeat;}
.bg-bl {position:fixed; bottom:0; left:0; width:10%; max-width:125px; min-width:100px; padding-top:635.06%; height:0; background-image:url("../images/2020/BG-board.png"); background-size:100%; background-position:bottom; background-repeat: no-repeat;}
.bg-br {position:fixed; bottom:0; right:0; width:12.01%; max-width:154px; min-width:120px; padding-top:214.63%; height:0; background-image:url("../images/2020/BG-spoon.png"); background-size:100%; background-position:bottom; background-repeat: no-repeat;}

#thumbs {width:80%; position:absolute; left:5%; bottom:0; z-index:999;}
#thumbs > div {width:100%; margin: 0 auto; position: relative;}

#recipe18 {left:4.8%; bottom:-50px; position: absolute;
	-ms-transform: rotate(2deg); /* IE 9 */
   	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    	transform: rotate(2deg);}
#recipe01 {left:9.6%; bottom:-50px; position: absolute;
	-ms-transform: rotate(2deg); /* IE 9 */
   	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    	transform: rotate(2deg);}
#recipe02 {left:14.4%; bottom:-40px; position: absolute;
	-ms-transform: rotate(0deg); /* IE 9 */
   	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    	transform: rotate(0deg);}
#recipe03 {left:19.2%; bottom:-43px; position: absolute;
	-ms-transform: rotate(-2deg); /* IE 9 */
   	-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    	transform: rotate(-2deg);}
#recipe04 {left:24%; bottom:-30px; position: absolute;
	-ms-transform: rotate(1deg); /* IE 9 */
   	-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    	transform: rotate(1deg);}
#recipe05 {left:28.8%; bottom:-45px; position: absolute;
	-ms-transform: rotate(1deg); /* IE 9 */
   	-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    	transform: rotate(1deg);}
#recipe06 {left:33.6%; bottom:-40px; position: absolute;
	-ms-transform: rotate(1deg); /* IE 9 */
   	-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    	transform: rotate(1deg);}
#recipe19 {left:38.4%; bottom:-50px; position: absolute;
	-ms-transform: rotate(2deg); /* IE 9 */
   	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    	transform: rotate(2deg);}
#recipe07 {left:43.2%; bottom:-50px; position: absolute;
	-ms-transform: rotate(1deg); /* IE 9 */
   	-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    	transform: rotate(1deg);}
#recipe08 {left:48%; bottom:-27px; position: absolute;
	-ms-transform: rotate(1deg); /* IE 9 */
   	-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    	transform: rotate(1deg);}
#recipe09 {left:52.8%; bottom:-38px; position: absolute;
	-ms-transform: rotate(1deg); /* IE 9 */
   	-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    	transform: rotate(1deg);}
#recipe10 {left:57.6%; bottom:-50px; position: absolute;
	-ms-transform: rotate(1deg); /* IE 9 */
   	-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    	transform: rotate(1deg);}
#recipe11 {left:62.4%; bottom:-30px; position: absolute;
	-ms-transform: rotate(1deg); /* IE 9 */
   	-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    	transform: rotate(1deg);}
#recipe12 {left:67.2%; bottom:-50px; position: absolute;
	-ms-transform: rotate(-4deg); /* IE 9 */
   	-webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
    	transform: rotate(-4deg);}
#recipe20 {left:72%; bottom:-50px; position: absolute;
	-ms-transform: rotate(2deg); /* IE 9 */
   	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    	transform: rotate(2deg);}
#recipe13 {left:76.8%; bottom:-42px; position: absolute;
	-ms-transform: rotate(2deg); /* IE 9 */
   	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    	transform: rotate(2deg);}
#recipe14 {left:81.6%; bottom:-55px; position: absolute;
	-ms-transform: rotate(-2deg); /* IE 9 */
   	-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    	transform: rotate(-2deg);}
#recipe15 {left:86.4%; bottom:-35px; position: absolute;
	-ms-transform: rotate(2deg); /* IE 9 */
   	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    	transform: rotate(2deg);}
#recipe16 {left:91.2%; bottom:-60px; position: absolute;
	-ms-transform: rotate(2deg); /* IE 9 */
   	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    	transform: rotate(2deg);}
#recipe17 {left:96%; bottom:-50px; position: absolute;
	-ms-transform: rotate(2deg); /* IE 9 */
   	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    	transform: rotate(2deg);}
#recipe21 {left:100%; bottom:-50px; position: absolute;
	-ms-transform: rotate(2deg); /* IE 9 */
   	-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    	transform: rotate(2deg);}
    	
.thumb {width:182px; height:141px; overflow:hidden; transition: transform .3s ease; cursor:pointer;}
/* thumb tooltip
.thumb {overflow:visible;}
.thumb span {display:none; position:absolute; top:-15px; width:100%; font-family: 'Amatic SC', cursive, sans-serif; text-align:center; color:rgba(255,255,255,.8);}
*/ 

#recipe01:hover, #recipe02:hover, #recipe03:hover, #recipe04:hover, #recipe05:hover, #recipe06:hover, #recipe07:hover, #recipe08:hover, #recipe09:hover, #recipe10:hover, #recipe11:hover, #recipe12:hover, #recipe13:hover, #recipe14:hover, #recipe15:hover, #recipe16:hover, #recipe17:hover, #recipe18:hover, #recipe19:hover, #recipe20:hover, #recipe21:hover {
	transform: translate(0,-70px);
	-webkit-transform: translate(0,-70px);
	-o-transform: translate(0,-70px); 
	-moz-transform: translate(0,-70px);
}

.thumb img { width:100%; }

#wrapper > div.card-wrapper-wrapper > div.card-wrapper.burke > div.card-intro.middle > div > a > span > i.fa.fa-circle.fa-stack-2x { font-size: 3.85vw; color: #58585A; }
#wrapper > div.card-wrapper-wrapper > div.card-wrapper.burke > div.card-intro.middle > div > a > span > i.fa.fa-facebook.fa-stack-1x.fa-inverse { font-size: 3.5vw; line-height: 2.35; padding-left: 5px; }

@media (min-width : 1280px) 
{
.card-wrapper {padding:0 192px;}
}