/*
Theme Name: Goalbook
Theme URI: http://teamtreehouse.com/how-to-build-a-simple-responsive-wordpress-site-with-twitter-bootstrap
Description: A simple responsive theme built with Bootstrap
Author: Zac Gordon
Author URI: http://zacgordon.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This is an example theme to go along with the Treehouse blog post on <a href="http://teamtreehouse.com/how-to-build-a-responsive-wordpress-site-with-twitter-bootstrap">How to Build a Simple Responsive WordPress Site Using Twitter Bootstrap</a>.
*/

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-theme.css');

:root {
	/*CSS Variables - Brand Colors*/
	--gb-blue: #009CDE;
	--gb-med-blue: #00769F;
	--gb-dark-blue: #013E59;
	--gb-light-blue: #D5EEF6;
	--gb-orange: #DF6F47;
	--gb-dark-grey: #4A4A4A;
	--gb-light-grey: #EFEFEF;
	}



       

body {
	padding-top: 0px;
	padding-bottom: 41px;
	background-color:#FAFAFA;
	font-family: 'Lato', Arial, sans-serif;
	font-weight:400;
	font-size:14px;
}
p{
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
}
h4{
	font-weight: 600;
	margin-top:30px;
}
h3{
	font-weight:600;
}

h2{
	font-weight:600;
}


.header-menu {
	color:#FFF;
}
.header-menu {
	color:#FFF;
}
.header-menu ul li{
list-style-type: none;
display:inline;
margin-right:10px;
}
.header-menu ul li a{
color:#FFF;
padding:10px;
}
.header-menu ul li a:hover{
color:#2DA8DF;
background-color:#FFF;
padding:10px;
border-radius: 3px;
text-decoration: none;
}
.footer-menu {
	color:#666;
	float:right;
	width:100%;
}
.footer-menu ul {
}
.footer-menu ul li{
list-style-type: none;
display:inline;
margin-right:20px;
}
.footer-menu ul li a{
color:#666;
}
.footer-menu ul li a:hover{
color:#2DA8DF;
text-decoration: none;
}
.navbar{
		margin-bottom:0px;
		background-color:#2DA8DF;
		border-radius: 0px;
}
.navbar-toggle{
	background-color:#FFF;
}
.navbar-toggle .icon-bar{
	border-bottom:2px solid #2DA8DF;
}
.navbar-default .navbar-nav li a{color:#fff; margin-right:15px; padding:10px; font-size:16px;}
.navbar-default .navbar-nav li a:hover{background-color:#FFF; border-radius:3px; color:#2DA8DF; margin-right:15px;}
.navbar-default .navbar-nav li a:focus{}
.current-menu-item a{
	background-color:#FFF;
	border-radius: 3px;
	color:#2DA8DF !important;
}
.section-heading{
	background-color:#eff7fe;
	text-align:center;
	padding:20px;
}
img.attachment-large{
	width:100%;
	height:auto;
}
img.attachment-medium{
	width:100%;
	height:auto;
}
.btn-trial{
	font-size:20px;
	padding:15px;
}
blockquote{
	color: #2DA8DF;
        padding:0px;
 	padding-left:15px;
        border:none;
	position:relative;
	background-color:transparent;
	font-style:normal;
	margin-top:30px;
	margin-left:30px;
        margin-bottom:30px;
	font-weight:800;
	font-size:20px;
}
blockquote cite {
	font-size:16px;
	line-height:1.5em;
}
blockquote p{
	font-size:16px;
	line-height:1.5em;
	font-weight:700;
}

.shadow{
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
margin-top:20px;
}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size:16px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}



@media (max-width: 991px){
	#login-button{
		margin-top:15px;
		}
}
.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}


/*NEW Careers Page Styles*/
.banner-head {
	font-family: "Merriweather", "Georgia", serif;
	font-weight: 300;
	font-size: 4em;
	line-height: 1.3;
            }

.banner-head, .banner-sub {
	color: white;
	}

