.entry-thumbnail {
border-bottom: none;
}

#hb-form input {
outline: none;
  float:left;
  padding:15px;
  margin:15px 5px;
  border: none;
border-radius: 4px;
font-size: 16px;
}

#hb-form {
width: 731px;
margin: auto;
}

#hb-form .form-submit-button, .form-submit-reset, .form-submit-print, .form-screen-button {
margin: 15px 5px;
overflow: visible;
padding: 16px 20px;
width: auto;
border-radius: 4px;
color: white;
background: green;
border: none;
font-weight: 100;
letter-spacing: 1px;
}

.home-share {
width: 731px;
text-align: right;
margin: auto;
}

#hb-form-2 input {
  padding:10px;
  margin:5px 0px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  width:100%;
}

#hb-form-2 .form-submit-button, .form-submit-reset, .form-submit-print, .form-screen-button {
margin: 5px 0px;
overflow: visible;
padding: 12px 15px;
width: auto;
border-radius: 4px;
color: white;
background: green;
border: none;
font-weight: 100;
letter-spacing: 1px;
}

.alignleft {
float: left;
margin: 10px 33px 20px 0;
}

.alignright {
float: right;
margin: 10px 0 20px 33px;
}

#main {
	margin: 0px auto!important;
}

#main.container{
  width: 96%!important;
}

#bitnami-banner {
display: none!important;
}

#navigation .navbar-brand {
text-decoration: none;
color: #fff;
margin-top: 3px;
font-weight: 100;
}

.clear {
clear:both;
}

.feature-header {
margin-bottom:100px;
}

.feature-box {
margin: 100px 0px;
overflow: visible;
}

.feature-box img {
box-shadow: 0px 19px 45px #999;
}

.navbar-brand span {
display: inline-block;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 43px;
line-height: 32px;
margin-left: 5px;
vertical-align: bottom;
}

.single-post #content article.post .entry-thumbnail .img-responsive {
display: block;
height: auto;
max-width: 100%;
width: 100%;
}

#content article.post .entry-title {
margin-top: 0px;
margin-bottom: 5px;
text-transform: capitalize;
font-size: 26px;
font-weight: 400;
}

#content article.post .entry-meta {
margin: 0px 0 6px;
font-size: 12px;
line-height: 17px;
border-bottom: 1px solid #ddd;
  padding: 0px 0px 5px 0px;
}

#content article.post .entry-summary p{
margin-top: 0px;
line-height: 19px;
}

#navigation > .container {
width: 96%!important;
}

section#home.parallax-image h1 {
  color: white;
  text-shadow: 0px 0px 8px #474747;
  margin-bottom:30px;
  font-size:50px;
}

section#home.parallax-image .overlay {
  background-color: rgba(0,0,0,.7);
  width: 100%;
  height: 100%;
  position: absolute;
}

section#home.parallax-image h4 {
  color: white;
  font-size: 30px;
  font-weight:100;
  margin-bottom: 40px;
  text-shadow: 0px 0px 4px #aaaaaa;
}

section#home.parallax-image {
  margin-top: -161px;
  background-position: 0px!important;
}

section#home .container .parallax-content {
position: relative;
z-index: 4;
padding: 147px 0px!important;
}

body.home .navbar-default .navbar-nav>li>a {
color: white!important;
font-weight: 100!important;
}

.navbar-default .navbar-nav>li>a {
color: #ccc;
font-weight: 100!important;
}

#navigation.navbar {
border-radius: 0;
padding: 40px 0px;
  z-index:1000;
}

.navbar.navbar-default {
background-color: transparent!important;
margin-bottom: 0;
border-bottom: 0;
box-shadow: none;
-webkit-box-shadow: none;
border-color: transparent!important;
}

.navbar-default {
background-color: #f8f8f8;
border-color: transparent!important;
}

#masthead.sticky {
position: inherit!important;
top: 0;
left: 0;
right: 0;
z-index: 99999;
}

section#features.page-wrapper {
padding: 70px 0px 100px 0px;
}

#features .container {
width: 100%;
padding: 0px 200px;
}

.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 0px solid transparent!important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: black;
background-color: transparent;
}

body.home ul.navbar-nav > li.sign-in a {
	border:1px solid white!important;
  border-radius: 5px;
}

ul.navbar-nav > li.sign-in a {
	border:1px solid #ccc!important;
  border-radius: 5px;
}

ul.navbar-nav > li.sign-in a:hover {
	border:1px solid green!important;
  	color:green!important;
    border-radius: 5px;
}

