/*
Theme Name: Kiviniemen-fysikaalinen-hoitolaitos
Theme URI: http://www.kiviniemenfysikaalinen.com/
Author: Kiviniemen fysikaalinen hoitolaitos
Author URI: http://www.kiviniemenfysikaalinen.com/
Description: Kiviniemen fysikaalinen hoitolaitos
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: fysikaalinen, allasterapia, mckenzie, manuaalinen terapia, neurologinen kuntoutus, ikääntyvien kuntoutus
Text Domain: kivinimeniemenfysikaalinen
*/

/* Ladataan fontit */
@font-face {
font-family: HelveticaLTStd;
font-weight: 300;
src: url('fonts/HelveticaLTStd-Light.otf');
src: url('fonts/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HelveticaLTStd-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/HelveticaLTStd-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/HelveticaLTStd-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}


@font-face {
font-family: HelveticaLTStd;
font-weight: 400;
src: url('fonts/HelveticaLTStd-Roman.otf');
src: url('fonts/HelveticaLTStd-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HelveticaLTStd-Roman.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/HelveticaLTStd-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/HelveticaLTStd-Roman.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: HelveticaLTStd;
font-weight: 700;
src: url('fonts/HelveticaLTStd-Bold.otf');
src: url('fonts/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HelveticaLTStd-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/HelveticaLTStd-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/HelveticaLTStd-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
} 

/* Tärkeä - Poistaa asiakaspuolen ylläpitopalkin näkyvistä (jos kirjautuneena) - functions.php:stä kytketty pois sille varattu tyhjä tila */
#wpadminbar{
display: none !important;
}

body {
font-family: HelveticaLTStd !important;
font-weight: 400;
color: #424242;
background-color: #ffffff !important;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
min-height: 100%;
outline: 0;
vertical-align: top;
}

p{
font-family: 'Open Sans', sans-serif;
}

a{
text-decoration: none;
}

a:hover{
text-decoration: underline !important;
}

a img{
border: none;
}

ul,ol{
padding-left: 0px;
margin-left: 0px;
}

#fysikaalinen-oulu li {
	list-style: none;
	font-size: 14px;
	font-weight: 400;
	padding-left: 16px;
	position: relative;
	margin-bottom: 6px;
}

#fysikaalinen-oulu li:before{
	content:"·";
	font-weight: 600;
	font-size:40px;
	vertical-align:middle;
	line-height:10px;
	position: absolute;
	left: -2px;
	top: 3px;
}

#fysikaalinen-oulu > h1:first-child{
margin: 0px 0px 15px 0px !important;
}

h1{
font-family: HelveticaLTStd !important;
font-size: 24px !important;
line-height: 19px !important;
margin: 0px 0px 15px 0px !important;
font-weight: 400 !important;
color: #1b72bc !important;
width: 100% !important;
}

p + h1{
margin-top: 22px !important;
}

h2{
font-family: HelveticaLTStd !important;
font-size: 20px !important;
line-height: 20px !important;
margin: 0px 0px 12px 0px !important;
font-weight: 400 !important;
color: #1b72bc!important;
width: 100% !important;
}

h3{
font-family: HelveticaLTStd !important;
font-size: 18px !important;
line-height: 18px !important;
margin: 4px 0px 0px 0px !important;
font-weight: 400 !important;
color: #465d2f !important;
width: 100% !important;
}

h4{
font-family: HelveticaLTStd !important;
font-size: 15px !important;
line-height: 15px !important;
font-weight: 700 !important;
margin: 0px 0px 8px 0px !important;
}

/* ERITTÄIN TÄRKEÄ - TÄMÄN AVULLA ns. KAINALOT SISÄLTÖALUEEN OIKEALLA PUOLELLA EIVÄT AIHEUTA SIVUTTAISVIRITYSTÄ! */
#fysioterapeutti{
overflow: hidden;
}

#varaa-aikasi{
position: relative;
width: 407px;
height: 126px;
background: url('kuvat/yhteystiedot-kiviniemen-fysikaalinen.png');
background-repeat: no-repeat;
background-position: left top;
text-align: left;
padding: 22px 26px 28px 26px;
margin: 11px 0px 0px 0px !important;
}

#varaa-aikasi h1{
font-family: HelveticaLTStd !important;
font-weight: 300 !important;
color: #ffffff !important;
font-size: 23px !important;
line-height: 23px !important;
margin: -3px 0px 0px 0px !important;
width: 100% !important;
}

#varaa-aikasi p, #varaa-aikasi a{
font-family: HelveticaLTStd !important;
font-weight: 300 !important;
font-size: 14px !important;
line-height: 14px !important;
color: #465d2f !important;
margin: 4px 0px 0px 0px !important;
}

