/*
Theme Name: Kaivosvastuu theme (child theme for Bootstrap)
Template: toolset-bootstrap
Author: Don & Branco
Author URI: http://donbranco.fi/
*/
 
@import "../toolset-bootstrap/style.css";

/* RESETS */
body .thumbnail, body .img-thumbnail { box-shadow: none; border: 0 none; padding: 0; }
body .ddl-nav-wrap { margin-top: 0; border-radius: 0; width: 100%;  }
body .ddl-navbar-collapse { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
body .ddl-navbar { margin-bottom: 0; border: 0 none; border-bottom: 0 none; }
body .ddl-nav .open > a, .ddl-nav .open > a:hover, .ddl-nav .open > a:focus { background-color: transparent !important; }
body .ddl-nav > li > a:hover, .ddl-nav > li > a:focus { background-color: transparent !important; }
body .ddl-dropdown-menu > li > a:hover, .ddl-dropdown-menu > li > a:focus { background-color: transparent !important; }
body .menu-item-home a { padding-left: 0 !important; }
body #menu-main-menu li:last-child a { /*padding-right: 0 !important; */ }
body .container-fluid { padding-left: 0; padding-right: 0; }
body .container-fluid .row { margin-left: 0; margin-right: 0; } 
body .ddl-nav > li > a:hover, .ddl-nav > li a:focus { background-color: none; }
body .ddl-dropdown-menu li.menu-item-has-children .ddl-dropdown-menu  { top: -7px !important; }
body iframe { max-width: 570px; height: 320px; }
#footer-lifts .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { max-width: 200%; }
body.logged-in .header-section { top: 32px; }

/* FONTS */
@font-face {
    font-family: 'ProximaNovaBold';
    src: url('fonts/ProximaNovaBold.eot');
    src: url('fonts/ProximaNovaBold.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaBold.woff2') format('woff2'),
         url('fonts/ProximaNovaBold.woff') format('woff'),
         url('fonts/ProximaNovaBold.ttf') format('truetype'),
         url('fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('fonts/ProximaNovaRegular.eot');
    src: url('fonts/ProximaNovaRegular.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaRegular.woff2') format('woff2'),
         url('fonts/ProximaNovaRegular.woff') format('woff'),
         url('fonts/ProximaNovaRegular.ttf') format('truetype'),
         url('fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('fonts/ProximaNovaSemibold.eot');
    src: url('fonts/ProximaNovaSemibold.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaSemibold.woff2') format('woff2'),
         url('fonts/ProximaNovaSemibold.woff') format('woff'),
         url('fonts/ProximaNovaSemibold.ttf') format('truetype'),
         url('fonts/ProximaNovaSemibold.svg#ProximaNovaSemibold') format('svg');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaBoldItalic';
    src: url('fonts/ProximaNovaBoldItalic.eot');
    src: url('fonts/ProximaNovaBoldItalic.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaBoldItalic.woff2') format('woff2'),
         url('fonts/ProximaNovaBoldItalic.woff') format('woff'),
         url('fonts/ProximaNovaBoldItalic.ttf') format('truetype'),
         url('fonts/ProximaNovaBoldItalic.svg#ProximaNovaBoldItalic') format('svg');
    font-weight: bolder;
    font-style: italic;

}

body a { color: #666699; }
body h1, body h2, body h3, body h4, body h5 { color: #f8ab1e; font-family: "Roboto Slab","Helvetica Neue",Helvetica,sans-serif; font-weight: 700;}
body h1 { margin-bottom: 25px; font-family: "Roboto Slab"; font-size: 34px; font-weight: bold; text-transform: none; color: #f8ab1e; }
#main-content h3, #main-content .h3 { font-size: 20px; font-weight: normal; line-height: 1.7; }
#main-content h1 { margin-bottom: 30px; }
#main-content img, .toggle-container img { max-width: 100%; height: auto; }

body p { margin: 0 0 1.313em; font-family: "Roboto Slab","Helvetica Neue",Helvetica,sans-serif; font-size: 14px; font-weight: normal; line-height: 1.7; }
body .content-area p, body .content-area ul li { color: #636466; font-family: 'ProximaNovaRegular', 'Arial'; font-weight: normal; }
body.menu-fixed-top { padding-top: 70px; }

/* FRONT PAGE */
.fp-header-image { text-align: center; background-image: url("/app/themes/kaivosvastuu-theme/img/etusivu.jpg"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 0; padding: 10% 0; }
.fp-logo img { max-width: 400px; width: 100%; }
#fp-content { padding: 8% 0; }
#fp-content p { font-size: 16px; }
body.home .link-area { display: none; }
body.home #logo img { display: none; }

/* HEADER */
.header-section { background-color: #1f2b35; height: 70px; position: fixed; top: 0; width: 100%; z-index: 9999; }
.header-section .col-sm-12 { padding-left: 0; padding-right: 0; }
#logo img { max-width: 175px; width: 100%; margin-top: 15px; }
#header-right { margin-top: 40px; }
body .header-image { height: 435px; margin: 0; padding: 0; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
body .header-image img { width: 100%; height: auto; }
body .image-title { padding: 7% 0; }
body .image-title h2 { font-family: "Roboto Slab","Helvetica Neue",Helvetica,sans-serif; color: white; font-size: 50px; font-weight: normal; text-transform: none;  margin: 1.25em 0 0.2em; text-rendering: optimizelegibility; }

/* HEADER - SEARCH */
#searchform .form-group { width: 100%; float: right;  text-align: right; }
#searchform button { display: none; }
#searchform .form-control { width: 100%; background-color: #E0E1E3; border-radius: 0; border: 0 none; box-shadow: none; height: 42px; background-image: url("/app/uploads/2015/03/search.png"); background-size: 20px; background-position: right 9px center; background-repeat: no-repeat; overflow: hidden; font-family: 'ProximaNovaRegular', 'Arial'; font-weight: normal; font-size: 15px; color: #6d6e71; }

/* HEADER - NAV */
#navigation { margin-top: 20px; }
body #menu-main-menu { float: right; }
body #menu-main-menu li { line-height: 1.7; }
body #menu-main-menu a { letter-spacing: 2px; line-height: 1; height: 70px; text-transform: uppercase; /*padding: 27px 25px 0;*/ padding: 27px 15px 0; font-family: 'Roboto', 'Arial'; font-weight: 700; /*font-size: 14px;*/ font-size: 13px; color: #fff; }
body #menu-main-menu a:hover { color: #a2b6c6; box-shadow: 0 5px 0 0 #a1b5c6 inset; background-color: transparent;}
body #menu-main-menu .current-menu-item a { color: #a2b6c6; box-shadow: 0 5px 0 0 #a1b5c6 inset; }
/*body #menu-main-menu .caret { display: none; }*/
body .ddl-navbar-toggle { background-color: #bbb; border-radius: 0; padding: 10px 8px; margin: 15px 0 0; }
body .ddl-navbar-default .ddl-navbar-toggle .ddl-icon-bar { background-color: #fff; border-radius: 0; height: 3px; width: 25px; }
/* body #menu-main-menu .ddl-dropdown-menu li:last-child a { padding-right: 8px !important; } */
body .ddl-dropdown-menu { background-color: #1f2b35; }
body .ddl-navbar-default .ddl-navbar-nav > .open > a, .ddl-navbar-default .ddl-navbar-nav > .open > a:hover, .ddl-navbar-default .ddl-navbar-nav > .open > a:focus { background-color: #1f2b35 !important; }
body .ddl-dropdown-menu > .active > a, .ddl-dropdown-menu > .active > a:hover, .ddl-dropdown-menu > .active > a:focus { background-color: #1f2b35 !important; }
body .ddl-dropdown-menu { border-top: 0 none; }
body #menu-main-menu .ddl-dropdown-menu a { font-size: 12px; height: 30px; padding: 10px 25px; z-index: 999999; display: block; position: relative; width: 100&; }
body #menu-main-menu .ddl-dropdown-menu li { /*z-index: 999998; position: static;*/}


/* HEADER - NAV - SUB NAV */
body.page-id-34 #sub-nav, body.page-id-41 #sub-nav { display: none; }
#sub-nav ul li { display: none; }
#sub-nav .current-menu-item { display: block; }
#sub-nav .current-page-ancestor { display: block; }
#sub-nav .current-page-ancestor li { display: block; }
#sub-nav .menu-item-has-children a, #sub-nav .menu-item-has-children a:focus, #sub-nav .menu-item-has-children a:hover { background-color: transparent !important; padding: 0 0 5px 0 !important; text-transform: uppercase; }
#sub-nav .current-menu-item li { display: block; }
#sub-nav .ddl-dropdown-toggle { font-weight: bold; color: #09549d; cursor: unset; }
#sub-nav .active { color: #09549d !important; }
#sub-nav .ddl-dropdown-menu { display: block !important; position: inherit !important; background-color: transparent; border: 0 none; box-shadow: none; }
#sub-nav .ddl-dropdown-menu a, #sub-nav .ddl-dropdown-menu a:hover, #sub-nav .ddl-dropdown-menu a:focus { padding: 5px 0 !important; }
#sub-nav .ddl-dropdown-menu a { color: #0092b8; font-size: 13px; }
#sub-nav .ddl-dropdown-menu .active a { color: #09549d; }
#sub-nav .ddl-dropdown-menu a:hover { color: #09549d; }
#sub-nav .ddl-dropdown {  }
#sub-nav .caret { display: none; }

/* LIFT ELEMENTS */
#footer-lifts img { min-width: 100%; min-height: 380px; color: #fff; }
#footer-lifts a { font-size: 16px; padding: 8px 10px; text-transform: uppercase; border: 3px solid #fff; color: #fff; min-width: 160px; display: inline-block; text-align: center; }
#footer-lifts .col-sm-6 h2 { padding: 30px 60px; color: #fff; }
#footer-lifts .col-sm-6 p { padding: 0 60px 30px 60px; color: #fff; }
#footer-lifts .row { background-color: #3e5467; }
#footer-lifts .col-sm-6 { padding: 0; overflow: hidden; height: 380px; }
#fp-lifts { border-bottom: 2px solid #ebebeb; margin-top: 80px; }
#fp-lifts img { max-width: 250px; height: auto; }
body .bottom-lift-area { margin-top: 15px; }
body .bottom-lift-area p { text-align: center; }
body .bottom-lift-area img { max-height: 100px; padding: 20px; }
body .blue-lift-area { background-color: #E5F4F9; padding: 40px; margin-top: 40px; }
.esittely-video { background: url("/app/uploads/2016/01/video_tausta1.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
#footer-lifts .esittely-video p { text-align: center; }
#footer-lifts .esittely-video a { border: 0 none; min-height: auto !important; padding: 0; min-width: 80px; }
#footer-lifts .esittely-video img { min-height: auto; min-width: auto; width: 80px; }
.uutiskirje { background: url("/app/uploads/2016/01/uk_tausta.jpg"); background-size: cover; background-repeat: no-repeat; }
.teemakartta { background: url("/app/uploads/2016/04/kartta-juttu.png"); background-size: cover;  }
#footer-lifts .uutiskirje a { border: 0 none; min-height: auto; padding: 0; }
#footer-lifts .uutiskirje img { min-height: auto; }
#footer-lifts input { margin-right: 10px; margin-bottom: 10px; background-color: transparent; font-size: 16px; padding: 8px 10px; text-transform: uppercase; border: 3px solid #fff; color: #fff; min-width: 160px; display: inline-block; text-align: center; }
#footer-lifts .uutiskirje input.white { background-color: #fff; color: #000; width: 60%; }

/* COMMON ELEMENTS */
#main-content { margin: 95px 0 15px;}
body .content-title { padding-top: 15px; padding-left: 0  }
body .content-area { padding-top: 20px; padding-left: 0; border-bottom: 2px solid #ebebeb; padding-bottom: 20px; }
body .content-area p img { width: 100% !important; height: auto; } 
body .image-area { padding: 40px 0 0;  }
.some-links img { float: left; width: 65px; height: auto; padding-right: 20px; }
body .link-area a { font-family: "Roboto Slab","Helvetica Neue",Helvetica,sans-serif; margin-bottom: 95px; max-width: 260px; width: 100%; border: 3px solid #333333; color: #333333; text-transform: uppercase; cursor: pointer; display: inline-block; line-height: 1.3; position: relative; text-align: center; vertical-align: middle; font-weight: 400; font-size: 16px; padding: 0.563em 1.125em 0.813em; }

/* NEWS */
body.page-id-41 #main-content .col-sm-4 { padding-left: 0; padding-right: 20px; }
body .news-item { padding-bottom: 30px; }
body span.date { display: block; padding-top: 15px; font-size: 18px; font-family: "Roboto Slab","Helvetica Neue",Helvetica,sans-serif; color: #a2b6c6; }
body .news-item h3 { margin-top: 0; }
body .news-item img { width: 100%; height: auto; max-height: 220px; }
body .news-item iframe { width: 100%; height: 220px; margin-bottom: -5px; }
.news-item .news-image { background-color: #d4e3e4; width: 100%; /*min-height: 220px;*/}

/* CAROUSEL */
body .carousel-caption { background-color: rgba(10,84,157,0.85) ; max-width: 350px; text-align: left; padding: 20px 30px 20px 35px !important; bottom: 75px; text-shadow: none; font-weight: bold; }
body .carousel-caption p { color: #fff; font-size: 18px; font-family: 'ProximaNovaBold', 'Arial'; font-weight: bold; }
body .carousel-control { display: none; }
#slider-wide .carousel { opacity: 1; }
#slider-wide .carousel .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
#slider-wide .carousel .item:first-child { top:auto; position:relative; }
#slider-wide .carousel .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}

/* SPECIAL */
.header-image .image-info {
  opacity: 0;
  color: #fff;
  position: absolute;
  font-size: 10px;
  right: 0;
  text-align: right;
 -webkit-transition: opacity 3s ease-in-out;
  -moz-transition: opacity 3s ease-in-out;
  -ms-transition: opacity 3s ease-in-out;
  -o-transition: opacity 3s ease-in-out;
  transition: opacity 3s ease-in-out;
}

.header-image:hover .image-info {
  display: block;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.5;
}

/* Tree lists */
#tree-list a:hover, #tree-list a:focus { color: inherit; text-decoration: none; outline: 0; }
#tree-list, .level-1, .level-2, .level-3, .level-4 { list-style-type: none; }
#tree-list { padding-left: 0; margin: 30px 0; }
.level-1-item { margin: 20px 0; }
.level-2-item, .level-3-item, .level-4-item { margin: 10px 0; }
#tree-list h3 { text-transform: none; display: inline; font-size: 16px; font-family: "ProximaNovaBold"; line-height: 25px; vertical-align: middle; margin: 0; }
#tree-list.level-1 h3 { color: #f8ab1e; }
#tree-list .level-2 h3 { color: #3e5567; }
#tree-list .level-3 h3 { color: #a2b6c6; }
#tree-list .level-4 h3 { color: #797d82; }
.treelist-toggle { line-height: 25px; }
.treelist-toggle span,
.treelist-no-toggle span { vertical-align: middle; display: inline-block; width: 25px; height: 25px; background-size: 175px 25px; margin-right: 10px; }
.level-1-button { background-image: url(img/sprites/f8ab1e.png); }
.level-2-button { background-image: url(img/sprites/3e5567.png); }
.level-3-button { background-image: url(img/sprites/a2b6c6.png); }
.level-4-button { background-image: url(img/sprites/797d82.png); }
#tree-list p { margin-left: 40px; }
#tree-list ul,
#tree-list ol {margin-left: 40px; padding-bottom: 10px; font-family: "Roboto Slab","Helvetica Neue",Helvetica,sans-serif; }
.toggle-container { display: none; }

  /* Handbook specific */
  .boxed-link { font-size: 15px; color: #333; text-transform: uppercase; display: inline-block; padding: 0 40px; height: 39px; line-height: 38px; border: 1px solid #333; text-align: center; }
  .boxed-link:hover { cursor: pointer; background-color: #333; text-decoration: none; color: #fff !important; }
  #latest-changes { display: none; }
  #handbook-links .boxed-link { margin-left: 10px; }

  /* Tree list keyframes */
  @-webkit-keyframes plus-out { from { background-position: 0% 0%; } to { background-position: -150px 0%; } }
  @-webkit-keyframes plus-in { from { background-position: -150px 0%; } to { background-position: 0% 0%; } }
  @keyframes plus-out { from { background-position: 0% 0%; } to { background-position: -150px 0%; } }
  @keyframes plus-in { from { background-position: -150px 0%; } to { background-position: 0% 0%; } }
  .treelist-toggle span { -webkit-animation: plus-out 0.3s steps(6); -webkit-animation-fill-mode: forwards;
              animation: plus-out 0.3s steps(6); animation-fill-mode: forwards; }
  .treelist-toggle.open span {  -webkit-animation: plus-in 0.3s steps(6); -webkit-animation-fill-mode: forwards;
                  animation: plus-in 0.3s steps(6); animation-fill-mode: forwards; }
				  
/* FOOTER */
#footer { background-color: #E2E3E5; padding-bottom: 70px; padding-top: 60px; margin-top: 40px; }
#footer-content { margin-top: 15px; }
#footer img { width: 65px; height: auto; float: right; padding-left: 20px; }

	
/* --------------- */
/* > MEDIA QUERIES */
/* --------------- */
  /* > LESS THAN 1200 */
  @media only screen and (max-width : 1200px) 
  {
    body #menu-main-menu a { padding: 27px 5px 0; font-size: 10px; }
    body .container { margin-left: 15px; margin-right: 15px; }
  }
  /* > LESS THAN 960 */
  @media only screen and (max-width : 959px) 
  {
    
	#footer-lifts .col-sm-6 h2, #footer-lifts .col-sm-6 p { padding: 5px 15px; }
	#footer-lifts img { margin-left: -25%; }
  }
  /* < LESS THAN 960 */

  /* > LESS THAN 767 - ACTIVATE MOBILE */
  @media only screen and (max-width: 767px)
  {
	  li.menu-item-has-children.open ul li:first-child { position: relative; z-index: 99999; }
    body.home #logo img { display: block; }
	#logo img { margin-top: 10px; }
	body h1 { font-size: 2em; }
	.h2, h2 { font-size: 1.5em; }
	body .image-title h2 { font-size: 3em; }
	.fp-logo img { max-width: 60%; padding-top: 20px; }
    #sub-nav .collapse { display: block; }
	#sub-nav button { display: none; }
	#sub-nav .ddl-dropdown-menu { float: none; }
	.contact-info-block { display: none; }
	body #sub-nav { padding: 15px; margin-top: 0; }
	#logo { max-width: 200px; position: absolute; margin-top: 7px; }
    .some-links, .header-search { display: none; }
    body .ddl-nav-wrap { border-top: 0 none; }
    #header-right { margin-top: 0; } 
	#slider-wide .carousel .item { }
	body .carousel-caption { max-width: 100%; width: 100%; left: 0; right: 0; bottom: 0; top: auto; padding: 10px 20px 40px !important;}
	body .content-title, body .content-area { padding-left: 15px; }
	body #menu-main-menu .caret { display: inline-block; }
	body #menu-main-menu { background-color: #1f2b35; left: 0; width: 100%; float: none; padding-bottom: 25px; }
	body #menu-main-menu a { height: 50px; padding: 15px 10px; }
	body #menu-main-menu .ddl-dropdown-menu a { font-size: 12px; height: 35px; }
	body .ddl-navbar-collapse { position: fixed; top: 70px; left: 0; }
	#main-content { margin: 20px 0 15px; }
	#main-content img { max-width: 100%; height: auto; }
    body .news-item img { max-height: 100%; }
	#footer-lifts .col-sm-6 { height: auto; }
	#footer-lifts img { width: 100%; min-height: inherit; height: auto; margin-left: 0; }
	body .container { padding-left: 0; padding-right: 0; } 
	body .link-area a { margin-bottom: 10px; }
	body .ddl-dropdown-toggle { z-index: 0; }
	body .ddl-dropdown-menu { z-index: 2; }
	body .ddl-dropdown-menu li a { margin: 10px !important; }
  }
  /* < LESS THAN 720 */

  /* > LESS THAN 580 */
  @media only screen and (max-width : 579px) 
  {
	body .image-title h2 { font-size: 2em; }
  }
  /* < 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 */