/*!
 * Pocketbook Theme
 * Copyright 2011-2014 False Beahving Animals Pty Ltd, Inc.
 */

#wpadminbar {opacity: .1;}

body {
font-family: 'PT Sans', sans-serif;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

a {
color: #00b9ff;
}

a:hover, a:focus, .btn-link:hover, .btn-link:focus {
color: #f16a54;
text-decoration: none;
}

.absolute {position: absolute;}
.relative {position: relative;}

.fixed-nav {
position: fixed;
top:0;
right: 0;
left: 0;
width: 100%;
z-index: 1030;
background-color: rgba(255, 255, 255, 0.99);
border-bottom: 1px solid #eee;
}

.fixed-nav.top {background-color: transparent; border-bottom-style: none; position: absolute;}
.fixed-nav.top.menu-open {background-color: rgba(255, 255, 255, 0.99);border-bottom: 1px solid #eee;}

.fixed-nav.top .btn-link, .fixed-nav.top .btn-link:hover, .fixed-nav.top .btn-link:focus {color: #fff;}
.fixed-nav .btn-link, .fixed-nav.menu-open .btn-link {color: #00b9ff;}
.fixed-nav .btn-link:hover, .fixed-nav .btn-link:focus, .fixed-nav.menu-open .btn-link:hover, .fixed-nav.menu-open .btn-link:focus {color: #f16a54;}

.page-template-page-home-php .fixed-nav.top #getstarted { display: none;}

.icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.icon-bar + .icon-bar {
  margin-top: 4px;
}

.fixed-nav.top #menu-toggle.collapsed .icon-bar {
  background-color: #fff;
}

#menu-toggle.collapsed .icon-bar {
  background-color: #00b9ff;
}

.fixed-nav.top #menu-toggle .icon-bar, #menu-toggle .icon-bar {
  background-color: #f16a54;
}

.icon-bar {
  transition:all .2s ease;
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;-o-transition:all .2s ease;
}
.icon-bar.second {
  opacity:0;
}
.icon-bar.first {
  transform:translate(0px,-6px) rotate(-45deg);
  -ms-transform:translate(0px,-6px) rotate(-45deg);
  -webkit-transform:translate(0px,6px) rotate(45deg);
  -moz-transform:translate(0px,6px) rotate(45deg);  
}
.icon-bar.third {
  transform:translate(0px,-6px) rotate(-45deg);
  -ms-transform:translate(0px,-6px) rotate(-45deg);
  -webkit-transform:translate(0px,-6px) rotate(-45deg);  
  -moz-transform:translate(0px,-6px) rotate(-45deg); 
}

.collapsed .icon-bar.second {
  opacity:1;
}
.collapsed .icon-bar.first {
  transform:translate(0px,0px) rotate(0deg);
  -ms-transform:translate(0px,0px) rotate(0deg);
  -webkit-transform:translate(0px,0px) rotate(0deg);
}
.collapsed .icon-bar.third {
  transform:translate(0px,0px) rotate(0deg);
  -ms-transform:translate(0px,0px) rotate(0deg);
  -webkit-transform:translate(0px,0px) rotate(0deg); 
}

#main-menu {font-size: 54px; line-height: 70px;}
#main-menu a {
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
}
#main-menu a:hover, #main-menu a:focus {
  transition:all 0s ease;
  -webkit-transition:all 0s ease;
  -moz-transition:all 0s ease;
  -o-transition:all 0s ease;
}

.border-top {border-top: 1px solid #ddd;}

.btn:focus, .btn:active {outline: none;}

.btn-success {
background-color: #69e643;
border-color: #69e643;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
background-color: #5ddc36;
border-color: #5ddc36;
}

.home .hero {
background: url('../img/bg-hero-1.jpg') no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


.text-center img {
margin: auto;
}

.img-responsive {
  margin: auto;
}

.lead {
color: #555;
font-size: 18px;
}

.color1 {color:#fff;}

.media-heading {font-weight: 700;}

#section-1-1 h2 { font-size: 29px; }


#pocketbookchart, #spreadsheetchart {background-color: #ccc; border-radius: 50%;}

.over-chart {width: 100%; height: 122px; display: table; }
.over-chart p {display: table-cell; vertical-align: middle; text-align: center; width: 130px; }

.transition {
-webkit-transition: 0.5s all;
-moz-transition: 0.5s  all;
-o-transition: 0.5s  all;
transition: 0.5s  all;
}

#menu-footer li {
	display: inline;
}
#menu-footer .menu-item {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.learn-more {display: none;}
.media-heading span {font-weight: normal; color: grey;}

/** Article News page **/
.article { text-decoration: none; }
.article .date { font-weight: bold; color: black;}
.article p { color: grey; }
.article-source { font-weight: bold; color: grey; }

@media (min-width: 992px) and (max-width: 1200px) {
  img#spending {margin-top: 130px;}
  .hero {
  	background-position: center top;
	background-size:1400px 640px;
  }
}

@media (max-width: 991px) {
  #maindiv {
  	text-align: center;
  }
}

@media (max-width: 767px) {
  #main-menu {font-size: 28px; line-height: 36px;}
  .fixed-nav, .fixed-nav.top, .fixed-nav.top.menu-open {
  position: fixed;
  top:auto;
  bottom: 0;
  border-top: 1px solid #ddd;
  background-color: #fff;
  }
  .fixed-nav.top .btn-link, .fixed-nav.top .btn-link:hover, .fixed-nav.top .btn-link:focus, .fixed-nav .btn-link, .fixed-nav .btn-link:hover, .fixed-nav .btn-link:focus, .fixed-nav.menu-open .btn-link, .fixed-nav.menu-open .btn-link:hover, .fixed-nav.menu-open .btn-link:focus {color: #00b9ff;}
  .fixed-nav.top .icon-bar, .fixed-nav .icon-bar, .fixed-nav.top.menu-open .icon-bar, .fixed-nav.top #menu-toggle.collapsed .icon-bar {background-color: #00b9ff;}
  .pth, .pvh, .pah {padding-top: 15px !important;}
  .pbh, .pvh, .pah {padding-bottom: 15px !important;}
  .fixed-nav.pvt {padding-top: 0px !important;padding-bottom: 0px !important;}
  .text-center .lead, .left-sm {text-align: left;}
  .lead {font-size: 15px; line-height: 23px;}
  #signup-form-submit {display: block;width: 100%;padding-right: 0;padding-left: 0;}
  #getstarted { display: none;}
}

/**** Taken from Bootstrap responsive ****/
.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inline !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inline !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inline !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inline !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inline !important;
  }
  .hidden-phone {
    display: none !important;
  }
}