/*
Theme Name: eleven
Theme URI: http://johntransue.net/bootstrap-3-wordpress-theme/
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1
Author: 320press and John Transue
Author URI: http://320press.com, http://johntransue.net
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

@import url("../320press/style.css");

@font-face {
    font-family: SAF;
    src: url('library/fonts/SAF.eot');
    src:  url('library/fonts/SAF.woff') format('woff'), 
          url('library/fonts/SAF.ttf') format('truetype'), 
          url('library/fonts/SAF.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* layout */

body{
  background:#eee;
  padding-top: 108px;
}

#sidebar1 ul {
list-style: none;
}

.wp-post-image{width:100%;}

/* Admin Top Navigation fixes */

body.admin-bar .navbar-fixed-top{ 
  top: 28px; 
}

/* other css */
 a {
        
      }
      .sectionspace {
        margin-top:30px;
      }
      .smallsectionspace {
        margin-top:20px;
        margin-bottom:20px;
      }
     
      .progress-bar-black {
        background-color: #333;
      }
      .progress {
        height: 28px;
        margin-bottom: 10px;
        overflow: hidden;
        background-color: #f5f5f5;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      }
      .sr-only {
        font-size:14px;
        line-height:28px;
      }
      p.smallp {
        margin: 0 0 4px;
      }
      a.iconlinks:hover {
        text-decoration:none;
      }
      .well.well-transparent {
        background-color: transparent;
      }
      .well {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 4px solid #333;
        border-radius: 0px;
      }
      a.iconlinks:hover {
        text-decoration:none;
      }
      ul.iconlinks li a:hover {
        text-decoration:none;
      }
      .input-prepend {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
      }
			/*
      .btn-primary {
        color: #fff;
        background-color: #333;
        border-color: #333;
      }
      .btn-primary-done {
        color: #333;
        background-color: #ccc;
        border-color: #ccc;
      }
			*/
         
      .dent {
        padding: 0 0 0 15px;
        color:black;
        margin: 0 0 20px;
        border-left: 5px solid #ccc;
      }
      .warning {
        color: red;
      }
      .headertxt {
        text-align:left;
      }
      .lrgtext {
        font-size: 38px;
        font-weight: 500;
        line-height: 1.1;
      }
      .lrgtextno {
        font-size: 38px;
        font-weight: 500;
        line-height: 1.1;
        margin-top: 20px;
        margin-bottom: 10px;
      }
      .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0) 100%));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.0) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
      }
      .carousel-control.left {
        background:0;
      }
      .navigate {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
      }
    }
    .carousel-indicators .active {
    }
    .carousel-indicators li {
    }
    .sectionspace-color {
      background:#FFF7ED;
      padding:30px 0 30px 0;
    }
    .sectionspace-color-red {
      background:#;
      padding:30px 0 30px 0;
    }
    .sectionspace-color-grey {
      background:#;
      color:;
      padding:30px 0 30px 0;
    }
		/*
.navbar {
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, 0%, #ffffff, 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
background-repeat: repeat-x;
border-radius: 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffff', GradientType=0);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 5px rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 5px rgba(0, 0, 0, 0);
}
    .navbar-default {
      background-color: #fff;
      border-bottom:1px solid #ccc;
    }
    .navbar-default .navbar-nav>li>a {
      color: #333;
      font-size:18px;
    }
    .contact.nav>li>a{padding-right:0px;}
    .navbar-default .navbar-brand {
      color: #333;
    }
    .navbar-brand {
      float: left;
      padding: 15px 15px;
      font-size: 18px;
      line-height: 20px;
    }
    .carousel-control {
      color: #fff;
      text-decoration: none;
      opacity: .0;
      filter: alpha(opacity=0);
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
    }

*/
header[role=banner] {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
}
.admin-bar header[role=banner] {
	top:29px;
}

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

p,a:link,a:hover,a:visited,a:active {
	font-family: "Helvetica Neue", Helvetica, Arial;
}