#navigation .navbar-nav>li>a {
padding: 4px 10px!important;
line-height: 25px;
transition: padding .2s ease-in-out 0;
}

.navbar-nav>li {
margin: 23px 10px!important;
}

iframe {
border-radius: 5px;
background: rgba(0,0,0,0.2);
padding: 14px;
}

@media (max-width: 768px) {
	h2{
		font-size: 25px;
	}
	#hb-form {
      	width: 260px;
      	margin: auto;
    }
    section#home.parallax-image h1 {
	    font-size: 37px;
    }
    section#home.parallax-image p {
    	font-size: 22px;
    }

    section#home .container .parallax-content {
      padding: 147px 20px;
      width: 80%;
      margin:auto;
    }

    #hb-form .form-submit-button, .form-submit-reset, .form-submit-print, .form-screen-button {
        padding: 12px 12px;
    }

    #hb-form input {
      margin-bottom: 0px!important;
      width: 99%;
    }

	.feature-text{
      width: 265px!important;
    }

	iframe {
        width: 100%;
    }

    .navbar.navbar-default {
    background: black!important;
    }

    .navbar-collapse {
    max-height: none;
    }

    .home-share {
    width: auto;
    text-align: left;
    margin: -50px 0px 0px 136px;
    }

}

@media (max-width: 1015px) {
    .feature-box img {
    width:100%;
    }

    #features .container {
    padding: 0px 40px;
    }

}

/* -------------------------------------------------------------------------------
   Sara's Custom CSS 
---------------------------------------------------------------------------------- */

/* ---- GENERAL --------------------------------------------------- */

body {
  background-color:#f3f6f6!important;
}

#content_area {
	padding-top:140px!important;
}

/* ---- MENU --------------------------------------------------- */

.banner {
	padding: 20px 0!important;
    position: fixed!important;
    width: 100%;
}
    .banner .op-logo img {
    	max-width:140px!important;
	}

body .container .navigation ul#navigation-alongside li:hover,
body .container .navigation ul#navigation-alongside li:hover>a {
	border-radius:0!important;
  	background-color:transparent!important;
}

    body .container .navigation ul li a {
		padding-bottom:1em!important;
  		padding-left:.75em!important;
	  	padding-right:.75em!important;
	}
		body .container .navigation ul#navigation-alongside li:last-child {
            border-bottom:none!important;
  			margin-left:10px;
        }
        	body .container .navigation ul#navigation-alongside li:last-child a {
  				color: #ff7f41;
  				border: 2px solid #ff7f41;
                border-radius: 100px!important;
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 14px;
                padding-bottom: 13px;
                font-weight:700;
                font-size:12px;
                letter-spacing:.5px;
          	}
            	body .container .navigation ul#navigation-alongside li:last-child a:hover {
                  border-radius:100px!important;
                  background-color:rgba(255,127,65,.2);
                }

.current-menu-item {
    border-bottom: 2px solid #FFBE9F;
}

/* ---- TYPOGRAPHY --------------------------------------------------- */

h1 {
  	text-shadow: 4px 4px 0px rgba(210, 231, 220, 1);
  	text-transform: uppercase;
  	line-height: 1.3!important;
  	letter-spacing: 3px;
  	margin-bottom:30px!important;
}

h2 {
	line-height: 1.4!important;
  	margin-bottom:30px!important;
  	letter-spacing:1px;
}

h3 {
	line-height: 1.7!important;
  	margin-bottom:20px!important;
  	letter-spacing:1px;
}
	h3.testimonial-copy {
        color:#717C7D!important;
        font-size:22px!important;
        padding:30px 10% 0 10%;
  		margin-bottom:0!important;
    }
        h3.testimonial-copy:first-of-type {
          padding-top:0;
        }

h4 {
  	line-height: 1.7!important;
  	letter-spacing:1px;
  	padding-top:20px!important;
    text-transform:uppercase;
}
    h4:first-child {
		padding-top:0!important;
	}
    h3.testimonial-copy + h4 {
        color:#3F4444;
    }

p {
	line-height: 1.7!important;
  	margin-bottom:15px!important;
}
	p.price-style {
        font-size: 80px;
        font-family: 'montserrat';
        font-weight: bold;
  		margin-bottom: 0!important;
    }
    p.annual-discount-style {
        color: #EA002A;
        font-style: italic;
        font-weight: bold;
        margin-bottom: 0!important;
        font-size: 16px;
    }

