/*
Theme Name: Virta Records THEME
Description: Theme for Virta Records
Author: Alvet Media
Author URI: http://www.alvetmedia.fi
Version: 1.0
*/


/* -------------- */
/* > 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/virta-bg2.jpg") no-repeat fixed top center #1a1a1a; background-size: cover; } */
/* body.home { background: url("img/asd-fp.png") no-repeat fixed top center rgba(18, 91, 137, 1); background-size: cover; } */
body { background-color: #1a1a1a; }
#page { /*background-color: #f8f8f8;*/ background: url("img/virta-bg-4.jpg") no-repeat fixed top center #f8f8f8; background-size: cover; }
body, p, span, #main-content a, label { font-family: Gudea, Arial; font-size: 14px; letter-spacing: 1.3px; line-height: 21px; color: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: 'Quicksand', sans-serif; }
b,strong { font-weight: bold; }
em { font-style:italic; }
#main-content p, #main-content ul { }
#main-content ul { margin-left: 16px; }
h1 { font-size: 42px; line-height: 42px; letter-spacing: 0px; margin-bottom: 20px; text-transform: uppercase; padding-left: 40px; color: #1a1a1a; }
h2 { font-size: 24px; font-weight: lighter; color: #6b6b6b; text-transform: uppercase; letter-spacing: 1.6px; line-height: 48px; }
h3 { font-size: 21px; line-height: 24px; font-weight: bold; padding-top: 15px; padding-bottom: 15px; font-weight: lighter; color: #6b6b6b; text-transform: uppercase; }
h4 { font-size: 15px; font-weight: bold; margin-bottom: 14px; }
h5 { font-size: 25px; margin-bottom: 20px; color: #000; }
h6 { font-size: 16px; margin-bottom: 16px; font-weight: bold; color: #000; }
a { text-decoration: none; color: #000; }
a:hover {color: #3b3b3b;}
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: 10% 0; max-width: 960px; width: 100%; margin: 0 auto; }
#blue-filter { background-color: rgba(42, 59, 73, 1); }
#fp-logo-area { padding-top: 17%; }
#fp-logo { margin: 0 0 25px; max-width: 600px; }
.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); }
#varaa { margin: -43px auto 0;position: absolute; text-align: center; width: 100%; max-width: 960px; }

  /* > SERVICES */
    .fp-service-item { border: 1px solid #d3d3d3; box-sizing: border-box; float: left; min-height: 420px; padding: 25px 0 10px; width: 33%; margin-bottom: 30px; }
	.fp-service-item p { font-size: 13px; letter-spacing: 0.3px; }
	.fp-service-item-wrap { padding: 0 30px; }
	.fp-service-item h2 { color: #fff; background-color: #4881a5; padding: 10px 5px; text-align: center; font-size: 18px; }
	.fp-service-item h3 { font-size: 18px; padding-bottom: 10px; }

	.fp-service-item-image { padding: 40px 0 10px; text-align: center; height: 140px; }
	.fp-service-item-image { padding: 40px 0 10px; text-align: center; }
  /* < SERVICES */

  /* > IMAGES */
    .fp-image-item { float: left; margin: 0 15px; min-height: 210px; padding: 15px 0 10px; width: 21%; }
	.fp-image-item-wrap { border: 1px solid #d3d3d3; padding: 15px 0; box-sizing: border-box; }
	.fp-image-item h3 { padding: 10px 5px; text-align: center; font-size: 14px; }
    .fp-image-item a { font-size: 14px; color: #6b6b6b; font-weight: lighter; line-height: 24px; font-family: "Dosis",sans-serif; }
	.fp-image-item a:hover { color: #9b9b9b; }
  /* < IMAGES */


  /* > 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; oveflow: 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 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 {}
  .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 { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 100%; height: 150px; position: fixed; z-index: 9999; top:0; left: 0; color: #4d4d4f;  background: rgba(255, 255, 255, 0.0); border-bottom: 1px solid rgba(211, 211, 211, 0); }
#top-wrapper { width: 100%; max-width: 960px; margin: 0 auto; }
#header-logo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: url("img/virtarecords-logo.png") no-repeat scroll left top rgba(0, 0, 0, 0); background-size: 100% auto; width: 150px; height: 150px; margin-top: 15px; margin-left: 0; margin-right: 0; float: left; /*display: none;*/ }

  /* > HEADER SECTION - NAVIGATION */
  #top .nav { float: right; width: 100%; max-width: 750px; }
  #menu-main-menu { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; float: right; list-style: none; text-align: center; padding-top: 70px; }
  #menu-main-menu li { display: inline; margin: 0; padding: 8px 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  #menu-main-menu li.current-menu-item {  }
  #menu-main-menu li.current-menu-item a { color: #1a1a1a; border-bottom: 3px solid #1a1a1a; padding-bottom: 7px; }
  #menu-main-menu a { font-family: 'Quicksand', sans-serif; font-size: 16px; color: #1a1a1a; letter-spacing: 0; text-decoration: none; text-transform: uppercase; }
  #menu-main-menu a:hover { color: #161616; }
  #menu-main-menu .sub-menu { display: none; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
  #menu-main-menu li.current-menu-item .sub-menu, #menu-main-menu li.current-page-ancestor .sub-menu{ display: block; margin: 30px 10px; position: absolute; }
  #menu-main-menu ul.sub-menu li { border: 1px solid #d3d3d3; background-color: #fff; }
  #menu-main-menu ul.sub-menu li a { color: #3b3b3b; border-bottom: 0 none; font-size: 13px; }
  #menu-main-menu ul.sub-menu li.current-menu-item { background-color: #1a1a1a; }
  #menu-main-menu ul.sub-menu li.current-menu-item a { color: #fff; }

  /* < HEADER SECTION - NAVIGATION */

  /* > 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: #fff; background-image: url("img/virtarecords-logo.png"); background-size: 50px 50px; background-repeat: no-repeat; background-position: 14px center; border-bottom: 1px solid #d3d3d3; }
  #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/toggle-menu.png"); background-position: right top; background-repeat: no-repeat; background-size: 30px 30px; border-top: 14px solid transparent; border-right: 14px solid transparent; box-sizing: border-box; }
  #navi-mobile .nav { background-color: #fff; display: none; border-bottom: 1px solid #d3d3d3; padding: 15px 0; }
  #navi-mobile { font-size: 21px; text-transform: uppercase; height: 0; }
  #navi-mobile li { list-style: none; padding: 3px 0; }
  #navi-mobile a { padding: 8px 0; font-size: 14px; font-weight: bold; }
  #navi-mobile ul li ul li { list-style: none; padding: 2px 0; }
  #navi-mobile ul li ul li a { color: #3b3b3b; text-transform: lowercase; padding: 8px 0; font-size: 12px; font-weight: regular; }
  /* < HEADER SECTION - MOBILE NAVIGATION */  

/* < HEADER SECTION */


/* -------------- */
/* > MAIN SECTION */
/* -------------- */
#page { padding-bottom: 150px; }
#main-wrapper { width 100%; }

  /* > MAIN SECTION - CONTENT */
  #page-title { padding: 300px 0 30px;; max-width: 960px; width: 100%; margin: 0 auto; }
  .white-bg { background-color: #fff; width: 100%;}
  .grey-bg { background-color: #fff; width: 100%; padding: 20px 0; border-top: 1px solid #d3d3d3; } .grey-bg p, .grey-bg h2, .grey-bg h3 { color: #6b6b6b; text-align: center; margin: -35px auto 0; width: 210px; background-color: #fff;}
  .grey-arrow { background-image: url("img/grey-arrow.png"); background-position: top center; background-repeat: no-repeat; padding-top: 45px; }
  .content-wrapper { max-width: 960px; width: 100%; margin: 0 auto; }
  #main-content { padding: 50px 50px 60px; margin: 0 auto; background-color: #1a1a1a; }
  #main-content h1, #main-content h2, #main-content h3, #main-content p, ol { color: #fff; }
  #main-content p img { margin-bottom: 15px; }
  #header-image { margin-bottom: 30px; }
  #header-image img { width: 100% }
  #main-content a  { /*border: 1px solid; border-color: #828282; padding: 13px; color: #555555; */font-weight: 600; color: #4881a5; }
  #main-content h2 a { font-family: "Quicksand",sans-serif; font-size: 24px; font-weight: lighter; color: #fff; text-transform: uppercase; letter-spacing: 1.6px; line-height: 48px; }
  .entry-content { float: left; width: 50%; }
  #right-side { float: right; width: 35%; }
  #right-side li { list-style: none; background-color: #fff; padding: 0 25px; color: #1a1a1a; margin-bottom: 15px; }
  #right-side h3, #right-side p { color: #1a1a1a; font-size: 15px; font-weight: bold; line-height: 15px; }
  /* < MAIN SECTION - CONTENT */

  /* > MAIN SECTION - LINK AREA */
  #link-area { margin-top: 40px; }
  #link-area a { background-color: #253c58; color: #fff; padding: 25px 50px; font-size: 32px; font-size: 26px; font-weight: initial; }
  /* < MAIN SECTION - LINK AREA */

  /* > 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 { width: 100%; max-width: 960px; margin: 0 auto 80px;}
#footer-wrapper .content-container { padding: 55px; }
#footer-wrapper .dash-border { background-image: url("img/dash-footer.png"); background-position: top left; background-repeat: repeat; padding: 10px; }
#footer-wrapper p { float: right; padding: 0; font-size: 12px; line-height: 26px; color: #fff; }
#footer-wrapper h3 { 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 h4 { float: left; text-transform: uppercase; font-size: 18px; }
#footer-wrapper a { 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; }
#main-content .qcf-style input[type="text"], #main-content .qcf-style textarea, #main-content .qcf-style select, #main-content .qcf-style #submit { border: 0 none; padding: 15px 20px; color: #1a1a1a; text-transform: uppercase; font-family: Gudea; }
#main-content .qcf-style #submit { color: #fff !important; }
body.menu-scrolled #header-logo { width: 70px; visibility: visible; }
body.menu-scrolled #top { height: 100px; background: rgba(255, 255, 255, 1.0); border-bottom: 1px solid rgba(211, 211, 211, 1); }
body.menu-scrolled #menu-main-menu { padding-top: 40px; }
body.menu-scrolled #menu-main-menu li { padding: 3px 10px; }
body.menu-scrolled #menu-main-menu li.current-menu-item .sub-menu, body.menu-scrolled #menu-main-menu li.current-page-ancestor .sub-menu { margin: 27px 10px; }

/* < EXTRA */


/* --------------- */
/* > MEDIA QUERIES */
/* --------------- */
  /* > LESS THAN 960 */
  @media only screen and (max-width : 959px) 
  { 
  #language { display: none; }
  #page-title { padding: 100px 0 30px; }
  .fp-image-item { width: 50%; margin: 0;  }
  .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; }
  #footer-wrapper { margin: 0 auto; }
  #page { padding-bottom: 50px; }
  }
  /* < LESS THAN 960 */

  /* > LESS THAN 580 */
  @media only screen and (max-width : 579px) 
  {
  h1 { font-size: 26px; padding-left: 0; text-align: center; }
  #page-title { padding: 70px 0 0; }
  .fp-service-item { width: 100%; min-height: 10px; }
  .fp-image-item-wrap { padding: 0; }
  #main-content { padding: 12px; margin: 0 auto; }
  .entry-content { width: 100%; }
  #right-side { width: 100%; float: left; margin-top: 15px; }
  #main-content #right-side ul { margin-left: 0; } 
  #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; }
  #link-area { margin-top: 15px; }
  #link-area a { width: 100%; font-size: 14px; padding: 15px 10px; }
  #footer-wrapper h4 { float: unset; text-align: center; width: 100%; }
  #footer-wrapper .content-container { padding: 15px; }
  }
  /* < LESS THAN 580 */

  /* > LESS THAN 480 */
  @media only screen and (max-width : 479px) 
  {

  }
  /* < 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 */