.loader
{
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index: 9999;
	background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
	background-size:100px 100px;
}

@font-face
{
  font-family:'lubalinbold';
  src: url('fonts/lubalin_bold-webfont.woff2') format('woff2'),
       url('fonts/lubalin_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.affix
{
  top:0px;
  width:100%;
}

img.imageStretch
{
  width:100%;
}

.imageGrowth
{
  /*border:2px solid black;*/
  overflow:hidden;
}
.imageGrowth img:first-child
{
  -webkit-transition: all 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.imageGrowth img:first-child:hover
{
  -ms-transform: scale(1.15); /* IE 9 */
  -webkit-transform: scale(1.15); /* Safari */
  transform:scale(1.15);
}

a
{
  color:inherit;
  outline:none; /*remove outline on image links, looks nicer.  If its needed for accessibility we can put it back in later*/
}
a:hover,
a:focus
{
  color:inherit;
  text-decoration:none;
  outline:none; /*remove outline on image links, looks nicer.  If its needed for accessibility we can put it back in later*/
}

h2, h3, p
{
  padding:0px;
  margin:0px;
}


p
{
  line-height:normal;
  margin-bottom:20px;	
}

.container
{
  -webkit-transition:all 0.25s;
  transition:all 0.25s;
}

.section .container,
.section .container-fluid
{
  padding-top:75px!important;
  padding-bottom:50px!important;
}

/* Style adjustments for viewports 320px and over go here, anything smaller than 320 treat it as 320 */
@media all and (min-width: 0px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family: 'Arapey', serif;
    font-size:20px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }
  
  h1
  {
    font-family:'lubalinbold';
    font-size:34px;
    margin-bottom:20px;
  }
  h2
  {
    font-size:24px;
    margin-bottom:20px;
  }
  h2 strong
  {
    font-family:'lubalinbold';
    font-size:85%;
  }
  
  .header
  {
    padding-top:15px;
    padding-bottom:15px;
    width:100%;
    position:fixed;
    top:0px;
    z-index:3;
    
    background-color:black;
    opacity:0.92;
    filter:alpha(opacity=92); /* For IE8 and earlier */

    /*pointer-events:none;*/
  }
  
  #menu
  {
    list-style:none;
    font-size:24px;
    padding:0px;
    margin:0px;
    
    transition:all 0.25s;
  }
  
  .burger
  {
    font-size:33px;
    cursor:pointer;
  }
  .menu_close
  {
    height:0px;
    overflow:hidden;
  }
  .menu_open
  {
    margin-top:10px!important;
  }
  
  .logo
  {
    width:70px;
    /*margin-bottom:10px;*/

    padding-left:12px;
  }
  /*
  .socialIcons img
  {
    width:40px;
    margin-top:0px;
    margin-bottom:5px;
  }
  */

  .socialIcons a
  {
    font-size:23px;
    margin-left:4px;
    margin-right:4px;
  }
}


/*iPhone 6 or iPhone 5 sideways*/
@media all and (min-width: 375px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family: 'Arapey', serif;
    font-size:20px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }
  
  h1
  {
    font-family:'lubalinbold';
    font-size:37px;
    margin-bottom:18px;
  }
  h2
  {
    font-size:25px;
    margin-bottom:20px;
  }
  h2 strong
  {
    font-family:'lubalinbold';
    font-size:90%;
  }
  
  #menu
  {
    list-style:none;
    font-size:30px;
    padding:0px;
    margin:0px;
    
    transition:all 0.25s;
  }
  
  .burger
  {
    font-size:33px;
    cursor:pointer;
  }
  /*
  .socialIcons img
  {
    width:41px;
    margin-top:0px;
    margin-bottom:5px;
  }
  */

  .socialIcons a
  {
    font-size:27px;
    margin-left:5px;
    margin-right:5px;
  }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:'Arapey', serif;
    font-size:23px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }
  
  h1
  {
    font-family:'lubalinbold';
    font-size:48px;
    margin-bottom:18px;
  }
  h2
  {
    font-size:35px;
    margin-bottom:20px;
  }
  h2 strong
  {
    font-family:'lubalinbold';
    font-size:85%;
  }
  
  /*
  .header
  {
    padding-top:20px;
    padding-bottom:0px;
    width:100%;
    position:fixed;
    top:0px;
    z-index:3;
    
    background-color:transparent;
		opacity:1.0;
		filter:alpha(opacity=100);
  }
  */

  .header
  {
    padding-top:18px;
    padding-bottom:18px;
    width:100%;
    position:fixed;
    top:0px;
    z-index:3;
    
    background-color:black;
    opacity:0.97;
    filter:alpha(opacity=97); /* For IE8 and earlier */

    /*pointer-events:none;*/
  }
  
  #menu
  {
    list-style:none;
    font-size:26px;
    padding:0px;
    margin:0px;
    
    transition:all 0.25s;
  }
	
	#menu li a:after
	{
		display:block;
		content: '';
		border-bottom:solid 2px #FFFFFF;  
		transform:scaleX(0);  
		transition:transform 400ms ease-in-out;
	}
	#menu li.active a:after,
	#menu li a:hover:after
	{
		transform:scaleX(1);
		/*transform-origin:100% 50%;*/
		transform-origin:0% 50%;
	}
  /*
  .burger
  {
    display:none;
  }
  .menu_close
  {
    height:auto;
    overflow:visible;
  }
  .menu_open
  {
    margin-top:0px!important;
  }
  */

  .burger
  {
    font-size:33px;
    cursor:pointer;
  }
  .menu_close
  {
    height:0px;
    overflow:hidden;
  }
  .menu_open
  {
    margin-top:10px!important;
  }
  
  .logo
  {
    width:90px;
    /*margin-bottom:10px;*/

    padding-left:15px;
  }
  /*
  .socialIcons img
  {
    width:50px;
    margin-top:8px;
    margin-bottom:0px;
  }
  */

  .socialIcons a
  {
    font-size:32px;
    margin-left:6px;
    margin-right:6px;
  }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:'Arapey', serif;
    font-size:23px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }
  
  h1
  {
    font-family:'lubalinbold';
    font-size:48px;
    margin-bottom:18px;
  }
  h2
  {
    font-size:35px;
    margin-bottom:20px;
  }
  h2 strong
  {
    font-family:'lubalinbold';
  }
  
  /*
  .header
  {
    padding-top:20px;
		padding-bottom:0px;
    width:100%;
    position:fixed;
    top:0px;
    z-index:3;
    
    background-color:transparent;
		opacity:1.0;
		filter:alpha(opacity=100);
  }
  */

  .header
  {
    padding-top:18px;
    padding-bottom:18px;
    width:100%;
    position:fixed;
    top:0px;
    z-index:3;
    
    background-color:black;
    opacity:0.97;
    filter:alpha(opacity=97); /* For IE8 and earlier */

    /*pointer-events:none;*/
  }
  
  #menu
  {
    list-style:none;
    font-size:29px;
    padding:0px;
    margin:0px;
    
    transition:all 0.25s;
  }
	
	#menu li a:after
	{
		display:block;
		content: '';
		border-bottom:solid 2px #FFFFFF;  
		transform:scaleX(0);  
		transition:transform 400ms ease-in-out;
	}
	#menu li.active a:after,
	#menu li a:hover:after
	{
		transform:scaleX(1);
		/*transform-origin:100% 50%;*/
		transform-origin:0% 50%;
	}
  /*
  .burger
  {
    display:none;
  }
  .menu_close
  {
    height:auto;
    overflow:visible;
  }
  .menu_open
  {
    margin-top:0px!important;
  }
  */
  .burger
  {
    font-size:33px;
    cursor:pointer;
  }
  .menu_close
  {
    height:0px;
    overflow:hidden;
  }
  .menu_open
  {
    margin-top:10px!important;
  }
  
  .logo
  {
    width:90px;
    /*margin-bottom:10px;*/

    padding-left:15px;
  }
  /*
  .socialIcons img
  {
    width:52px;
    margin-top:8px;
    margin-bottom:0px;
  }
  */

  .socialIcons a
  {
    font-size:32px;
    margin-left:6px;
    margin-right:6px;
  }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
  html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:'Arapey', serif;
    font-size:25px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }
}