ol,
ul {
	margin-left:30px!important;
  	list-style-position: inside !important;
}

.small-text {
    font-size: 14px;
    margin-top: -15px;
    font-style: italic;
    color: #717C7D;
}

.css-button {
	margin-top: 5px;
}

blockquote p {
	font-size:22px!important;
  	color:#009CBD!important;
}

/* ---- BACKGROUND / ROW STYLES --------------------------------------------------- */

.dot-background {
	background-position: top center!important;
  	background-size: contain!important;
}

.dot-background-btm {
	background-position: bottom center!important;
  	background-size: contain!important;
}

.customer-logos .op-custom-html-block {
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  	justify-content: center;
}

.customer-logo-block {
	max-width:200px;
  	padding: 0 20px;
}
    .customer-logo-block img {
        max-width:100%;
    }


/* ---- SIGNUP BLOCKS --------------------------------------------------- */

.sign-up-block .optin-box-content .text-boxes {
  margin-top:0!important;
}

.sign-up-block .optin-box-content button {
	background:transparent!important;
  	margin-top:0!important;
}

.sign-up-block .css-button {
	margin-top:50px;
}


/* ---- ONBOARDING PAGES --------------------------------------------------- */

.feature-block,
.feature-block-style-2 {
	margin-left: 0!important;
}

.table-of-contents li {
	color:#ffffff!important;
}
    .table-of-contents li a {
		color:#ccebf1;
	}

#content_area a {
	text-decoration:none!important;
  	font-weight:bold!important;
}

.onboarding-link-button {
    border: 2px solid white;
    padding: 10px 24px;
    border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
    font-family: "Montserrat",sans-serif!important;
  	display:inline-block;
  	letter-spacing:1px;
	font-size:16px!important;
}
    .onboarding-link-button:hover {
		background-color:rgba(240,240,240,.2);
	}

.anchor-link-style {
	text-align:center;
  	display:block;
  	font-size:16px;
  	margin-top:-10px;
}


/* ---- FOOTER --------------------------------------------------- */

.social-media {
	text-align:right;
}
    .social-media a {
        display:inline-block;
        margin:0 5px;
    }
        .social-media a img {
            margin:0;
        }

.footer .current-menu-item {
    border-bottom: none;
}

.footer a {
	font-family: "Montserrat",sans-serif;
	font-size:16px!important;
}


/* ---- MEDIA QUERIES --------------------------------------------------- */

@media (max-width: 768px) {
	
  	h1 {
  		font-size:40px!important;
  		
	}
  
  	h2 {
  		font-size:32px!important;
	}
        .feature-block h2 {
            font-size:20px!important;
        }
  
  	h3 {
  		font-size:22px!important;
	}

	.sign-up-block .css-button {
        margin-top:0;
    }

/**/
}


/* --------------------------------------------------------------------------------
   Full-site resizing CSS
   (resizes the site above 959px, where the original template has adpative
   sizin below 959px)
-------------------------------------------------------------------------------- */

@media screen and (min-width: 959px) {

  .fixed-width {
	max-width: 1200px;
	width: 100%!important;
  }
  
  .container .column, 
  .container .columns {
    margin-left: 30px!important;
    margin-right: 30px!important;
  }
  
  .container .one-column.column,
  .container .one-full.column,
  .container .twentyfour.columns {
    width: calc(100% - 60px)!important;
  }
  
  .container .four-fifths.column {
    width: calc(80% - 60px)!important;
  }

  .container .three-fourths.column {
    width: calc(75% - 60px)!important;
  }
  
  .container .two-thirds.column, 
  .container .sixteen.columns {
    width: calc(66.6% - 60px)!important;
  }
  
  .container .three-fifths.column {
      width: calc(60% - 60px)!important;
  }
  
  .container .one-half.column,
  .container .two-fourths.column {
    width: calc(50% - 60px)!important;
  }
  
  .container .two-fifths.column {
    width: calc(40% - 60px)!important;
  }
  
  .container .one-third.column,
  .container .eight.columns {
      width: calc(33.3% - 60px)!important;
  }
  
  .container .one-fourth.column {
    width: calc(25% - 60px)!important;
  }
  
  .container .one-fifth.column {
	width: calc(20% - 60px)!important;
  }
  
  .reading-length-adjustment {
  	padding-left:10%;
    padding-right:10%;
  }
  
  .wistia-video .element {
    max-width: 85%;
    margin: 0 auto;
  }	

/**/
}