/*
Theme Name: OPD
Theme URI: http://www.oddpandadesign.co.uk
Author: Odd Panda Design
Author URI: http://www.oddpandadesign.co.uk/
Description: Odd Panda Design.  
Version: 1.0
License: GNU General Public License
License URI: see license.txt
*/

/* Import the necessary TK Bootstrap CSS additions */
@import url( includes/css/reset.css );
@import url( includes/css/basic-style.css );
@import url( includes/css/master.css );

/*
====================================================================================================
Backend Scripts > Custom responsive  CSS
====================================================================================================
*/


/* OPD Changes - Menu */



/* =Containers
--------------------------------------------------------------------------------*/

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box
}

/* Set the width of the grid */
.frame {
  margin: 0 auto;
  max-width:1024px;
}

.frame1 {
  margin: 0 auto;
  max-width:1024px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: rgba(255,255,255,1);
  box-shadow: 1px 1px 5px #D7D7D7;
}

/* Attribute selector */
[class*='bit-'] {
  float: left;
  padding: 1em;
}

/* Floats last ".bit-" to the right 
[class*='bit-']:last-of-type {
  float: right
}
*/

/* Clearfix */
.frame:after {
  content: "";
  display: table;
  clear: both
}

/* Main Widths */
.bit-1  { width: 100% }
.bit-2  { width: 50% }
.bit-3  { width: 33.33% }
.bit-4  { width: 25% }
.bit-5  { width: 20% }
.bit-6  { width: 16.6666666667% }
.bit-7  { width: 14.2857142857% }
.bit-8  { width: 12.5% }
.bit-9  { width: 11.1111111111% }
.bit-10 { width: 10% }
.bit-11 { width: 9.09090909091% }
.bit-12 { width: 8.33% }

/*Custom Extension */
.bit-75{ width:75%;}
.bit-66{ width:66%; padding-left:15px; padding-right:15px;}


/* Landscape mobile & down */
@media (max-width: 30em) {
  .bit-1,
  .bit-2,
  .bit-3,
  .bit-4,
  .bit-5,
  .bit-6,
  .bit-7,
  .bit-8,
  .bit-9,
  .bit-10,
  .bit-11,
  .bit-12,
  .bit-75,
  .bit-25 {
    width: 100%;
  }
}

/* Portrait tablet to landscape */
@media (min-width: 15em) and (max-width: 50em) {
  .bit-4,
  .bit-6,
  .bit-8,
  .bit-10,
  .bit-12 {
    width: 50%
  }

  .bit-1,
  .bit-2,
  .bit-3,
  .bit-5,
  .bit-7,
  .bit-9,
  .bit-11,
  .bit-75,
  .bit-25
  {
    width: 100%
  }
}

/* Landscape to small desktop */
@media (min-width: 50em) and (max-width: 68.750em) {
  .bit-2,
  .bit-7 {
    width: 100%
  }

  .bit-4,
  .bit-8,
  .bit-10,
  .bit-12 {
    width: 50%
  }
}

.footnote{font-family:arial;font-size: 11px;}