.hd_tw,.hd_ma,.hd_ut,.hd_fb {
      opacity:.4;
      display:inline-block;
      height: 73px;
      width: 73px;
      background: url('images/icons_handdrawn.png');
      margin: 0px 4px;
    }
    .hd_tw:hover,.hd_ma:hover,.hd_ut:hover,.hd_fb:hover {
      opacity:1.0;
    }
    .hd_ut {
      background-position: 221px 0px;
    }
    .hd_tw {
      background-position: 147px 0px;
    }
    .hd_ma {
      background-position: 73px 0px;
    }
    .shaded_blue {
      box-shadow: 0px 0px 34px 1px rgba(59,89,153,0.9);
    }
    .shaded_blue:hover {
      box-shadow: 0px 2px 48px 1px rgba(59,89,153,1.0);
    }
    .shaded_lightblue {
      box-shadow: 0px 0px 34px 1px rgba(0,172,238,0.9);
    }
    .shaded_lightblue:hover {
      box-shadow: 0px 2px 48px 1px rgba(0,172,238,1.0);
    }
    .shaded_darkred {
      box-shadow: 0px 0px 34px 1px rgba(210,60,59,0.9);
    }
    .shaded_darkred:hover {
      box-shadow: 0px 2px 48px 1px rgba(210,60,59,1.0);
    }
    .glowing.btn, .shaded_red {
      text-shadow: 0px 0px 20px rgba(255,255,255,0.4);
      box-shadow: 0px 6px 34px -3px rgba(255,0,0,0.5);
    }
    .glowing.btn:hover, .shaded_red:hover {
      text-shadow: 0px 0px 30px rgba(255,255,255,0.0);
      box-shadow: 0px 6px 34px -2px rgba(255,0,0,0.7);
    }
    .glowing.btn-success {
      text-shadow: 0px 0px 20px rgba(255,255,255,0.4);
      box-shadow: 0px 6px 34px -3px rgba(0,255,0,0.5);
    }
    .glowing.btn-success:hover {
      text-shadow: 0px 0px 30px rgba(255,255,255,0.0);
      box-shadow: 0px 6px 34px -2px rgba(0,255,0,0.7);
    }

/* hands now */

	#hand1 *, #hand2 * {
		z-index: 0;
		select: none;
	}
	#hand1, #hand2 {
		position: fixed;
		top: 204px;
		left: 50%;
		margin-left: 528px;
		z-index: 1;
		opacity: 0.08;
		-transform: scale(1.75,1.75);
		-moz-transform: scale(1.75,1.75);
		-webkit-transform: scale(1.75,1.75);
        width: 202px;
        height: 364px;
	}
	#hand2 {
		-transform: scale(-1.75,1.75);
		-moz-transform: scale(-1.75,1.75);
		-webkit-transform: scale(-1.75,1.75);
		margin-left: -730px;
}

.page-header {
    margin: 0px ;
}

/* menu a */
.navbar-default .navbar-nav > li > a {
    font-family: SAF !important;/* "Helvetica Neue";*/
    color:#444;
}
/* selected */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .current-menu-parent .dropdown-toggle, .current-menu-item a{
    /* color: #eeeeee !important; */
     color:#88c05f !important;
      background-color:#eee;
    font-family: SAF !important;/*"Helvetica Neue";*/
}
.navbar-brand.active { 
    color:#88c05f !important;
    font-family: SAF !important;/*"Helvetica Neue";*/
}
.navbar-default .navbar-brand {
    font-family: SAF !important;/*"Helvetica Neue";*/
    color: #444;
}

.navbar-default {
    font-family: SAF !important;/*"Helvetica Neue";*/
    background-color: #ddd;
    border-color: #bbb;
}

h3 a, h2 a, h1 a {
    font-family: SAF !important;
}

.panel h2, .panel h3, .panel h4 {
        font-family: 'Helvetica Neue';
}

.panel {
       background: #fcfcfc;
}

ul { -webkit-padding-start: 20px; }

.btn { font-family: SAF !important;/* "Helvetica Neue" !important;*/ }

#playbtn { position:absolute; top:50%; left:50%; margin-left:-26px; margin-top:-22px;  }

#videoiframe.visible {
    transform: rotateX(0deg); 
    -webkit-transform: rotateX(0deg); 
}

#videoiframe { 
    display:none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -320px;
    margin-top: -172px;
}