.banner-sub{
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.4;
	}

/*MAYBE OLD Careers Page Styles*/

.job-posting{
 padding:30px;
 padding-top:10px;
 background-color:rgb(242,142,0);
 border-radius:4px;
 color:#FFF;
 text-decoration:none;
 min-height:330px;
 margin-bottom:20px;
}
.job-posting:hover{
 background-color:#0096bb;
}
.fa-check-circle{
        font-size:20px;
        color:#5cb85c;
      }
      .sidebar_divider{
        margin-top:10px;
        margin-bottom:10px;
        border-color:#CCC;
      }
      .panel-heading a:after {
          font-family:'Glyphicons Halflings';
          content:"\e114";
          float: right;
          color: grey;
      }
      .panel-heading a.collapsed:after {
          content:"\e080";
      }
      .panel-title > a{
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
        cursor:pointer;
      }
      .blog-contain{
        margin-bottom:50px;
        background-color:#F6F6F6;
        padding:0px;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.2);
        -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.2);
        box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.2);
      }





.cat-item{
list-style-type:none;
line-height:30px;
}
.cat-item a{
font-size:16px;
font-weight: 800;
color:#333;
}
.cat-item ul{
  padding-left:0px;
}
.cat-item ul li{
display:inline;
margin:1px;
line-height:43px;
}
.cat-item ul li a{
background-color:transparent;
padding:10px;
white-space: nowrap;
font-size:14px;
font-weight:normal;
color:#2DA8DF;
transition: all 0.3s ease;
border: 1px solid #2DA8DF;
}
.cat-item ul li a:hover{
background-color:#2DA8DF;
padding:10px;
white-space: nowrap;
font-size:14px;
font-weight:normal;
color:#FFF;
transition: all 0.5s ease;
text-decoration:none;
}


body{
      background-color:#F6f6f6;
    }
a {
  color: #2DA8DF;
}
    h3{
      line-height:1.3em;
}
    h4{
      font-size:22px;
      line-height:1.3em;
    }
    p{
      font-weight:normal;
      line-height:1.7em;
      color:#333;
      font-size:18px;
      margin-bottom:10px;
    }
    .fa-check-circle{
      font-size:20px;
      color:#5cb85c;
    }
    .sidebar_divider{
      margin-top:10px;
      margin-bottom:10px;
      border-color:#CCC;
    }
ul.product-nav{
}
.product-nav li{
    font-weight:bold;
    border-bottom:1px solid #ccc;
}
.product-nav li a{
    font-weight:normal;
     border-left:5px solid #F6f6f6;
}
.product-nav li a:hover{
    border-left:5px solid #2da8df;
}
.product-nav li a:focus{
    border-left:5px solid #2da8df;
}
    .panel-heading a:after {
      font-family:'Glyphicons Halflings';
      content:"\e114";
      float: right;
      color: grey;
    }
    .panel-heading a.collapsed:after {
      content:"\e080";
    }
    .panel-title > a{
      font-size:14px;
      font-weight:bold;
      text-decoration:none;
      cursor:pointer;
    }
    .blog-contain{
      margin-bottom:50px;
      background-color:#FFF;
      padding:0px;
      -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.2);
      -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.2);
      box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.2);
    }
    .nav-tabs > li > a{
      border-radius: 0px;
    }
    .featurelink{
      color:#425e66;
      position:absolute;
      background-color:#D6F0F7;
      z-index:300;
      padding:15px;
      padding-left:15px;
      right:0px;
      top:20px;
      transition: all 0.5s ease;
    }
    .featurelink:hover{
      background-color:#a2c9d3;
      transition: all 0.5s ease;
      text-decoration: none;
      color:#425e66;
    }
    #custom_carousel .item {
      color:#000;
      background-color:#eee;
      padding:20px 0;
    }