#karttalinkki{
position: absolute;
width: 116px;
height: 32px;
line-height: 31px;
right: 23px;
bottom: 23px;
background: url('kuvat/painike-kartta.png');
background-repeat: no-repeat;
background-position: left top;
text-align: center;

}

#karttalinkki a{
font-family: HelveticaLTStd !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #307613 !important;
}

.sininen{
height: 368px !important;
}

#allasterapia{
position: relative;
}

#vasentausta{
position: absolute;
width: 298px;
height: 416px;
background: url('kuvat/vasen-puoli.png');
background-repeat: no-repeat;
background-position: right top;
left: -298px;
top: 0px;
}

#oikeatausta{
position: absolute;
width: 298px;
height: 416px;
background: url('kuvat/oikea-puoli.png');
background-repeat: no-repeat;
background-position: left top;
right: -298px;
top: 0px;
}

#hoitolaitos{
padding: 0px 10px 0px 10px;
}

#hoitolaitos .otsikko{
margin-top: 50px !important;
font-family: HelveticaLTStd !important;
color: #ffffff !important;
font-size: 38px !important;
font-weight: 300 !important;
line-height: 40px !important;
display: block;
text-align: left;
}

#hoitolaitos .tehoste{
font-family: HelveticaLTStd !important;
color: #ffffff !important;
font-size: 38px !important;
font-weight: 400 !important;
line-height: 40px !important;
display: block;
text-align: left;
}

#hoitolaitos p{
margin-top: 23px !important;
font-family: HelveticaLTStd !important;
color: #6dcff6 !important;
font-size: 14px !important;
line-height: 18px;
font-weight: 300 !important;
display: block;
text-align: left;
}

#mckenzie  img{
margin-top: 2px;
}

#manuaalinen-terapia{
padding: 25px 25px 0px 25px;
}

#manuaalinen-terapia p{
font-family: HelveticaLTStd !important;
font-weight: 300;
font-size: 25px;
line-height: 30px;
color: #1b72bc;
margin: 0px 0px 25px 0px;
}

#manuaalinen-terapia p:last-child{
margin: 0px;
}

#manuaalinen-terapia a{
font-family: HelveticaLTStd !important;
font-weight: 400;
font-size: 25px;
line-height: 30px;
color: #1b72bc !important;
}

/* Reunukset pois */

.row.no-pad {
  margin-right:0;
  margin-left:0;
}

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

/* Yläpalkkialue */

.fysikaalinen-hoito{
background: url('kuvat/kaaret-yla.png');
background-repeat: no-repeat;
background-position: center bottom;
}

/* Logo - ALKAA */

#kiviniemen-fysikaalinen-logo{
padding-left: 0px;
margin: 16px 0px 16px 0px;
}

/* Logo - PÄÄTTYY */

/* Tässä teemassa WP luo jostakin syystä kuvaliitteen, piilotetaan se */
p.attachment{
display: none;
}

/* YLÄVALIKON ASETUKSET - ALKAA */

#hieroja{
padding-right: 0px;
margin: 0px;
}

.dropdown-header{
padding: 0 !important; /* Jostakin syystä bootstrapin oletus padding -asetus ei pelaa tässä */
}

.navbar{
margin-bottom: 0px !important;
}

.navbar-collapse{
padding-left: 0px !important;
padding-right: 0px !important;
}

a.navbar-brand{ /* Bootstrapin valikko-otsikkoa ei näytetä */
display: none;
}

.navbar-default {
background-color: transparent !important;
}

.navbar{
border: 0 !important;
border-radius: 0 !important;
margin-top: 40px;
}

.navbar-nav>li{
display: block;
width: 93px;
height: 33px;
margin-left: 12px;
text-align: center;
}

.navbar-nav>li:first-child{
margin-left: 0px;
}

.navbar-nav>li>a{
font-family: HelveticaLTStd !important;
font-weight: 400 !important;
font-size: 13px;
line-height: 33px !important;
color: #1b72bc !important;
margin: 0px !important;
padding: 0px !important;
text-decoration: none;
}

.navbar-nav>li>a:hover{
background: url('kuvat/painike-hover.png');
text-decoration: none !important;
color: #ffffff !important;
}

.navbar > .container-fluid{
padding-right: 0px;
padding-left: 0px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
background: url('kuvat/painike-hover.png');
background-color: transparent !important;
color: #ffffff !important;
text-decoration: none !important;
}

.navbar-default .navbar-nav>.active>a{
background: url('kuvat/painike-hover.png');
color: #ffffff !important;
text-decoration: none !important;
background-color: transparent !important;
}

.dropdown-menu{
padding: 0px !important;
border: none !important;
}

.dropdown-menu>li>a{
padding: 10px 20px !important;
}

