@charset "utf-8";
/* this is a custom CSS stylesheet */


@page {
  min-width: 768px;
}
@media print {
  body {
    margin: 0;
    padding 0 !important;
    min-width: 768px;
  }
  .container {
    width: auto;
    min-width: 750px;
  }
}

body {
	padding-top: 100px;
}

header {
	padding: 0 0 1em 0;
}

footer {
	padding: 2em 0;
	margin: 3em 0;
	border-top: 1xp solid #ddd;
	color: #999;
	text-align: center;
}

H1, H2, H3, H4, H5, H6 {font-family: Verdana, Arial, Helvetica, sans-serif;}
H1 {font-stretch:semi-condensed; font-size: large; font-weight:normal;}	
H2 {font-stretch:semi-condensed; font-size: medium; font-weight:normal;}	
H4 {font-stretch:semi-condensed; font-size: medium; font-weight:normal;}	
/** H1 {font-size: medium; text-align:left; font-weight:bold;}  **/


A {color: #C33;}
A:hover {color:#C33;}

A.menu {font-weight:bold;color:#000;}
A.menu:hover {font-weight: bold; color:#000;}
.phototag {display: block;
			margin:1em auto 1em auto; text-align:center;}

.half-across {width: 50%;}  /** make wells half across the display screen **/			

dt.long {
    width: 300px;
    
    font-weight: normal;
    color: #000077;
	
  }
  
  dt:after {
    content: ":";
  }

.fiesta-title {font-size: x-large;}

.ad-container { border-bottom: 1px solid grey; border-top: 1px solid grey; 
		margin: .5em; padding: .5em 0; 
	}


.pull-right.img-responsive {
	margin: 0 0 1em 1em;
	}

.lead {
	margin-top:1em;
	}	

.well {
	margin:.5em;
	}
.ad-responsive {padding:.5em 0;}	
.top-pic {margin: .5em 0;
	}

nav {font-size:larger;}

.navbar-fixed-top {
	background-color:#FFC; border-color: #360; border-width:thin;}
	
.btn-print {
	background-color:#fff; border-color: #360; border-width:thin; padding:.25em 1em .25em 1em;}
	
.btn-fiesta {
  color: #fff;
  background-color: #FF3;
  border-color: #2e6da4; padding: 1em 1.5em;
}	

.btn-fiesta:focus,
.btn-fiesta.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-fiesta:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-fiesta:active,
.btn-fiesta.active,
.open > .dropdown-toggle.btn-fiesta {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-fiesta:active:hover,
.btn-fiesta.active:hover,
.open > .dropdown-toggle.btn-fiesta:hover,
.btn-fiesta:active:focus,
.btn-fiesta.active:focus,
.open > .dropdown-toggle.btn-fiesta:focus,
.btn-fiesta:active.focus,
.btn-fiesta.active.focus,
.open > .dropdown-toggle.btn-fiesta.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-fiesta:active,
.btn-fiesta.active,
.open > .dropdown-toggle.btn-fiesta {
  background-image: none;
}
.btn-fiesta.disabled:hover,
.btn-fiesta[disabled]:hover,
fieldset[disabled] .btn-fiesta:hover,
.btn-fiesta.disabled:focus,
.btn-fiesta[disabled]:focus,
fieldset[disabled] .btn-fiesta:focus,
.btn-fiesta.disabled.focus,
.btn-fiesta[disabled].focus,
fieldset[disabled] .btn-fiesta.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-fiesta .badge {
  color: #337ab7;
  background-color: #fff;
}



.btn-fiesta2 {
  color: #fff;
  background-color: #FC0;
  border-color: #2e6da4;
   padding: 1em 1.5em;
}	

.fb-share-button {vertical-align:top; margin-top:.5em; padding:0; background-color:#ffffff; display: inline-block;
}
.share-button {vertical-align:top; margin-top:.5em; padding:0; background-color:#ffffff; display: inline-block;
}


.img-responsive-2 { max-width: 100%;
}

.category {font-weight: bold; margin:0 0 1em 0;}
.category a {font-family: Arial;font-weight:normal;font-size: medium;text-decoration:underline; color:#aa0000;}
.category a:hover {font-family: Arial;font-weight:normal;font-size: medium;text-decoration:none;color:#aa0000;}


.table-striped>tr:nth-child(odd){
   background-color:red;
}
		
#share {margin-bottom: 2em; background-color:#ffcc00;}
span.codedirection { unicode-bidi:bidi-override; direction: rtl; color:#FF3300; font-weight:bold; }

.fiesta-grid LI {display:inline-block; list-style-image:none; padding:1em; margin:1em .5em;
}

.list-group-item {border-color:#FFF;
}
UL.recipe-list { -webkit-column-count: 2; -webkit-column-gap: 2em;
	 -moz-column-count: 2; -moz-column-gap: 2em;}
LI-recipe-list {padding: .25em 0}		


#box1 {
  margin-top: 1em;  background-color: #cfc ;
  padding: 10px ;
  border: 1px solid green ;
    border-radius: 20px ; 
} 

#box2 {
  margin-top: 1em; width: 75%;  background-color: #cfc ;
  padding: 10px ;
  border: 1px solid green ;
    border-radius: 20px ; 
} 


/* ----------------- Carousel  --------- */ 

#myCarousel {margin-bottom: 1em;}

#myCarousel .item {height: 400px;}
#slide1 { background: url('../../gif/carousel_medium_01.jpg') top center no-repeat;}

#slide2 { background: url('../../gif/carousel_medium_02.jpg') top center no-repeat;}

#slide3 { background: url('../../gif/carousel_medium_03.jpg') top center no-repeat;}

#slide4 { background: url('../../gif/carousel_medium_04.jpg') top center no-repeat;}

.carousel-caption {
	font-size:24px;} 	
	
.carousel-caption h4 {
	font-size:36px; position: absolute;
    top: 45%;
    left: 0;
    width: 100%; color: white;}	

/*  Portrait & Landscape Phone */

@media (max-width: 480px)  {	
}

/* Landscaoe phone to portrait tablet */

@media (max-width: 768px) {
	#myCarousel .item {height: 310px;}
	#slide1 { background: url('../../gif/carousel_small_01.jpg') top center no-repeat;}

	#slide2 { background: url('../../gif/carousel_small_02.jpg') top center no-repeat;}

	#slide3 { background: url('../../gif/carousel_small_03.jpg') top center no-repeat;}

	#slide4 { background: url('../../gif/carousel_small_04.jpg') top center no-repeat;}

	.carousel-caption {
		font-size:16px;
	}
	.carousel-caption h4 { font-size: 22px; position: absolute;
    top: 45%;
    left: 0;
    width: 100%; color: white;
	}
	
}

/* Large Desktop */ 
@media (min-width: 1200px) {
	#myCarousel .item {height: 500px;}
	#slide1 { background: url('../../gif/carousel_large_01.jpg') top center no-repeat;}

	#slide2 { background: url('../../gif/carousel_large_02.jpg') top center no-repeat;}

	#slide3 { background: url('../../gif/carousel_large_03.jpg') top center no-repeat;}

	#slide4 { background: url('../../gif/carousel_large_04.jpg') top center no-repeat;}
    
    	.carousel-caption {
		font-size:16px;
	}
    
    .carousel-caption h4 { font-size: 22px; 
       color: white;
	}
	
}

.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}

.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}

.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:focus,.btn-pinterest.focus{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:hover{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:active:hover,.btn-pinterest.active:hover,.open>.dropdown-toggle.btn-pinterest:hover,.btn-pinterest:active:focus,.btn-pinterest.active:focus,.open>.dropdown-toggle.btn-pinterest:focus,.btn-pinterest:active.focus,.btn-pinterest.active.focus,.open>.dropdown-toggle.btn-pinterest.focus{color:#fff;background-color:#801419;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled.focus,.btn-pinterest[disabled].focus,fieldset[disabled] .btn-pinterest.focus{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-pinterest .badge{color:#cb2027;background-color:#fff}


.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active:hover,.btn-twitter.active:hover,.open>.dropdown-toggle.btn-twitter:hover,.btn-twitter:active:focus,.btn-twitter.active:focus,.open>.dropdown-toggle.btn-twitter:focus,.btn-twitter:active.focus,.btn-twitter.active.focus,.open>.dropdown-toggle.btn-twitter.focus{color:#fff;background-color:#1583d7;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled.focus,.btn-twitter[disabled].focus,fieldset[disabled] .btn-twitter.focus{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}

.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color:#dd4b39;background-color:#fff}

.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:focus,.btn-instagram.focus{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:hover{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active:hover,.btn-instagram.active:hover,.open>.dropdown-toggle.btn-instagram:hover,.btn-instagram:active:focus,.btn-instagram.active:focus,.open>.dropdown-toggle.btn-instagram:focus,.btn-instagram:active.focus,.btn-instagram.active.focus,.open>.dropdown-toggle.btn-instagram.focus{color:#fff;background-color:#26455d;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled.focus,.btn-instagram[disabled].focus,fieldset[disabled] .btn-instagram.focus{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-instagram .badge{color:#3f729b;background-color:#fff}

      .feed-title a {font-stretch:semi-condensed; font-size: large; font-weight:normal; color: darkkhaki;}	
.feed-title-image IMG {padding: 2em; margin:1em .5em;} 

    .feed-item-title a {
        color: darkred; font-size: large;}
    .feed-desc p {margin: 1em; background-color: beige;}


.ribbon-container {
  background: transparent !important;
  position: relative;
  z-index: 1;
}
.ribbon {
  background: hsl(30, 90%, 65%) url(http://portfolio.queenofwhisks.com/demo/overlay/noise.png);
  box-shadow: 2px 6px 12px rgba(0,0,0,0.5);
  font-family: Charter, serif;
  font-size: 16px;
  line-height: 1.0;
  text-align: center;
  margin: 0 auto;
  padding: 0.25em 0;
  position: relative;
  width: 70%;
}
.ribbon:before,
.ribbon:after {
  border: 1.5em solid hsl(30, 82%, 62%);
  content: '';
  display: block;
  position: absolute;
  bottom: -1em;
  z-index: -1;
}
.ribbon:before {
  left: -2em;
  border-right-width: 1.5em;
  border-left-color: transparent;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.ribbon:after {
  right: -2em;
  border-left-width: 1.5em;
  border-right-color: transparent;
  box-shadow: -2px 2px 2px rgba(0,0,0,0.5);
}
.ribbon-content {
  border-top: 0.0625em dashed hsl(30, 90%, 44%);
  border-bottom: 0.0625em dashed hsl(30, 90%, 44%);
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.08), inset 0px -1px 1px rgba(255,255,255,0.08), 0px -1px 1px rgba(255,255,255,0.2), 0px 1px 1px rgba(0,0,0,0.08);
  display: block;
  padding: 0.6875em 0;
}
.ribbon-content:before,
.ribbon-content:after {
  content: '';
  display: block;
  position: absolute;
  border-style: solid;
  border-color: hsl(30, 80%, 40%) transparent transparent transparent;
  bottom: -1em;
}
.ribbon-content:before {
  left: 0;
  border-width: 1em 0 0 1em;
}
.ribbon-content:after {
  right: 0;
  border-width: 1em 1em 0 0;
}
.ribbon a {
  color: hsl(30, 90%, 40%);
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.25);
}
.ribbon a:hover {
  color: hsl(30, 90%, 43%);
}
.underpage {
  background: #f4f4f4 url(http://portfolio.queenofwhisks.com/demo/overlay/noise-paper.png);
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.25);
  box-sizing: border-box;
  color: #444;
  font-family: Garamond, 'Goudy Old Style', Times, 'Times New Roman', serif;
  line-height: 1.5;
  margin: 0 auto;
  padding: 4.5em 1.5em 1.5em;
  position: relative;
  top: -4em;
  width: 65%;
  z-index: -1;
}
.underpage p:last-child {
  margin-bottom: 0;
}

	