/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

/* form fields on focus outline color */
a:focus, .button:focus,
.button.alt:focus, 
.button.added_to_cart:focus, 
.button.wc-forward:focus, 
button:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus {
    outline-color: #115f92;
}

/* Homepage parallax */
.page-template-template-homepage .site-main .sph-hero:first-child {
    background-size: cover !important;
    background-position: top left;
}

/* Homepage 3 columns */
#home-3-column .textwidget h3 {
    margin-top: 0;
}

.site-footer {
    background-color: #333333 !important;
}
.site-footer .footer-widgets .widget > h3:first-child:before {
    background: #0A96DF;
}
.site-footer .footer-widgets aside#text-4 p {
    margin-bottom: 1.7em;
}

/* Footer twitter */
.site-footer .footer-twitter {
    background: #ffffff;
    color: #333333 !important;
    display: inline-block;
    padding: 2px 0;
    border-radius: 50px;
    width: 32px;
    text-align: center;
    margin-right: 5px;
}

/**
 * Packages Pricing Tables
 */
.hentry .textwidget ul {
    list-style: disc;
    padding-left: 1.5em;
}
.hentry .textwidget ul li {
    margin-bottom: 10px;
}
.packages-instructor {
    margin-bottom: 10px;
}
.packages-instructor a {
    display: block;
    background: #2780bb;
    text-align: center;
    padding: 5px 10px;
    font-size: 30px;
    color: #fff;
}
.packages-instructor a:hover {
    background: #115f92;
}
.pricing-table-wrap .pricing-table {
    margin-bottom: 2em;
    position: relative;
    overflow:hidden;
}
.pricing-table-wrap .pricing-table .pricing-group {
     padding-top: 0;
     margin-bottom: 0;
     border: 1px solid #e1e1e1;
}
.pricing-table-wrap .pricing-table .title a {
    display: block;
    background: #303847;
    color: #fff;
    border-bottom: 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height:0.5em;
    padding: 25px 0 25px;
}
.pricing-table-wrap .pricing-table .title span {
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5em;
}
.pricing-table-wrap .pricing-table .title .instruction span {
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 5px 10px;
    background: #252e40;
    color: #fff;
}
.pricing-table-wrap .pricing-table table th {
    width: 73.56px;
    padding: 1em 0;
}
.pricing-table-wrap .pricing-table table th,
.pricing-table-wrap .pricing-table table td {
    text-align: center;
}
.pricing-table-wrap .pricing-table table td span {
    display: block;
}
.pricing-table-wrap .pricing-table .cta .button {
    display: block;
    text-align: center;
    font-size: 25px;
    padding: 0.3em;
}
.pricing-table-wrap .pricing-table table tr:last-child th, .pricing-table-wrap .pricing-table table tr:last-child td {
    border-top: dashed 1px #e1e1e1;
}
.pricing-table-wrap .pricing-table .pricing-group td {
    padding: 0;
}
.pricing-table-wrap .pricing-table .pricing-group td label {
    display: block;
    padding: 1em 1.387em;
    cursor: pointer;
    font-weight: normal;
    margin: 0;
}
.pricing-table-wrap .pricing-table .pricing-group td label input[type="radio"] {
    display: none;
}
.pricing-table-wrap .pricing-table .pricing-group td label.selected {
    background: #BDC3C7;
}
.pricing-table-wrap .pricing-table .pricing-group td label.disabled {
    background: #fafafa;
    color: #aaa
}
.pricing-table-wrap .pricing-table .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
    background: #fff;
    opacity: 0.5;
}
@media (min-width: 780px) {
    .pricing-table-wrap:after {
        content: '';
        display: table;
        clear: both;
    }
    .pricing-table-wrap .pricing-table {
        width: 39.089%;
        width: 30.456%;
        float: left;
        padding: 0 8px;
    }
    .pricing-table-wrap .pricing-table table th {
        display: none;
    }
    .pricing-table-wrap .month-12-pricing-table {
        width: 39.089%;
    }
    .pricing-table-wrap .month-12-pricing-table table th {
        display: table-cell;
    }
    .pricing-table-wrap .month-12-pricing-table .title,
    .pricing-table-wrap .month-12-pricing-table .cta  {
        margin-left: 73.56px;
    }
    .packages-instructor {
        margin-left: 73.56px;
        padding: 0 8px;
    }
    .pricing-table-wrap .month-12-pricing-table .cover {
        left: 81.56px !important;
    }
}


