/*
Theme Name: Lehtovaara
Description: Theme for Ravintola Lehtovaara
Author: Don & Branco - Digital Advertising Agency
Author URI: http://www.donbranco.fi
Version: 1.2
*/


/* -------------- */
/* > RESET STYLES */
/* -------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* < RESET STYLES */


/* -------------- */
/* > FONT-FACE    */
/* -------------- */

/* < FONT FACE */

/* --------------- */
/* > COMMON STYLES */
/* --------------- */
body { background: url("img/etusivukuva.jpg") no-repeat fixed top center rgba(38, 34, 40, 1); background-size: cover; }
body.home { background: url("img/etusivukuva.jpg") no-repeat fixed top center rgba(38, 34, 40, 1); background-size: cover; }
body.menut, body.a-la-carte { background: url("img/menu-tausta.jpg") no-repeat fixed top center rgba(38, 34, 40, 1); background-size: cover; }
body.viinit-juomat { background: url("img/viinit-tausta.jpg") no-repeat fixed top center rgba(38, 34, 40, 1); background-size: cover; }
body.brunssi { background: url("img/brunssi-tausta.jpg") no-repeat fixed top center rgba(38, 34, 40, 1); background-size: cover; }
body.tilaisuudet { background: url("img/tilaisuudet-tausta.jpg") no-repeat fixed top center rgba(38, 34, 40, 1); background-size: cover; }
body.yhteystiedot, body.galleria { background: url("img/yhteystiedot-tausta.jpg") no-repeat fixed top center rgba(38, 34, 40, 1); background-size: cover; }
body, p, span, a, label { font-family: Georgia, Arial,helvetica,'Open Sans'; font-size: 14px; line-height: 21px; color: #000; }
b,strong { font-weight: bold; }
em { font-style:italic; }
p { padding-bottom: 23px; }
h1 { font-size: 35px; line-height: 42px; margin-bottom: 20px; font-family: Neutraface2TextBook, Arial; color: #000; text-transform: uppercase; }
h2 { font-size: 22px; font-weight: bold; font-family: Neutraface2TextBook, Arial; color: #000; text-transform: uppercase; letter-spacing: 1.6px; }
h3 { font-size: 20px; font-weight: bold; padding-top: 10px; padding-bottom: 25px; /*font-family: PlutoSansRegular, Arial;*/ font-family: Neutraface2TextBook, Arial; }
h4 { font-size: 17px; font-weight: bold; margin-bottom: 14px; font-family: Arial; }
h5 { font-size: 25px; margin-bottom: 20px; font-family: Neutraface2TextBook, Arial; color: #000; }
h6 { font-size: 16px; margin-bottom: 16px; font-weight: bold; font-family: Neutraface2TextBook, Arial; color: #000; }
a { text-decoration: none; color: #000; }
a:hover {color: #993300;}
hr { border: 0px; height: 1px; color: #c8c9cb; background-color: #c8c9cb; margin-top: 10px; margin-bottom: 10px; }
.entry-title { text-align: center; padding-bottom: 25px; padding-top: 80px; }
/* < COMMON STYLES */


/* --------------------- */
/* > FRONT PAGE SPECIFIC */
/* --------------------- */
#main-logo { text-align: center; padding: 30% 25px; }
#blue-filter { background-color: rgba(42, 59, 73, 1); }
#fp-logo-area { padding-top: 17%; }
#fp-logo { margin: 0 0 25px; max-width: 600px; }
body.home #main-content { margin: 0 auto; }
.slide-tausta { position: absolute; top: 0; left: 0; display: none; background: #FFF; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#valitausta { position: fixed; top: 0; left: 0; background-image: url("img/valikuva1.jpg"); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -9999; -webkit-transform: rotate(0); }

  /* > FLEXSLIDER -- CLEAN THIS, not used */
  .flexslider { width: 100%; max-width: 580px; position: relative; text-align: center; float: left; }
  .flexslider h2 { font-family: Knockout49, Arial; font-size: 25px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; }
  .flexslider .slides img { display: block; width: 100%; margin-left: 10px;}
  .flex-direction-nav {}
  .slides, .flex-control-nav, .flex-direction-nav{ list-style: none outside none; margin: 0; padding: 0; }
  .flex-direction-nav a:before { display: inline-block; }
  .flex-direction-nav .flex-prev { left: 0; z-index: 8; }
  .flex-direction-nav .flex-next { right: 0; text-align: right; z-index: 9; }
  .flex-direction-nav a { position: absolute; display: block; overflow: hidden; top: 95%; width: 40px; height: 40px; font-size: 25px; font-family: Knockout49, Arial; color: #fff; padding-left: 150px; padding-right: 150px;}
  /* < FLEXSLIDER */

  /* > CONTACT FORM -- CLEAN THIS */
  .contact-form { float: right; margin-bottom: 30px; }
  .qcf-style.default { max-width: 370px; }
  .qcf-style.default h2 { font-family: Knockout49, Arial; font-size: 25px; font-weight: lighter; letter-spacing: 2px; color: #fff; text-transform: uppercase; }
  .qcf-style.default p { color: #fff; } 
  .qcf-style #none { padding: 30px !important; }
  .qcf-style.default #submit { font-family: Knockout49, Arial; font-size: 21px !important; font-weight: lighter; letter-spacing: 2px; }
  /* > CONTACT FORM */ 
  
 /* < FRONT PAGE SPECIFIC */
 
/* ---------------- */
/* > HEADER SECTION */
/* ---------------- */
#top { width: 100%; min-height: 47px; position: fixed; z-index: 9999; top:0; left: 0; background: #253322; color: #4d4d4f;}
#top-wrapper { width: 100%; max-width: 960px; margin: 0 auto; }
#header-logo { background: url("img/lehtovaara-logo-small.png") no-repeat scroll left center rgba(0, 0, 0, 0); background-size: 109px 32px; width: 109px; height: 32px; margin-top: 7px; margin-left: 0; margin-right: 0; float: left; /*display: none;*/ }

  /* > HEADER SECTION - NAVIGATION */
  #top .nav { float: left; width: 100%; max-width: 750px; }
  #menu-main-menu { list-style: none; text-align: center; padding-top: 14px; }
  #menu-main-menu li { display: inline; margin: 0 0.8%; }
  #menu-main-menu li.current-menu-item a { color: #fff; }
  #menu-main-menu a { font-family: 'Neutraface2TextBold', Arial; font-size: 12px; color: #e1bc98; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }
  #menu-main-menu a:hover { color: #fff; }
  #menu-main-menu .sub-menu {display: none }
  #secondary-navigation { margin-bottom: -50px; }
  #secondary-navigation ul.sub-menu { list-style: none; text-align: center; box-sizing: border-box; }
  #secondary-navigation ul.sub-menu li { display: inline-block; padding: 10px; }
  #secondary-navigation ul.sub-menu li.current_page_item { background-image: url("img/dash-border.png"); background-position: left top; background-repeat: repeat; }
  #secondary-navigation a { font-family: Neutraface2TextBook,Arial; background-color: #fff; padding: 5px 15px; color: #000; text-transform: uppercase; font-size: 18px; }
  /* < HEADER SECTION - NAVIGATION */

  /* > HEADER SECTION - LANGUAGE */
  #language { float: right; }
  #language-mob { position: absolute; text-align: right; top: 5px; right: 75px; width: 100%; }
  #language ul, #language-mob ul { padding-top: 14px; list-style: none; }
  #language li, #language-mob li { padding: 0px 0px; display: inline-block; height: 24px; width: 24px; line-height: 22px; text-align: center; margin-left: 2px; }
  #language li.active, #language-mob li.active { background-image: url("img/lang-circle.png"); background-size: 24px 24px; background-position: center; background-repeat: no-repeat; }
  #language a, #language-mob a, #language span, #language-mob span { font-family: 'Neutraface2TextBold', Arial; font-size: 10px; color: #e1bc98; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }
  /* < HEADER SECTION - LANGUAGE */

  /* > HEADER SECTION - MOBILE NAVIGATION */  
  #top-mobile { display: none; position: fixed; top: 0; text-align: center; min-height: 45px; width: 100%; z-index: 999; background-color: #253322; background-image: url("img/lehtovaara-logo-small.png"); background-size: 109px 32px; background-repeat: no-repeat; background-position: 14px center; }
  #nav-menu { font-size: 28px; color: #DACA03; text-transform: uppercase; display: block; width: 100%; height: 47px; text-indent: -9999px; margin-bottom: 10px; background-image: url("img/mobiilinavi.png"); background-position: right top; background-repeat: no-repeat; background-size: 35px 28px; border-top: 14px solid transparent; border-right: 14px solid transparent; box-sizing: border-box; }
  #navi-mobile .nav { background-color: #253322; display: none; border-bottom: 1px solid #e1bc98; border-top: 1px solid #e1bc98; padding: 15px 0; }
  #navi-mobile { font-size: 21px; text-transform: uppercase; height: 0; }
  #navi-mobile li { list-style: none; padding: 5px 0; }
  #navi-mobile a { font-family: 'Neutraface2TextBold', Arial; color: #e1bc98; padding: 8px 0;}
  #navi-mobile ul li ul li { list-style: none; padding: 5px 0; }
  #navi-mobile ul li ul li a { color: #9e9e9e; text-transform: lowercase; padding: 8px 0; }
  /* < HEADER SECTION - MOBILE NAVIGATION */  

/* < HEADER SECTION */


/* -------------- */
/* > MAIN SECTION */
/* -------------- */
#page {  }
#main-wrapper { width: 100%; max-width: 960px; margin: 47px auto 0; }

  /* > MAIN SECTION - CONTENT */
  #main-content { padding: 35px 8%; background-color: #fff; margin: 20% auto 0; }
  #main-content p img { margin-bottom: 15px; }
  #main-content h2 { background-color: #fff; padding: 8px; }
  #main-content .dash-border { text-align: center; margin: 35px 0; padding: 10px; background-image: url("img/dash-border.png"); background-position: top left; background-repeat: repeat; }
  #header-image { margin-bottom: 30px; }
  #header-image img { width: 100% }
  /* < MAIN SECTION - CONTENT */


  /* > GALLERY PAGE SPECIFIC */
  .ngg-galleryoverview { text-align: center; }
  .ngg-gallery-thumbnail-box { float: none !important; display:inline-block; } 
  .ngg-gallery-thumbnail img { border: none !important; }
  /* < GALLERY PAGE SPECIFIC */

/* < MAIN SECTION */

/* ---------------- */
/* > FOOTER SECTION */
/* ---------------- */
#footer-wrapper { background-color: #262228; width: 100%; max-width: 960px; margin: 0 auto 80px; }
#footer-wrapper .content-container { padding: 40px 30px; }
#footer-wrapper .dash-border { background-image: url("img/dash-footer.png"); background-position: top left; background-repeat: repeat; padding: 10px; }
#footer-wrapper p { font-family: Neutraface2TextBook, Arial; font-size: 14px; line-height: 14px; color: #e2cdc1; }
#footer-wrapper h3 { font-family: Neutraface2TextBold, Arial; font-weight: lighter; font-size: 14px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background-color: #262228; padding: 5px 0; }
#footer-wrapper a { font-family: Neutraface2TextBook, Arial; font-size: 14px; line-height: 14px; color: #fff; }
.footer-item { float: left; width: 25%; box-sizing: border-box; padding: 0 12px; }


/* < FOOTER SECTION */


/* ---------- */
/* > EXTRA */
/* ---------- */
.clear { clear: both; }
iframe { height: 0 !important; float: left; }
body.varaus iframe { height: 700px !important; }
/* < EXTRA */


/* --------------- */
/* > MEDIA QUERIES */
/* --------------- */
  /* > LESS THAN 960 */
  @media only screen and (max-width : 959px) 
  { 
  #language { display: none; }
  .flexslider { margin: 10px auto; float: none; }
  .flex-direction-nav a { top: 50%; padding-left: 5%; padding-right: 5%; }
  #header { padding-top: 25%; }
  .qcf-style.default { max-width: 100%; width: 100% !important; }
  #top-mobile { display: block; }
  .content-title { float: none; }
  #fp-logo { width: 80%; }
  .float-left { width: 95%; }
  .content-container img { max-width: 100%; height: auto; }
  #top { display: none; }
  .footer-item { width: 50%; min-height: 275px; }
  }
  /* < LESS THAN 960 */

  /* > LESS THAN 580 */
  @media only screen and (max-width : 579px) 
  {
  h1 { font-size: 26px; }
  .footer-item { width: 100%; min-height: 10px; }
  #main-content { padding: 12px; margin: 0 auto; }
  #footer-wrapper .content-container { padding: 15px 0; }
  #secondary-navigation { padding-top: 20px; }
  #secondary-navigation a { font-size: 14px; }
  .entry-title { padding-top: 45px; padding-bottom: 0; }
  }
  /* < LESS THAN 580 */

  /* > LESS THAN 480 */
  @media only screen and (max-width : 479px) 
  {
  body { background: none !important; }
  body.home { background: url("img/etusivu-mobiili-tausta.jpg") no-repeat fixed top center rgba(38, 34, 40, 1) !important; background-size: cover; }
  }
  /* < LESS THAN 480 */

  /* > iPhone 4 */
  @media only screen and (-webkit-min-device-pixel-ratio : 1.5),
  only screen and (min-device-pixel-ratio : 1.5) { }
  /* < iPhone 4 */
/* < MEDIA QUERIES */


/* ---------- */
/* > CLEARFIX */
/* ---------- */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* < CLEARFIX */