/* css - Recipe Page v2.00 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* BASIC ELEMENTS */

/* html - Style */
		html 
	    {
		margin: 0;
		padding: 0;			
		}
		

/* [BACKGROUND] */
		body
		{
		background-image: linear-gradient(to right, hsla(0,0%,0%,1.00), hsla(0,0%,0%,1.00)), url("../images/background.jpg");

	/* Full height */
        height: 100%;
					
	/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;	
		}

/* [LINKS] */
	/* unvisited link - Style */
		a:link
		{
		color: aliceblue;
		text-shadow: 1px 1px #000000;
		}

	/* visited link - Style */
		a:visited 
		{
		color: black;
		}

	/* mouse over link - Style */
		a:hover 
		{
		color: antiquewhite;
		}

	/* selected link - Style */
		a:active 
		{
		color: blue;
		}


/* [FONTS] */
	/* [h1 - Font] */
		h1
		{
	/* font-family - FONT Type of Element*/
		font-family: 'Anton', sans-serif;
	/* font-size - Font Size*/
		font-size: 50px;
	/* font-color - color*/
		color: black;
		}

/* [h2 - Font] */
		h2
		{
	/* font-family - FONT Type of Element*/
		font-family: 'Open Sans', sans-serif;
	/* font-size - Font Size*/
		font-size: 30px;
	/* font-color - color*/
		color: black;
		}

/* [h2 - Font] */
		h3
		{
	/* font-family - FONT Type of Element*/
		font-family: 'Open Sans', sans-serif;
	/* font-size - Font Size*/
		font-size: 20px;
	/* font-color - color*/
		color: black;
		}

/* [p - Font] */
		p
		{
	/* font-family - FONT Type of Element*/
		font-family: 'Open Sans', sans-serif;
	/* font-size - Font Size*/
		font-size: 20px;
	/* font-color - color*/
		color: black;
		}

/* [ul, ol - Font] */
		ul, ol
		{
	/* font-family - FONT Type of Element*/
		font-family: 'Open Sans', sans-serif;
	/* font-size - Font Size*/
		font-size: 20px;
	/* font-color - color*/
		color: black;
		}
	    
		
/* [SHADOWS] */

		h1, h2, h3, p, ul, ol, table
		{			
	/* TEXT SHADOW - SIMPLE BORDER */			
		text-shadow: -1px 0 GAINSBORO, 0 1px GAINSBORO, 1px 0 GAINSBORO, 0 -1px GAINSBORO;
		}

	
    /* TEXT SHADOW - GLOW */
	    .glowstyle
		{
		text-shadow: 0 0 20px white;
		}
     /* TEXT SHADOW - MULTIPLE SHADOWS */
	    .multipleshadows
		{
		color: white;
		text-shadow: 3px 3px 2px black,
				     6px 7px blue,
				     10px 11px 4px GAINSBORO,
				     20px 24px white;
		}
			
	/* BOX SHADOW - IMG */
	    img
		{		
		margin:0px 20px;

	/* border radius - Shave border of element */
		border-radius: 5px 5px;
		}

    /* WRAP LEFT - IMG */
        .imgWrapLeft
{
	float: left
}

    /* WRAP RIGHT - IMG */
        .imgWrapRight
{
	float: right
}


/* ADVANCED ELEMENTS */

/* [PARALLAX] */
	/* DIV: parallax - Style */ 
		.parallax0,.parallax1,.parallax2 
		{
	/* Create the parallax scrolling effect */
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		}

	/* DIV: parallax0 - Style */ 
		.parallax0 
		{
	/* The image used */
		background-image: linear-gradient(to right, hsla(0,0%,0%,0.62), hsla(0,0%,0%,0.68)), url("../images/background0.jpg");
		}

	/* DIV: parallax1 - Style */ 
		.parallax1 
		{
	/* The image used */
		background-image: linear-gradient(to right, hsla(0,0%,0%,0.62), hsla(0,0%,0%,0.68)), url("../images/background1.jpg");
		}

	/* DIV: parallax2 - Style */ 
		.parallax2 
		{
	/* The image used */
		background-image: linear-gradient(to right, hsla(0,0%,0%,0.62), hsla(0,0%,0%,0.68)), url("../images/background2.jpg");
		background-size:auto;
		}

/* NAV BAR */
.header .overlay{
    background: rgba(0, 0, 0, 0.58);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; 

}


.header .navbar-default {
	background-color:transparent !important;
	border-color:transparent;
	background-image:none;
	box-shadow:none;	
}
.header .navbar-default .navbar-brand{
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
}

.header .navbar-default .navbar-nav>li>a {
	
   font-size:20px; 
   color:#fff; 
    border-bottom: 1px solid transparent
}
.header .navbar-default .navbar-nav>li:hover a{
    color: #333;
     border-bottom: 1px solid #FFF
}


.header .navbar-toggle {
      margin:10px 0; 
      background:#36C; 
      color:#FFF;
}



/* Img Placeholder */	  
  .fakeimg {
    height: 200px;
    background: #aaa;
  }
/* Make the image fully responsive */
  .carousel-inner img {
    width: 20%;
    height: 20%;
  }
/* Text with image background */
	.maintxt {
	 background-attachment: fixed;
	 text-align: center;
	 margin: auto;
	 width: 50%;
	 padding: 5px;
	 background-repeat: no-repeat;
	 background-size: cover;
    }
/* Style Paragraph */
	.pstyled {
	text-align: center;
	font-size: 20px;
    color: aliceblue;
    }
/* H1 Style */
	h1 {
	font-size: 120px;
    color: aliceblue;
    }

/* Header Style */
	header {
  position: relative;
  background-color: black;
  height: 300px;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

/* Header Video Style */
header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/* Header .Container Style */
header .container {
  position: relative;
  z-index: 2;
}

/* Header .Overlay Style */	  
header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

/* @media Style */	  
@media (pointer: coarse) and (hover: none) {
  header {
    background: url('/images/reel.png') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}