.dropdown-menu>.active>a{
color: #91c463 !important;
background-color: #ffffff !important;
text-decoration: none !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
color: #91c463 !important;
background-color: transparent!important;
text-decoration: none !important;
}

.dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
color: #91c463 !important;
background-color: transparent !important;
text-decoration: none !important;
}

/* YLÄVALIKON ASETUKSET - PÄÄTTYY */


/* ALAVALIKON ASETUKSET - ALKAA */

#alavalikko{
margin: 40px auto 40px auto;
}

.minimenu{
padding: 0px 10px 0px 10px;
}

.minimenu > .menu-ylavalikko-container{
border-top: 1px solid #a8d5f1;
}

.minimenu > .menu-ylavalikko-container > #menu-ylavalikko-1{
text-align: center;
}

.minimenu ul li{
list-style: none !important;
display: inline-block;
}

.minimenu ul li a{
font-family: HelveticaLTStd !important;
font-weight: 300 !important;
font-size: 13px !important;
color: #818181 !important;
padding: 16px !important;
display: block;
}


/* ALAVALIKON ASETUKSET - PÄÄTTYY */


/* YLÄKUVAN ASETUKSET - ALKAA */

.apu-nivelkipuihin{
background-color: #265085;
height: 368px;
text-align: center;
background-image: url('kuvat/kaaret.png');
background-repeat: no-repeat;
background-position: bottom center;
}

/* YLÄKUVAN ASETUKSET - PÄÄTTYY */

#fysioterapeutti{
position: relative;
}

#kielen-kuntoutus{
width: 279px;
margin: 0px 0px 0px 0px;
}

#kommunikkaation-parantaminen{
margin-top: 28px;
float: right;
}

#pt{
width: 212px;
vertical-align: top;
}

#facebook{
width: 32px;
vertical-align: top;
}

#fysioterapia, #neurologinen-kuntoutus{
margin: 19px 0px 0px 0px;
}

#revolution{
float: right;
}

#fysikaalinen-oulu{
color: #0D2B30;
padding: 0px 10px 0px 10px !important;
overflow: auto !important; /* Tärkeä, koska joudutaan käyttämään sisällössä kuvia float: left -asetuksella joka poistaa korkeuden */
}

#fysikaalinen-oulu p{
color: #0D2B30;
font-size: 14px;
line-height: 21px;
width: 100%;
}

#fysikaalinen-oulu p:last-child{
margin-bottom: 0px !important;
}

#fysikaalinen-oulu p a img, #fysikaalinen-oulu p img{
margin: 4px 20px 12px 0px;
float: left;
}

/* Tarvitaan erikoisemmat reunukset Palvelut -sivulle */

#vasen-valikko{
padding: 19px 0px 0px 25px !important;
}

#kuntoutus{
padding: 19px 40px 0px 40px !important;
}

#tukielin{
padding-left: 40px !important;
border-left: 1px solid #cccccc;
}

/* Sivuvalikon asetukset - ALKAA */

#fysio .menu-palvelut-sivun-valikko-container ul li{
list-style-type: none;
margin: 12px 0px 12px 0px;
}

#fysio .menu-palvelut-sivun-valikko-container ul li:first-child{
margin: 0px 0px 12px 0px;
}

#fysio .menu-palvelut-sivun-valikko-container ul li a{
font-family: HelveticaLTStd !important;
font-weight: 400;
font-size: 18px;
line-height: 18px;
color: #1b72bc !important;
}

#fysio .menu-palvelut-sivun-valikko-container ul li a:hover{
color: #91c463 !important;
text-decoration: none !important;
}

#fysio  .menu-palvelut-sivun-valikko-container  ul li.current-menu-item a{
color: #91c463 !important;
}

/* Sivuvalikon asetukset - PÄÄTTYY */

#yrittaja{
padding: 19px 25px 0px 25px !important;
}

/* KARTAN ASETUKSET */

.mapp-layout{
margin: 6px 0px 0px 0px !important;
border: none !important;
}


/* A S E T U K S E T  1 2 0 0  J A  L E V E Ä M P I */

@media only screen and (min-width: 1200px), (min-device-width: 1200px){

/* Lähtöleveys */
.container{
width: 970px !important;
}

}


/*  A S E T U K S E T  1 5 2 1 p x  J A  K A P E A M P I  - TÄMÄ ON LEVEYS, JOSSA YLÄKUVA SAAVUTTAA LEVEYDEN 1504 JA JOLLOIN SE ALKAA MADALTUA KORKEUDESTA 470. TÄSSÄ PITÄÄ MÄÄRITTÄÄ SILLE MINIMILEVEYS  (NAGATIIVINEN MARGINAALI PELAA JAVASCRIPTIN AVULLA) */