@media (min-width: 1400px)
{
	html, body
  {
    margin:0;
    padding:0;
    height:100%;
    
    font-family:'Arapey', serif;
    font-size:30px;
    
    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }
	
	h1
  {
    font-family:'lubalinbold';
    font-size:50px;
    margin-bottom:20px;
  }
}


@media (min-width: 1600px)
{
  .container
  {
    width:1570px;
  }
}


body
{
  background-color:black;
  color:white;
}




.footer
{
  width:100%;
  position:fixed;
  bottom:20px;
  /*z-index:1;*/
  z-index:3;
}


.socialIcons
{
  width:100%;
  text-align:right;
}







#menu li
{
  
}
#menu li a
{
  display:inline-block;
  padding-bottom:1px;
  /*border-bottom:2px solid transparent;*/
  
	/*
  background-color:black;
  opacity:0.90;
  filter:alpha(opacity=90); /* For IE8 and earlier */
	
	text-shadow: 0px 0px 15px #222222;
}
#menu li.active a,
#menu li a:hover
{
  /*border-bottom:2px solid white;*/
}






.greyscale
{
  -webkit-filter:grayscale(100%); /* Safari 6.0 - 9.0 */
  filter:grayscale(100%);


  transform:scale(1.03);
  -webkit-transform:scale(1.00); /*making the Book a table button on Safari sometimes not clickable, disable it*/
  -moz-transform:scale(1.00); /*jerky on Firefox, disable it*/
}

