/*
Theme Name: Physio Logic c2015
Theme URI: http://digitalidiom.co.uk/themes/
Author: Digital Idiom Ltd (Web Design)
Author URI: http://digitalidiom.co.uk/
Description: Customised Responsive WordPress Theme using Bootstrap CSS. Designed exclusively for Physio Logic in Otley, Leeds
Version: 1.0.0
License: International Copyright 2015. Exclusive. Not for distribution, copying or sharing
License URI: 
Text Domain: physiologic
Tags: responsive, 1 column, bootstrap, white, green, gold, header, navbar, footer

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

Specially created mobile friendly theme for Physio Logic Ltd, Otley (near Leeds, UK)
This theme is not to be copied or edited without the express permission from Physio Logic
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Structure / Divs
# Navbars
# Incidentals
# Images
# Carousel
--------------------------------------------------------------*/


/* style.css c2015 Physio Logic                      */
/* Custom Style to supplement Bootstrap and WordPress */

/* Staple colours:
   Dark Green : #204101;
   Silver : #EEE;
   Grey : #BBB;
   Gold : #DDAA33;
*/

/* Small devices (tablets, 768px and up)             */
/* Medium devices (desktops, 992px and up)           */
/* Large devices (large desktops, 1200px and up)     */



/* Structure & Divs -----------------------*/

html { margin-top: 0; !important; }
body {
  font-size:15px;
  line-height: 1.42857143;
  margin:0; padding:0;
  background-color: #BBB;
  color: #333;
}

@media (min-width: 960px) {
	.container {
  max-width: 960px;
	}
}

#PLPage {
  color: #333;
  background-color: #FFF;
  margin:0 auto;
}

.page-header {
  padding: 0;
  margin: 0;
  border-bottom: 0px solid #eee;
}

.col-md-6 { margin-bottom: 25px; }

#PLLogo {text-align:right;}

.footer {text-align:center;}

#PLToggle {
  width: 200px;
  margin: 0 auto;
}

.aiwidgetscss {
  padding: 0px;
  height: 350px;
  /* display: none; */
  overflow: auto;
}

.practitioner p {margin:1px;}

.practitioner a:link, .practitioner a:visited {
  display: block;
  width: 15em;
  padding: 0 0 0 6px;
  margin: 0;
  background-color: #EEE;
  color: #555;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
  border-radius: 5px;
}

.small, small {
  font-size: 75%;
}



/* Navigation ----------------------------*/
#PLNavbar {margin:0 0 30px 0;}
.nav { padding-left: 0px; margin: 20px 0; list-style: outside none none; }
.navbar-toggle {display:block; padding:12px; margin: 50px 10px 0 40px; background-color: #204101; color: #DDAA33;}
.navbar-brand { height:auto; }
.icon-bar {background-color: #DDAA33;}

.subnav { list-style: none; margin: 0; padding: 0; }
.nav>li>a, .subnav>li>a {
  position: relative;
  display: block;
  padding: 2px;
  text-align: center;
  background-color: #204101;
  color: #DDAA33;
  font-size:16px;
  margin-bottom: 1px;
}

.nav-tabs>li>a:link { padding:2px 6px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color:#F6F6F6; }

.btn-default {background-color: #204101; color: #DDAA33;}
p.foot-links {text-align:center; font-size: 15px; background-color: #FFF; color: #666;}
p.foot-links a:link {text-align:center; font-size: 15px; background-color: #FFF; color: #666;}



/* Typography ----------------------------*/
h1 {font-size:44px; font-family: 'Noto Serif', serif; text-align:center; font-weight:bold; background-color: #FFF; color: #333;}
@media (max-width: 700px) { h1 {font-size:24px;  font-family: serif; text-align:center; font-weight:bold; background-color: #FFF; color: #333;} }
h2 {clear:both; font-size:18px; padding: 4px; margin-top:25px; text-align:center; background-color: #204101; color: #DDAA33;}
h3 {font-size:15px; font-weight:bold; padding: 4px 0; background-color: #FFF; color: #333;}
h4 {font-size:14px; font-weight:bold;}

#PLHome {text-align:center; padding-bottom:6px;}
#PLCall {text-align:center; padding-bottom:6px; border-bottom:1px solid #DDD;}
.PLTel {font-size:18px; font-weight:bold;}
.PLEmail {font-size:16px;}
.PLAddress {font-size:15px; font-weight:bold;}
#PLStatement {text-align:center; padding:10px 30px;}

.block-list  { width:92%; list-style: none; padding: 4px 0 4px 6px; background-color: #204101; color: #DDAA33; } 
.block-list li { margin-bottom:1px solid transaprent; }

/* Content Images -------------------------*/
.slideshow_container {
    margin: 10px 0;
}
.alignright { float:right; margin:0 0 10px 10px;}
.alignleft { float:left; margin:0 10px 10px 0;}

@media (max-width: 480px) {
	.alignright { float:right; margin:0 0 10px 10px; width: 97.5%; height: auto;}
	.alignleft { float:left; margin:0 10px 10px 0; width: 97.5%; height: auto;}
	.aligncenter { margin:0 auto; width: 97.5%; height: auto;}
}

/* Physiotec Exercises --------------------*/
@media screen {
.physiotecloginform {
  margin: 10px auto 160px auto;
  width: 300px;
  text-align: center;
  border: 1px solid #CCC;
  padding: 6px;
  border-radius: 6px;
  }
}