table.nostyle {
    border: 0;
    padding: 0;
}
table.nostyle th,
table.nostyle td {
    padding: 0.1em;
    border:0 !important;
}

/**
 * Background music Audio Samples
 */
.bgm-audio {
    padding: 10px 0 20px;
    border-bottom: 1px solid #ddd;
}

/**
 * Audio Script Submit Form
 */
.soh-script-submit-form {
    max-width: 600px;
    margin: 2em auto;
    padding: 1em 2em;
}
.soh-script-submit-form h2 {
    margin-top: 0;
}
.soh-script-submit-form .ninja-forms-required-items {
    display: none;
}

/**
 * Homepage: Parallax Hero
 */
.sph-hero .col-full {
    background: rgba(255, 255, 255, 0.66);
}
.sph-hero .overlay h1 {
    font-weight: bold;
}

/**
 * Packages: subtitle
 */
h2.packages-subtitle {
    margin: 0;
    font-size: 20px;
    font-weight: normal;
}

/**
 * Members Store
 */
.page-template-template-membersstore .content-area {
    width: 100%;
}
.members-products .product-group {
    margin-bottom: 3em;
}
.members-products .product-group .product-group-title {
    border-bottom: 1px solid #c7c7c7;
}
.members-products .product-group .product-variation {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}
.members-products .product-group .product-variation .name {
    width: 78%;
    float: left;
    margin-right: 5%;
    font-size: 15px;
}
.members-products .product-group .product-variation .action {
    width: 17%;
    float: right;
    text-align: right;
}
.members-products .product-group .product-variation .action button {
    padding: 5px 15px;
    font-size: 15px;
}
.members-products .product-group .product-variation:after {
    content: '';
    display: table;
    clear: both;
}
@media (min-width: 768px) {
    .page-template-template-membersstore .woocommerce-MyAccount-navigation {
        width: 21.7391304348% !important;
        float: left  !important;
        margin-right: 4.347826087%  !important;
    }
    .page-template-template-membersstore .woocommerce-MyAccount-content {
        width: 73.9130434783% !important;
        float: right !important;
        margin-right: 0 !important;
    }
}
.members-products .pricing-table-wrap .pricing-table .title a {
    font-size: 20px;
    line-height: 1.3em;
}

/**
 * Remove required fields indicator in contact page
 */
.page-id-21 .ninja-forms-required-items {
    display: none;
}

/**
 * Checkout
 */
.above-billing-details {
    font-weight: bold;
}
form.woocommerce-checkout .col-1 h3,
form.woocommerce-checkout #order_review_heading {
    margin-top: 0;
}
#payment .terms label a {
    text-transform: capitalize;
}
#payment .place-order .button {
    background-color: #0A96DF;
}
/**
form.woocommerce-checkout .create-account {
    background: #0A96DF;
    padding: 15px 25px;
    color: #fff;
}
form.woocommerce-checkout .create-account .input-text {
     border-color: #1681b9;
}
**/

/* CUSTOM CSS */
.jbox a {
color:#5a5a5a;
}
.sph-hero .col-full {
    background: rgba(255, 255, 255, 0.4);
}
.sprh-hero a.button, .sph-hero a.button {
    background-color: #0A96DF;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
    background-color: #0A96DF;
    border-color: #0A96DF;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover, .widget a.button:hover, .site-header-cart .widget_shopping_cart a.button:hover {
    background-color: #115f92;
    border-color: #115f92;
}
.page-template-template-homepage .site-main .sph-hero:first-child {
    background-size: cover !important;
    background-position: top left !important;
}

/*.page-id-14 .panel-grid {
    margin-bottom: 100px !important;
}*/

.dyk p {
    color:#0a96df;
}

div#pg-14-10 {
    margin-bottom: 0 !important;
}

div#pg-14-9 {
    margin-bottom: 30px !important;
}

/* Ninja forms response */
.ninja-forms-response-msg {
    background: #1299e0;
    color: #fff;
}
.ninja-forms-response-msg p {
    margin-bottom: 0;
}
.ninja-forms-response-msg.ninja-forms-success-msg {
    background: #2f9868;
    padding: 10px 20px;
    margin-bottom: 20px;
}

