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

/* CAROUSEL STRIPES */

/* ////////////// RECIPE CAROUSEL \\\\\\\\\\\\\ */

.caro-recipe-stripe-social {
    background-color:;
    border-top:2px solid black;
    border-right:1px solid black;
    border-left:1px solid black;
    border-radius:12px 12px 0 0; /* top-left top-right bottom-right bottom-left */
    box-shadow:1px 2px 2px #6d6666;
    font-size: .8rem;
    font-weight:800;
    height:auto;
    margin-top:.9rem;
    margin-left:70%;
    padding-bottom:.1rem;
    text-align:center;
    width:14%;
}
.caro-recipe-stripe-social button {
    background-color: inherit;
    border:none;
}

.caro-recipe-stripe, .caro-recipe-amazon-stripe {
    background-color:#fff; /* #A5C2CC */
   /*  border-top: 2px solid #000; */
   /*  border-bottom: 2px solid #000; */
   	border-radius: 1px;
    /* box-shadow:1px 2px 2px #6d6666; */
	display: flex;
	flex-wrap: wrap;
    height:28rem; /* controls height of stripe, moves dots at bottom */
	justify-content: center;
	overflow: hidden;
   	margin:0rem 2rem .2rem 0;
	position: relative;
	padding: 0px 2px 2px 2px;
	width: 100%;
	z-index:1;
} 
.caro-recipe-contain {
    background-color:#fff;
    height:29.3rem; /* sets height of whole carousel */
    width:100%;
}
.caro-recipe-block-title {
    background-color: #d2ffde; /* #fcd9d9 #E6FFEA */
	border: 1px solid #000000;
	border-left: 6px solid #000000;
	border-right: 6px solid #000000;
    border-radius:12px;
    font-family: verdana, Geneva, sans-serif;
    font-size:1rem;
    font-weight:700;
    padding:.2rem;
    text-align:center;
    /* writing-mode: vertical-rl; */
}
.caro-recipe-block {
    background-color: #eee; /* A5C2CC */
    border-left: 4px solid black;
    border-right: 3px solid black;
    border-radius:20px;
    box-shadow:1px 2px 2px #6d6666; 
    display:flex;
    flex-direction: column;
    margin-left:6px;
    height:29rem; /* sets height of flickity */
    width:28%; /* sets width of each cell */
}
.caro-recipe-block-sub {
    background-color: #ededed;
    border-radius:20px;
    display:flex;
    flex-direction:column;
    height:18rem; /* along with caro-block sets height of flickity */
    margin-left:1px;
    padding-bottom:0.6rem;
}
/*
.caro-recipe-block-title-track {
    background-color: #d2ffde; /* #fcd9d9 #E6FFEA 
	border: 1px solid #000000;
	border-left: 6px solid #000000;
	border-right: 6px solid #000000;
    border-radius:12px;
    display: flex;
    justify-content: space-around;
    width:100%;
}*/

/*
.caro-recipe-block-title-social {
    background-color: #d2ffde;
    padding-bottom:.3rem;
    height:100%;
} */

/* this was recipe-text */
.caro-recipe-ingredients-arena {
    background-color: #d2ffde;
	border-bottom: 1px solid #000000;
    border-left:1px solid black;
    border-right:1px solid black;
    display:flex;
    flex-direction: column;
    height:auto;
    margin-left:4%;
    padding-bottom:.8rem;
    width:92%;  
}
.caro-recipe-heading {
    border: 0 4px 0 4px;
    font-size:.6rem;
    font-weight:700;
    line-height: 110%;
    padding:.4rem 0 .1rem .2rem;
    width:100%;
}
.caro-recipe-ingredient, .caro-recipe-ingredient-indent {
    border: 0 4px 0 4px;
    font-size: .8rem;
    height:auto;
    line-height: 140%;
    padding:.1rem 0 0rem .8rem;
}
.caro-recipe-ingredient-indent {
	margin-left:4%;
}

