html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 14px;
  /*font-family: Georgia, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
}

body.home div.main
{
	background-color: transparent;
}
div.wrapper
{
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  max-width: 100%;
  width: 100%;
  
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
}
div.sidebar
{
	background: url('http://vaggivagg.com/wp-content/themes/vaggivagg2/img/bgleather2.png') no-repeat top center #000000;
	width: 280px;
	-ms-flex: 0 280px;
	-webkit-box-flex:  0;
	-moz-box-flex:  0;
	-ms-box-flex:  0;
	box-flex:  0;
	color: #fff;

	
}

div.sidebar .inner
{
	background: url('http://vaggivagg.com/wp-content/themes/vaggivagg2/img/bgleather2.png') no-repeat top center #000000;
}

div.sidebar .sideSocials
{
	text-align: center;
}



.fullbg {
  background: transparent;
  
 -ms-flex: 1;
 -webkit-box-flex: 1;
 -moz-box-flex: 1;
 -ms-box-flex: 1;
 box-flex: 1;

-webkit-box-shadow: inset 8px 0px 5px -5px rgba(0, 0, 0, 0.55);
-moz-box-shadow:    inset 8px 0px 5px -5px rgba(0, 0, 0, 0.55);
box-shadow:         inset 8px 0px 5px -5px rgba(0, 0, 0, 0.55);
position: relative;

}


/*.metaslider
{
	display: none;
}

.home .fullbg .metaslider
{
	display: block;
}
*/


.bgslider
{
	display: none;
}

.home .bgslider
{
	display: block;
}
.bgslider
{
  min-height: 100%;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
}

.bgslider .slideitem
{
	height: 100%;
	width: 100%;
	position: fixed;
}