#scroll-header {
	box-shadow: 3px 3px 5px 3px rgba(50, 50, 50, 0.2); position:fixed; left:0px; bottom:0px; height:100px; width:100%; z-index:1000; background-color:#f1fbfe; display:none;
}
.action-link{
      transition: all 0.5s ease;
      border-radius:500px;
      padding:5px;
      padding-left:15px;
      padding-right:15px;
      font-size:14px;
      font-weight:200;
      color:#fff;
      width:100%;
      cursor:pointer;
      text-align:center;
}
.action-link:hover{
      transition: all 0.3s ease;
      text-decoration:none;
      opacity: 0.7;
      color:#FFF;
      background-color:transparent;
}
.green{
      background-color: #5cb85c;
}
.green:hover{
      background-color: #5cb85c;
}
.white{
      background-color: #FFF;
      color: #2da8df;
}
.white:hover{
      background-color: #FFF;
      color: #2da8df;
}
    .action-link-grey{
      transition: all 0.3s ease;
      border:1px solid #666;
      border-radius:500px;
      padding:10px;
      font-size:16px;
      font-weight:200;
      color:#666;
      display:block;
      text-align:center;
      width:100%;
    }
    .action-link-grey:hover{
      transition: all 0.5s ease;
      text-decoration:none;
      color:#666;
      background-color:rgba(0,0,0,0.1);
    }
.action-link-blue{
      transition: all 0.3s ease;
      border:1px solid #2DA8DF;
      border-radius:500px;
      padding:10px;
      font-size:16px;
      font-weight:200;
      color:#2DA8DF;
      display:block;
      text-align:center;
      width:100%;
}
.action-link-blue-sm{
      transition: all 0.3s ease;
      border:1px solid #2DA8DF;
      border-radius:500px;
      padding:5px;
      padding-left:10px;
      padding-right:10px;
      font-size:14px;
      font-weight:200;
      color:#2DA8DF;
      text-align:center;
}
.carousel-indicators li{
	background-color: rgba(255,255,255,0.5);
 	border:none;
}
.panel{
     border-radius:0px;
}
    .action-link-blue:hover{
      transition: all 0.5s ease;
      text-decoration:none;
      color:#FFF;
      background-color:#2DA8DF;
    }
.social-link{
      display:inline-block;
      height:34px;
      width:34px;
      transition: all 0.3s ease;
      border:1px solid #2DA8DF;
      color:#2DA8DF;
      padding-top:3px;
      text-align:center;
      border-radius:50%;
      font-size:18px;
      text-decoration:none;
}
    .social-link:hover{
      transition: all 0.5s ease;
      text-decoration:none;
      color:#FFF;
      background-color:#2DA8DF;
    }
.social-link i.fa {
    display: block;
    margin: 0 auto;
    margin-top: 4px;
}
.panel-hover{
transition: all 0.2s ease;
}
.panel-hover:hover{
  margin-top:-5px;
-webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    0px 3px 9px 0px rgba(50, 50, 50, 0.32);
box-shadow:         0px 3px 9px 0px rgba(50, 50, 50, 0.32);
transition: all 0.2s ease;
}
.avatar{
  border-radius:50%;
}
ul li{
font-size:18px;
font-weight:400;
line-height:1.6em;
color:#666;
margin-bottom: 10px;
}