.caro-recipe-instruct-arena {
    background-color: #d2ffde;
    border-left:1px solid black;
    border-right:1px solid black;
    display:flex;
    flex-direction:column;
    height:40%;
    margin-left:4%;
	padding-bottom:.4rem;
    width:92%;
}
/*this was tips-arena */
.caro-recipe-steps-arena {
    background-color: #d2ffde;
	padding-bottom:.6rem;
}
/* this was recipe-tips */
.caro-recipe-step {
    border: 0 4px 0 4px;
    font-size: .8rem;
    line-height: 140%;
    padding:.2rem 0 .2rem .8rem;
    width:100%;
}
.caro-recipe-notes-arena {
    background-color: #d2ffde;
    border-bottom:1px solid black;
    height:auto;
    padding:0 .6rem .4rem 0rem;
}
.caro-recipe-note {
    font-size:.7rem;
    line-height: 110%;
    margin-top:.2rem;
    padding:.2rem .2rem .1rem .6rem;
    width:100%;
}
/* 
.caro-recipe-amazon-block {
    display:flex;
    flex-direction:row;
    height:24rem; /* along with caro-block sets height of flickity 
    justify-content: space-around;
    padding:0 .8rem 0 .8rem
} 
.caro-recipe-amazon-heading {
    background-color: #d2ffde; /* #fcd9d9 #E6FFEA 
	border: 1px solid #000000;
	border-left: 6px solid #000000;
	border-right: 6px solid #000000;
    border-radius:12px;
    font-family: verdana, Geneva, sans-serif;
    font-size:.8rem;
    font-weight:700;
    height:30%;
    padding:.5rem;
    /* writing-mode: vertical-rl; 
	z-index:1;
}
.caro-recipe-amazon-title {
    background-color: #d2ffde; /* #fff0f9 #cef2ff
	border: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
    border-radius:12px;
    font-family: verdana, Geneva, sans-serif;
    font-size:1.2rem;
    font-weight:700;
    flex-direction: column;
    justify-content: space-between;
    padding:.2rem;
    text-align:center;
    writing-mode: vertical-rl;
	z-index:1;
}
.caro-recipe-amazon {
    align-items: center;
    display:flex;
    justify-content:center;
    width:50%;
} */
.caro-recipe-youtube-block {
    display:flex;
    flex-direction:column;
    height:24rem; /* along with caro-block sets height of flickity */
    justify-content: space-around;
}
.caro-recipe-youtube-title {
    background-color: #d2ffde; /* #fcd9d9 #E6FFEA */
	border: 1px solid #000000;
	border-left: 6px solid #000000;
	border-right: 6px solid #000000;
    border-radius:12px;
    font-family: verdana, Geneva, sans-serif;
    font-size:1rem;
    font-weight:700;
    height:20%;
    padding:.5rem;
    text-align:center;
    /* writing-mode: vertical-rl; */
	z-index:1;
}
.caro-recipe-youtube {
    align-self:center;
    width:450px;
    height:254px;
}
.caro-recipe-youtube-spacer {
    width:8px;
    height:10px;
}
.caro-recipe-flicker {
    background-color: #d2ffde; /* #fcd9d9 #E6FFEA */
	border: 1px solid #000000;
	border-left: 6px solid #000000;
	border-right: 6px solid #000000;
    border-radius:12px;
    color:#93ebb5;
    font-family: verdana, Geneva, sans-serif;
    font-size:1.8rem;
    font-weight:700;
    height: 35%;
    padding: 1.5rem 0 0 0;
    text-align:center;
    /* writing-mode: vertical-rl; */
	z-index:1;
}

/* \\\\\\\\\\\\\\\\\\\\\ END of RECIPE CAROUSEL ////////////////// */


/* /////////////////// START AMAZON CAROUSEL \\\\\\\\\\\\\\\\\\\\\\\ */

.caro-amazon-stripe-title, .caro-amazon-recipe-title {
    background-color: #d9ffff;
    border-top:2px solid black;
    border-right:1px solid black;
    border-left:1px solid black;
    border-radius:12px 12px 0 0;
    display: inline-block;
    font-family: verdana, Geneva, sans-serif;
    font-size:.9rem;
    font-weight:700;
    height: auto;
    margin:.6rem 0 0 .8rem;
    padding:.2rem;
    text-align:center;
    width:30%;
}
.caro-amazon-recipe-title {
	background-color: #A5C2CC;
	width:94%;
}
.caro-amazon-stripe {
    background-color:#fff;
    border-bottom:;
   	border-radius: 1px;
	clear:both;
	display: flex;
	flex-wrap: wrap;
    height:auto;
	justify-content: center;
	margin-bottom: 2.4rem;
	padding: 2px 0 2px 0;
	width: 100%;
} 

.caro-amazon-contain {
    background-color:#ffffff;
    margin-bottom:1.4rem;
    width:100%;
	height:10rem; /* sets height of whole carousel */
}

.caro-amazon-block {
    border-top: 1px solid #ada7a7;
    border-left: 3px solid #393838;
    border-right: 4px solid black;
    border-radius:16px;
	box-shadow: 2px 2px 2px #524c4c;
    display:flex;
    justify-content: space-between;
    margin-left:.8rem;
	padding-top: 1.4rem;
    position:relative;
    height:10rem;
    width:18%; /* sets width of each cell */
}

.caro-amazon-block-title {
    background-color: #d9ffff; /* #fff0f9 */
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
    border-radius:18px;
	box-shadow: 2px 2px 2px #524c4c;
    font-family: verdana, Geneva, sans-serif;
    font-size:.8rem;
    font-weight:700;
	letter-spacing:2px;
 	margin-top:-1.4rem; /* needed this to counter the padding-top of caro-amazon-block that I used to center the amazon ad */
    padding:.2rem .2rem .2rem .4rem;
    text-align:center;
	transform:rotate(180deg);
    writing-mode: vertical-rl;
}