.bgslider .slideitem-one
{
	background: url('img/vaggivagg_bg.jpg') no-repeat center center fixed;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.bgslider .slideitem-two
{
	background: url('img/viv_bg2.jpg') no-repeat center center fixed;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.bgslider .slideitem-three
{
	background: url('img/viv_bg3.jpg') no-repeat center center fixed;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bgslider .slideitem-four
{
	background: url('img/viv_bg4.jpg') no-repeat center center fixed;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.home .main
{
	display: none;
}

.main
{
	max-width: 1000px;
	margin: 30px;
}

.sidebar .inner
{
	padding: 40px 20px 20px 20px;
}
.sidebar .logo a img
{
	max-width: 200px;
	height: auto;
	display: block;
	margin: 10px auto;
}

nav.nav ul
{
	padding: 20px 0px 20px 0px;
	border-top: 1px #4b4b4b solid;
	border-bottom: 1px #4b4b4b solid;
	max-width: 190px;
	margin: 30px auto;
}
nav.nav ul li
{
	list-style-type: none;
	margin: 20px 0px;
	display: block;
	text-align: center;
	
}
nav.nav ul li a
{
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.3px;
}

nav.nav ul li a:hover
{
	color: #d6b94d;
}

nav.nav ul li.table-booking-btn
{
	margin-top: 50px;
}
nav.nav ul li.table-booking-btn a
{
	color: #d6b94d;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.3px;
	border: 1px #d6b94d solid;
	padding: 8px 16px;
}

nav.nav ul li.table-booking-btn a:hover
{
	background-color: rgba(215,186,78,0.22);
	color: #d6b94d;
	border: 0;
}

/*
video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(http://vaggivagg.com/wp-content/themes/vaggivagg2/polina.jpg) no-repeat;
    background-size: cover; 
    opacity: 1;
    background-color: #000000;
}
*/



div.main h1.page-title
{
	font-family: "Roboto",sans-serif;
	font-size: 26px;
	/*color: #d1b348;*/
	color: #000000;
}


div.main
{
	margin-top: 30px;
	margin-left: 70px;
}


.menus
{
	float: left;
	width: 50%;
	margin-left: 20px;
	max-width: 420px;

	position: relative;
	padding-top: 35px;
	padding-bottom: 35px;
	font-size: 14px;
}
.menus:nth-of-type(1)
{
	margin-left: 0;
}

.menus .menutop
{
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	margin: auto;
	background: url('img/menuborder-top.png') no-repeat top center transparent;
	height: 29px;
}
.menus .menubottom
{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: auto;
	background: url('img/menuborder-bottom.png') no-repeat top center transparent;
	height: 29px;
}

.menus > h2
{
	text-align: center;
	color: #c19959;
	font-family: arial, verdana;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.menuitems
{
	padding: 20px 30px 10px 30px;
}
.menuitem
{
	position: relative;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.menu-food .menuitem
{
	margin-bottom: 8px;
}
.menu-food .menuitem h2 {
   
    font-size: 14px;
    line-height: normal;
    margin: 0;
    padding-right: 10px;
    position: relative;
    z-index: 2;
    float: left;
    word-wrap:break-word;
    max-width: 280px;
    font-weight: normal;
    color: #6e6e6e;
    padding-left: 25px;
}

.menu-food .menuitem span.menu-nr
{
	 background-color: #fff;
	 padding-right: 7px;
	 color: #c19959;
	 position: absolute;
	 left: 0;
	 top: 3px;
	 bottom: 0;
	 z-index: 99;
	 width: 20px;
	 height: 100%;
}
.menu-food .menuitem h2 span.food-title
{
	 background-color: #fff;
	 padding-right: 5px;
	 font-weight: bold;
}
.menu-food .menuitem h2 span.food-title span.food-smaller-text
{
	font-weight: normal;
}
.menu-food .menuitem .pt-post-line {
    border-bottom: 2px dotted #a4a4a4;
    bottom: 8px;
    height: 2px;
    left: 10%;
    position: absolute;
    width: 90%;
    z-index: 1;
}

.menu-food .menuitem .pt-post-prices {
    background-color: #fff;
    color: #6e6e6e;
    line-height: normal;
    padding-left: 10px;
    position: absolute;
    right: 0;
    bottom: 2px;
    z-index: 2;
    padding-bottom: 4px;
    width: 45px;
    text-align: left;
    font-size: 14px;
}
.menu-food .menuitem .pt-align-right {
    text-align: right;
}
.menu-food .menuitem .pt-float-right {
    float: right;
}


div.menu-drinks h3
{
	color: #4e4e4e;
	margin-top: 0px;
	font-weight: bold;
	font-size: 14px;
}

div.menu-drinks h3 span
{
	font-style: italic;
	font-size: 12px;
	color: #898989;
	display: inline;
	font-weight: normal;
}
div.menu-drinks span {
	font-style: italic;
	font-size: 12px;
	display: block;
	color: #898989;
}

.menu-drinks .menuitems
{
	margin-bottom: 5px;
}
.menu-drinks .menuitems h2 {
   
    font-size: 14px;
    line-height: normal;
    margin: 0;
    font-weight: normal;
    color: #6e6e6e;
}

.menu-drinks .menuitems h2 span {
 display: inline;
}

.mobileHeader
{
	display: none;
	background: url('http://vaggivagg.com/wp-content/themes/vaggivagg2/img/bg_horizontal.png') no-repeat left top #000000;
	height: 90px;
	padding: 10px;
}

.mobileHeader .logo
{
	display: block;
	text-align: center;

}
.mobileHeader .logo img
{
	height: 70px;
	width: auto;
}

div#click-menu-label
{
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	padding-top: 3px;
}

footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

section article.page p
{
	max-width: 600px;
	width: 95%;
	line-height: 1.5;
}

section article.page img
{
	max-width: 100%;
	height: auto;
}


/* table reservations */

.rtb-booking-form
{
	font-family: 'Lato', sans-serif;
}

.rtb-booking-form fieldset
{
	border: 1px #c2c2c2 solid; 
}
.rtb-booking-form fieldset legend
{
	color: #8c8c8c;
	text-transform: uppercase;
}

.rtb-booking-form button
{
	background-color: #d6b94d;
	color: #000000;
	border: 1px #d6b94d solid;
	padding: 8px;
}

.rtb-booking-form button:hover
{
	background-color: #e2c96b;
}


/*

	OPENING HOURS
	
*/


body.oppettider table
{
	width: 100%;
	max-width: 500px;
	margin-bottom: 80px;
}

body.oppettider table tr
{
	border-bottom: 1px #dfdfdf solid;
}

body.oppettider table tr td,
body.oppettider table tr th
{
	padding: 5px;
}

body.oppettider table tr:last-of-type
{
	border-bottom: 0;
}

/*

	CONTACT
	
*/


body.kontakt table
{
	width: 100%;
	max-width: 500px;
	margin-bottom: 80px;
}

body.kontakt table tr
{
	border-bottom: 1px #dfdfdf solid;
}

body.kontakt table tr td,
body.kontakt table tr th
{
	padding: 5px;
}

body.kontakt table tr:last-of-type
{
	border-bottom: 0;
}

body.kontakt #wpgmza_map
{
	max-width: 700px;
}
body.kontakt #wpgmza_map
{
	clear: both;
}



section.news article
{
	border-bottom: 1px #e8e8e8 solid;
	padding-bottom: 20px;
	margin-bottom: 35px;
	max-width: 700px;
}

section.news article a
{
	color: #000000;
}
section.news article h2
{
	margin-bottom: 2px;
	color: #000000;
}

section.news article div.date
{
	font-size: 12px;
	margin-bottom: 15px;
	margin-top: 3px;
	padding-left: 2px;
}

section.news article a.view-article
{
	color: #d7a43f;
	border-bottom: 1px #ffffff dotted;
}

section.news article a.view-article:hover
{
	color: #000000;
	border-bottom: 1px #d5d5d5 dotted;
}


body.single div.main main
{
	max-width: 700px;
	position: relative;
}


body.single div.main main h1
{
	margin-bottom: 2px;
	margin-top: 2px;
}

body.single div.main main .parentPage
{
	color: #d7a43f;
}

body.single div.main main div.date
{
	font-size: 12px;
	margin-bottom: 15px;
	margin-top: 3px;
	padding-left: 2px;
}

body.single div.main main img
{
	    border: 0 none;
    height: auto;
    max-width: 85%;
    vertical-align: middle;
}

body.single div.main a.backlink
{
	color: #d7a43f;
	font-weight: bold;
	padding-top: 10px;	
}


.sideContact
{
	margin-top: 20px;
	text-align: center;
	font-size: 13px;
	color: #d0d0d0;
}

.sideContact h2
{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 3px;
}
.sideContact h3
{
	font-size: 14px;
	font-weight: 500;
	margin-top: 2px;
}
.sideContact strong
{
	font-style: italic;
}

.ssba.ssba-wrap
{
	max-width: 820px;
	margin-bottom: 30px;
}

.sideWidgets
{
	border-top: 1px solid #4b4b4b;
	text-align: center;
	margin: 20px auto;
    max-width: 190px;
    padding: 20px 0;
    font-size: 13px;
    color: #d0d0d0;
}

.sideWidgets a
{
	color: #d6b94d;
	margin-top: 12px;
	display: block;
}

.show-on-mobile-only
{
	display: none;
}