/* Remove Go Shop button from downloads section - added by Karl of WooAssist on 30/09/2016 */
.woocommerce-downloads .woocommerce-Message.woocommerce-Message--info.woocommerce-info a.button {display:none;}

/* Custom CSS - added by Karl of WooAssist on 03/10/2016 */
.page-id-369 .content-area {
    float: left;    margin-left: 0;    margin-right: 0;    width: 100%;}

.page-id-369 .content-area .woocommerce-MyAccount-navigation {
    float: left;    margin-right: 4.34783%;    width: 21.7391%;}

.page-id-369 .content-area .woocommerce-MyAccount-content {
    float: right;    margin-right: 0;    width: 73.913%;}

.page-id-369 .content-area .soh-script-submit-form {
    margin: 0 auto;  max-width: 100%;  padding: 1em;}


.site-header .custom-logo-link, .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
  width: 42.739%;
}
.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
  margin-bottom: 0;
  padding: 1em 0;
}

/**
 * Script form CSS
 */
.soh-script-submit-form .form-row .description {
    font-size:  14px;
    margin-top: 5px;
}
.script-form {
    border-bottom: 1px solid #aaa;
    padding: 15px 0;
    margin-bottom: 20px;
}
.script-block:after,
.script-form:after {
    content: '';
    display: table;
    clear: both;
}
.script-form .script-number {
    font-style: italic;
}
.script-form .status {
    width: 30%;
    float: left;
}
.script-form label {
    font-size: 15px;
}
.script-form .form-row {
    margin-bottom: 15px;
}
.script-form .status .options label {
    display: block;
    font-weight: normal;
    font-size: 14px;
}
.script-form  .script-content {
    width: 66%;
    float: right;
}
.script-form  .script-content .input-text {
    padding: 0.3em;
    font-size: 14px;
}
.script-form textarea#additional_information {
    font-size: 14px;
}
.script-form  .script-content textarea {
    height: 79px;
}
.script-block .additional-message-button {
    padding: 0.5em 1em;
    float: right;
}
.pronounciation-form:after {
    content: '';
    display: table;
    clear: both;
}
.pronounciation-form table {
    border: 0;
    width: 100%;
}
.pronounciation-form table thead th {
    display: table-cell;
    font-size: 15px;
    text-transform: none;
    vertical-align: bottom;
}
.pronounciation-form table th,
.pronounciation-form table td {
    padding: 0 0 10px;
    background: transparent;
}
.pronounciation-form table .script-num {
    width: 15%;
}
.pronounciation-form table .words {
    width: 25%;
    padding: 0 8px 10px;
}
.pronounciation-form table td .input-text {
    font-size: 14px;
    width: 100%;
}
.pronounciation-form .additional-pronunciation-button {
    float: right;
    padding: 0.5em 1em;
}


/**
 * IMP wordings in cart
 */
.woocommerce-cart .shop_table td.product-name .imp-wordings {
    display: block;
    font-size: 14px;
}
.woocommerce-cart .shop_table .product-price {
    display: none
}

/**
 * Change fonts
 */
body:not(.sd-custom-font-scheme) .hentry .entry-header h1.entry-title {
    font-family: 'Lato', sans-serif;
    letter-spacing: 0;
}
body, button, h1, h2, h3, h4, h5, h6, input, select, textarea {
    font-family: 'Lato', sans-serif;
    letter-spacing: 0;
}
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    color: #5a5a5a;
}
.woocommerce-breadcrumb {
    border-bottom-color: #5a5a5a;
}
.woocommerce-breadcrumb a {
    color: #5a5a5a;
}

/**
 * WooCommece thank you page Call to Action
 */
.woocommerce-thankyou-order-received:after {
    display: table;
    content: '';
    clear: both;
}
.woocommerce-thankyou-order-received span {
    display: block;
    float: left;
    width: 70%;
}
.woocommerce-thankyou-order-received .button {
    float: right;
    display: block;
    width: 29%;
    max-width: 206px;
    margin-top: -10px;
}
@media (max-width:817px) {
    .woocommerce-thankyou-order-received span {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .woocommerce-thankyou-order-received .button {
        float: none;
        width: 100%;
        position: relative;
        margin-top: 0;
       
    }
}