#home
{
  background-image:url('../images/bgVero.jpg');
  
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  
  transition:all 4.5s ease 1.45s;
}


#ourStory
{
  background:linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('../images/bgOurStory.jpg');
  
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

#ourIngredients
{
  background:linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('../images/bgOurIngredients.jpg');
  
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

#ourMenu
{
  background:linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('../images/bgOurMenu.jpg');
  
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

#contact
{
  background:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../images/bgContact.jpg');
  
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.veroGraphic
{
  width:100%;
  position:relative;
  top:-50px;
  z-index:1;
}

.iconHeadingsHolder
{
  background-image:url('../images/lines.png');
  background-position:center center;
  background-repeat:no-repeat;
  width:100%;
  margin-bottom:15px;
}
.iconHeadings
{
  width:85px;
}


.V
{
  width:20px;
}

.veroModerno
{
  width:150px;
  max-width:100%;
}


input.text
{ 
  display:block;
  width:100%;
  height:40px;
  
  padding-left:15px;
  padding-right:15px;
  padding-bottom:0px;
  
  border:0px;
  
  font-family:'lubalinbold';
  font-size:17px;
  color:black;

  margin-top:0px;
  margin-bottom:8px;
  
  -webkit-appearance:none;
  border-radius:1px 1px 1px 1px;
  -moz-border-radius:1px 1px 1px 1px;
  -webkit-border-radius:1px 1px 1px 1px;
}

textarea
{
  border:0px;
  
  width:100%;
  height:80px;
  resize:none;

  padding-left:15px;
  padding-right:15px;
  padding-top:10px;
  padding-bottom:10px;

  font-family:'lubalinbold';
  font-size:17px;
  color:black;

  margin-top:0px;
  margin-bottom:8px;

  -webkit-appearance:none;
  border-radius:1px 1px 1px 1px;
  -moz-border-radius:1px 1px 1px 1px;
  -webkit-border-radius:1px 1px 1px 1px;
}

.button
{
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
  
  font-family:'lubalinbold';
  font-size:22px;
  
  text-align:center;
  padding-top:7px;
  padding-bottom:7px;
  
  padding-left:15px;
  padding-right:15px;
  
  max-width:100%;
  
  background-color:white;
  opacity:0.86;
  filter:alpha(opacity=86); /* For IE8 and earlier */
  
  color:black!important;
  
  border:0px;
  
  
  border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  -webkit-border-radius:10px 10px 10px 10px;
  
  transition:all 0.4s;
}
.button:hover
{
  padding-right:25px;
  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  color:black!important;
}

.disclaimer
{
  font-size:15px;
}

#map
{
  height:450px;
  width:100%;
  /*background-color:red;*/
}


.yellow
{
  color:#C69C6D;
}

.display-table
{
  display:table;
}

.display-cell
{
  display:table-cell;
  vertical-align:middle;
}


img.center
{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.center
{
  text-align:center;
}
.leftText
{
  text-align:left;
}
.rightText
{
  text-align:right;
}


.no-gutter > [class*='col-']
{
  padding-right:0;
  padding-left:0;
}

.nopadding
{
  padding: 0 !important;
}

.padding15
{
  padding:15px;
}


.dcsns-toolbar
{
  margin-bottom:25px;
  font-size:15px;
}
.dcsns-toolbar .filter li a
{
  box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
} 
.dcsns-toolbar .filter .link-all
{
  height:auto;
}
#social-stream
{
  margin-bottom:25px;
}