/*
Theme Name:     30DOM Shoestrap Child
Theme URI:      http://shoestrap.org/
Description:    Child theme for Shoestrap
Author:         Nick
Author URI:     http://30daysofmindfulness.com
Template:       shoestrap-3
Version:        1.0.0
*/

@import url("../shoestrap-3/style.css");

/* changes to general styling */

.navbar .topnavbar {
    margin-bottom: 0;
}
.header-wrapper {
    padding: 0;
}
.row .bg {
    padding-top: 0;
}
.page-header {
    margin-top: 0;
}            
#header-of .headline-area {
    background: rgb(143, 212, 221); /* The Fallback */
    background: rgba(143, 212, 221, 0.9);
}
#header-of .headline-area .headline {
    font-weight: 200;
    color: #fff;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    padding-top: 20px; 
    padding-bottom: 20px;
}
#header-of .optin-area {
    background: rgba(71, 80, 92, 0.7);
    text-align: center;
    padding: 10px;
}
#header-of .form-area {
    display: inline-block;
}
#header-of .form-area button {
    margin-left: 10px;
}
#header-of .cta {
    display: inline-block;
    color: #fff;
    text-align: center;
    margin-right: 20px;
}
#header-of .btn-join {
    background-color: #f54e26;
    color: #ffffff;
    border-color: #ffffff;
}

#header-of .btn-join:hover, #header-of .btn-join:active {
    background-color: #f57556;
    color: #ffffff;
    border-color: #ffffff;
}

/* Styling for Thank You Pages */
.thank-you .row .bg {
    padding-top: 0;
}

.thank-you .page-header {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    margin-bottom: 30px;
}

.thank-you .page-header h1 {
    margin-top: 0;
    margin-bottom: 0;
}

/*
 * Sales Page Styles
 */

.sales .page-header {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0;
    background: rgb(143, 212, 221); /* The Fallback */
    background: rgba(143, 212, 221, 0.9);
}            

.sales .page-header h1 {
    text-align: center;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 200;
    color: #fff;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    font-size: 200%;
}

.sales .when {
    text-align: center;
}

.sales #video {
    margin: 0 auto;
    padding-top: 30px;
}

.sales #reveal {
    margin: 0 auto;
    text-align: center;
}

.sales #reveal .price {
    color: rgb(71,80,92);
    padding-left: 100px;
}

.sales #reveal form {
    margin-top: -30px;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #5099A4;
    border-color: #5099A4;
}