@media only screen and (max-width: 1504px), (max-device-width: 1504px){

.image-wrap img{
width: 1504px !important;
}

}


/*  A S E T U K S E T  1 1 4 0 p x  J A  K A P E A M P I - MADALLETAAN YLÄKUVAA */

@media (max-width: 1140px), (max-device-width: 1140px){

.image-wrap img{
width: 1140px !important;
}

.image-wrap {
max-height: 356px; /* Kuva on tämän korkuinen leveydessä 1140px */
}

}

/*  A S E T U K S E T  9 9 1 p x  J A  K A P E A M P I  */

@media only screen and (max-width: 991px), (max-device-width: 991px)
{

.container {
  width: 750px !important;
}

#fysioterapia{
margin: 10px 0px 0px 0px;
}

#fysikaalinen-oulu {
padding: 0px !important;
}

#kiviniemen-fysikaalinen-logo{
margin: 16px 0px 30px 10px
}

#hieroja > nav.navbar{
margin: 0px 0px 0px -8px !important;
}

#hoitolaitos{
padding: 0px 10px 0px 0px !important;
}

#varaa-aikasi{
margin: 11px 0px 0px -8px !important;
}

#kuntoutus {
padding: 19px 25px 0px 25px !important;
}

#tukielin {
padding-left: 0px !important;
border: none !important;
}

#manuaalinen-terapia {
padding: 9px 0px 0px 0px;
}

.minimenu {
padding: 0px;
}

}


/*  A S E T U K S E T  7 6 7 p x  J A  K A P E A M P I  */

@media only screen and (max-width: 767px), (max-device-width: 767px)
{

.container {
  width: 100% !important;
}

#kiviniemen-fysikaalinen{
padding-left: 0px;
}

#fysioterapia, #fysioterapia, #neurologinen-kuntoutus, #alavalikko {
padding: 0px 0px 0px 0px !important;
}

#vasen-valikko{
padding: 19px 0px 0px 0px !important;
}

#kiviniemen-fysikaalinen-logo {
  margin: 16px 0px 0px 0px;
}

#mckenzie img {
width: 300px;
height: auto;
margin-top: 45px;
margin-right: -60px;
}

#kuntoutus, #fysikaalinen-oulu, #yrittaja{
padding: 19px 0px 0px 0px !important;
}

#hieroja{
padding-left: 0px !important;
}

#kiviniemen-fysikaalinen-logo, #hieroja{
padding-right: 0px !important;
}

.navbar-toggle{
margin-right: 0px !important;
}

.navbar-default .navbar-toggle{
border-color: #265085 !important;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #265085 !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #transparent !important;
}

.navbar > .container-fluid{
padding-right: 15px;
padding-left: 15px;
}

.navbar-nav {
margin: 0px !important;
width: 100%;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover{
background-color: none !important;
color: #91c463 !important;
}

.navbar-nav>li{
width: auto !important;
height: auto !important;
margin: 0 auto !important;
}

.nav>li a:hover, .dropdown-menu>.active>a{
background-color: none !important;
color: #91c463 !important;
}

.navbar-nav>li>a, .navbar-nav .open .dropdown-menu>li>a{
font-size: 15px !important;
line-height: 40px !important;
text-align: center;
color: #4d4d4d !important;
background: transparent !important;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
background: transparent !important;
color: #4d4d4d !important;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
text-decoration: none !important;
color: #91c463 !important;
}

.dropdown-menu>li>a {
padding: 0 !important;
}

}

@media only screen and (max-width: 730px), (max-device-width: 730px)
{

#mckenzie img {
margin-right: -140px;
}

}


@media only screen and (max-width: 670px), (max-device-width: 670px)
{

#kiviniemen-fysikaalinen{
width: 100% !important;
}

#fysioterapeutti-apunasi{
display: none !important;
}

#kiviniemen-fysikaalinen {
padding: 0px !important;
}

}

@media only screen and (max-width: 435px), (max-device-width: 435px)
{

#hoitolaitos .otsikko{
margin-top: 30px !important;
}

#varaa-aikasi {
background-image: none !important;
background-color: #91c463;
width: 100%;
height: auto;
margin: 0px !important;
padding: 12px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#karttalinkki{
position: relative !important;
right: auto;
bottom: auto;
margin-left: -4px;
margin-top: 5px;
}

}

@media only screen and (max-width: 390px), (max-device-width: 390px)
{

#fysio-logo a img{
width: 100% !important;
height: auto !important;
}

}

@media only screen and (max-width: 350px), (max-device-width: 350px)
{

#hoitolaitos .otsikko{
margin-top: 25px !important;
}

#hoitolaitos .otsikko, #hoitolaitos .tehoste{
font-size: 30px !important;
line-height: 30px !important;
}

}