ol li{
font-size:18px;
font-weight:400;
      line-height:1.6em;
      color:#666;
}
li a.sideblog{
  color:#000;
  display:block;
  list-style-type:none;
  border-bottom:1px solid #DDD;
  padding:20px;
}
li a.sideblog:hover{
  color:#000;
  background-color:#F8F8F8;
}
ul.footer-links{
  list-style-type: square;
  padding-left:25px;
  font-size:14px;
}
ul li{
  font-size:14px;
}
.navbar-default .navbar-nav li a{
  margin:0px;
  text-align:center;
  color:#666;
  font-size:14px;
}
.navbar-default .navbar-nav li a:hover{
  color:#2DA8DF;
  border-radius:0px;
  margin:0px;
}
.navbar-default .navbar-nav li a:focus{
 background-color: transparent;
 border-radius: 0px;
 outline:none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
 color: #FFF;
 background-color: #2DA8DF;
 border-radius: 0px;
 margin-right: 0px;
}
.navbar-default .navbar-nav li a.ddown{
  color: #666;
  padding:10px;
  height:auto;
  margin-top:0px;
  margin-bottom:0px;
}
.navbar-default .navbar-nav li a.ddown:hover{
  background-image:none;
  background-color:#efefef;
}
.dropdown-menu{
  padding:0px;
  border-radius:0px;
  border:none;
}
.dropdown-menu .divider{
  margin:0px;
}
.feature{
  border-radius:50%;
  background-color:#2da8df;
  width:40px;
  height:40px;
  position:absolute;
  padding-top:8px;
  text-align:center;
  color:#FFF;
  font-size:12px;
}
.feature:hover{
  background-color: #0a77a8;
  color: #FFF;
}
.signin-link{
      transition: all 0.5s ease;
      border: none;
      border-radius:500px;
      padding:5px;
      font-size:14px;
      color:#FFF;
      display:block;
      width:100%;
      cursor:pointer;
      background-color:#DF6F47;
}
.signin-link:hover{
      transition: all 0.3s ease;
      text-decoration:none;
      color:#FFF;
      background-color:#c84618;
      border: none;
}
.blue-link{
      transition: all 0.5s ease;
      border: 1px solid #2da8df;
      border-radius:500px;
      padding:5px;
      font-size:14px;
      color:#FFF;
      text-align:center;
      display:block;
      width:100%;
      cursor:pointer;
      background-color:#2da8df;
}
.blue-link:hover{
      transition: all 0.3s ease;
      text-decoration:none;
      color:#FFF;
      background-color:#2c96c5;
      border: 1px solid #2c96c5;
}
.blue-link:focus{
      text-decoration: none;
      color: #FFF;
      background-color:#2c96c5;
      border: 1px solid #2c96c5;
      outline:none;
}
.signup-link{
      transition: all 0.5s ease;
      border:1px solid #666;
      border-radius:500px;
      padding:5px;
      font-size:14px;
      color:#666;
      display:block;
      width:100%;
      cursor:pointer;
      background-color:#FFF;
}
.signup-link:hover{
      transition: all 0.3s ease;
      text-decoration:none;
      color:#333;
      background-color:#dfdfdf;
}

.bubble
{
position: relative;
padding:20px;
background: #D6F0F7;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#666;
font-size:18px;
font-weight:300;
margin-top:25px;
-webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #D6F0F7 transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 60px;
-webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.bubble-2
{
position: relative;
padding:30px;
background: #FFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
color:#000;
font-size:14px;
font-weight:300;
margin-top:0px;
}


.bubblew
{
position: relative;
padding:30px;
background: #FFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
color:#000;
font-size:16px;
font-weight:300;
margin-top:0px;
}
.btn:focus{
outline:none;
}



.page-wrapper{
		width: 100%;
	}

	#careers-ad {
		position: relative;
		left: 0px;
		right: 0px;
		top: 0px;
		min-height: 36px;
		background-color: rgba(213, 238, 246, 1);
		border: 0px solid #D5EEF6;
		margin: -12px 0 12px 0;
		padding: 13px 30px 12px 30px;
		font-size: 15px;
		font-weight: 700;
		text-align: center;
	}
	
	.alert-button {
		
	}
	.bold{
		font-weight: 700;
	}
	
	
	.flex {
		display: flex;
	}
	
	.desktop-nav-clear{
		margin-top: 120px;
	}
	
	.mobile-nav-clear{
		margin-top: 120px;
	}
	

	
	

/*------------------*/
header nav ul li {
  margin-bottom: 0px;  
  font-size: inherit;
  line-height: inherit;
}

footer {
  clear: both;
}

.footer-nav ul li,
.legal-resources ul li {
  margin-bottom: 0px;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

@media only screen and (max-width: 600px) {
  .white-paper-home,
  .tk-case-study {
    width: 100%;
  }
}