/* This centers Amazon ad */ 
.caro-amazon-block-spacer {
    border-radius:24px;
    padding:0rem;
    width: .8rem
    writing-mode: vertical-rl;
	z-index:1;
}

.caro-amazon-contain .flickity-prev-next-button {
    width:45px;
    height:45px;
    border:1px solid black;
}

/* \\\\\\\\\\\\\\\\\\\\ Amazon Carousel END /////////////////// */

/* //////////////////// START of MENU CAROUSEL \\\\\\\\\\\\\\\\\\ */

.caro-menu-stripe-title, .caro-ref-stripe-title {
    background-color:#d9ffff;
    border-top:2px solid black;
    border-right:1px solid black;
    border-left:1px solid black;
    border-radius:12px 12px 0 0; /* top-left top-right bottom-right bottom-left */
    box-shadow:1px 2px 2px #6d6666;
    display:inline-block;
    font-size:.6rem;
    font-weight:800;
    height:auto;
    margin-top:.6rem;
    margin-left:15%;
    padding-bottom:.1rem;
    padding-top:.1rem;
    text-align:center;
    width:18%;
}
		.caro-ref-stripe-title {
			margin-left:10%;
			width:24%;
}
.caro-menu-stripe {
	background-color: #A5C2CC; /* #f4f4f4 #EEE #cef2ff #A5C2CC */
	border-top: 2px solid #000000; /* cef2ff */
	border-bottom: 2px solid #000000; /* cef2ff */
    /* box-shadow:1px 2px 2px #6d6666; */
    height: auto;
    margin-bottom:.8rem;
    padding:0rem 0 .2rem 0;
    position:relative;
    /*z-index: 9950;*/
}

.caro-menu-contain {
    background-color:#A5C2CC;
    height:2.1rem; /* sets height of whole carousel */
    margin-bottom:0rem;
    margin-top:.4rem;
    width:100%;
}

.caro-menu-block, .caro-ref-block {
    background-color: #d9ffff;
    border-bottom: 1px solid black;
    border-top: 2px solid black;
    border-left: 3px solid black;
    border-right: 3px solid black;
    border-radius:22px;
    box-shadow:1px 2px 5px #000;
    display:flex;
    margin-left:.6rem;
    height:1.8rem;
    text-align:center;
    width:20%; /* sets width of each cell */
}
		.caro-ref-block {
			width:33%;
}

/*
.caro-writ-title {
    background-color: #cef2ff;
	border: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
    border-radius:12px;
    display: inline-block;
    font-family: verdana, Geneva, sans-serif;
    font-size:1.2rem;
    font-weight:700;
    flex-direction: column;
    padding:.4rem;
    text-align:center;
    writing-mode: vertical-rl;
	z-index:1;
} */

.caro-menu-blurb {
    font-size:.8rem;
    font-weight:600;
    flex-direction: column;
    padding: .3rem;
	font-family: verdana, Geneva, sans-serif;
	z-index:1;
}

.caro-menu-contain .flickity-prev-next-button {
    height:25px;
    width:25px;
}

.caro-menu-block a, .caro-ref-block a {
    width:100%;
}

/* \\\\\\\\\\\\\\\\\\\\\ END Writ Carousel /////////////////////// */



/* /////////////////// START MINI CAROUSEL \\\\\\\\\\\\\\\\\\\\\\\ */

.caro-mini-contain {
    background-color:#ffffff;
    height:4.2rem; /* sets height of whole carousel */
    margin-bottom:1.2rem;
    margin-top:.8rem;
    width:100%;
}
.mini-block {
    background-color: #d9ffff;
    border-radius:12px;
    display:flex;
    justify-content:flex-start;
    margin-left:12px;
    height:4.2rem;
    /*text-align:center;*/
    width:34%; /* sets width of each cell */
}
.mini-title {
    background-color: #d9ffff;
	border: 1px solid #000000;
    border-radius:12px;
    font-family: verdana, Geneva, sans-serif;
    font-size:1rem;
    font-weight:700;
    height:auto;
    padding:.4rem;
    text-align:center;
    writing-mode: vertical-rl;
}
.mini-blurb {
    font-family: verdana, Geneva, sans-serif;
    font-size:.8rem;
    font-weight:600;
    padding: .3rem;
}

.mini-accent {
    font-size:.8rem;
    font-weight:900;
}

.caro-mini-contain .flickity-prev-next-button {
    height:45px;
    width:45px;
}


/* \\\\\\\\\\\\\\\\\\\\\\ END Mini Carousel ////////////////////// */