/* Default colors: grey, black, blue */
/* Default font-family: Lato, sans-serif */

/* vvv KEEP TO USE FORCE FOOTER TO BOTTOM vvvv */
.site-container {
/*    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-around;*/
}

.site-inner {
    margin-top: 66px;
    flex: 1;
    width: 100%;
}
/* ^^^ KEEP TO USE FORCE FOOTER TO BOTTOM ^^^ */


/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i');*/

/* ----- SITE-WIDE ----- */

.post-edit-link {
    display: none;
}

body {
    color: #181818;
    font-weight: 200;
    background-color: #f1f1f1;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4em;
}

body > div {
    font-size: 2rem;
}

a, .entry-title a {
    color: #00a8ff;
}


a:hover, .entry-title a:hover, .entry-title a:focus {
    color: #ff8400;
}

ul {
    margin-left: 30px;
}

li {
    margin-bottom: 12px;
}

.photo-frame {
    border: 4px solid white;
    box-shadow: 0px 0px 4px #999;
}

.gform_wrapper.gf_browser_chrome .gform_body {
    width: calc(100%); 
}

.gsection {
    padding-top: 30px !important; 
}

.gsection_title {
    color: #00a8ff;
}

.clc-invisible { 
    display: none !important; 
}

.wb-half-center {
    width: 50%;
    margin: auto;
} 

.wb-light { 
    font-weight: 300;
}

.wb-medium {
    font-weight: 400;
}

.wb-heavy {
    font-weight: 600; 
}

.wb-title-big {
    font-size: 1.5em;
    line-height: 1.2em;
}

.wb-title-medium {
    font-size: 1.2em;
    line-height: 1.2em;
}

.wb-title-small {
    font-size: 1.1em;
    line-height: 1.2em;
}

.wb-white {
    color: white;
}

.wb-purple {
    color: #00689f;
}

.wb-blue {
    color: #00a8ff;
}

.wb-tan {
    color: #b9a485;
}

.wb-gray {
    color: #f1f1f1;
}

.wb-orange {
    color: #ff8400;
} 

.wb-best {
    color: #00bb07;
}

.wb-okay {
    color: #ffca00;
}

.wb-improve {
    color: #ff8400;
}

.wb-scared {
    color: #ea0000;
}

.wb-white-bg {
    background-color: white;
}

.wb-purple-bg {
    background-color: #00689f;
}

.wb-blue-bg {
    background-color: #00a8ff;
}

.wb-tan-bg {
    background-color: #b9a485;
}

.wb-gray-bg {
    background-color: #f1f1f1;
}

.wb-charcoal-bg {
    background-color: #181818;
}

.wb-orange-bg {
    background-color: #ff8400;
}

.gform_wrapper span.ginput_product_price {
    color: #00689f;
    font-weight: bold;
}

.gform_wrapper span.ginput_total {
    color: #275d29;
    font-size: 2em;
    font-weight: bold;
}

.gform_wrapper .gform_footer {
    text-align: center; 
}

.gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
    color: #ff8400;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #ff8400;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: hsla(31, 100%, 50%, .1);
    border-top: 1px solid #ff8400;
    border-bottom: 1px solid #ff8400;
    padding-left: 20px;
}

.gform_wrapper div.validation_error {
    color: #ff8400;
    border-top: 2px solid #ff8400;
    border-bottom: 2px solid #ff8400;
}


/* CONTAINERS */
.site-inner {
    margin-top: 0px;
    background-color: #00689f;
}

.entry, .sidebar .widget {
    padding: 25px;
}


/* HEADINGS */

.entry-title {
    font-weight: 700;
    color: #00689f;
    text-align: center;
    margin-bottom: 25px;
    line-height: 1.2em;
}

h1.entry-title {
    margin-top: 0;
}

/* LINKS & BUTTONS */
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .button-outline {
	background-color: #00689f;
	color: white;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 16px 24px;
	text-transform: none;
	width: auto;
	display: inline-block;
	font-family: inherit;
	width: 100%;
    margin-bottom: 22px;
/*    border: 2px solid #00a8ff;*/
}

.gform_wrapper.gf_browser_ie .gform_footer input.button {
	padding: 16px 24px !important;
}

button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"],
.button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"],
input:focus[type="submit"], .button:focus  {
/*    background-color: white;
    color: #00a8ff;
    border: 2px solid #00a8ff;*/
    background-color: #0088d0;
}

button.wb-button-purple  {
    background-color: #00689f;
    border: 2px solid #00689f;
}

button.wb-button-purple:hover, button.wb-button-purple:focus {
    background-color: white;
    color: #00689f;
    border: 2px solid #00689f;
}


button.wb-button-orange  {
    background-color: #ff8400;
    border: 2px solid #ff8400;
}

button.wb-button-orange:hover, button.wb-button-orange:focus {
    background-color: white;
    color: #ff8400;
    border: 2px solid #ff8400;
}


.button-outline {
    border: 2px solid blue;
}

.button-outline:hover, .button-outline-hover:hover {
    border: 2px solid blue;
    background-color: white;
    color: black;
}

 
/* HEADER */

.site-header {
    box-shadow: 0 0 4px #d6d6d6;
}

.header-image .site-title {
    margin: 0;
}

.title-area {
    padding: 0;
    margin-left: 20px;
}



/* Navigation - Top Menu */

#wprmenu_bar {
    z-index: 999;
}

#wprmenu_bar .wprmenu_icon {
    top: 3px;
}

/* Logo & Navigation - Header Menu */
.title-area {
    width: 200px;
    float: left;
}

.site-header .widget-area {
    width: calc(100% - 220px);
    float: right;
}


/* Navigation - Primary Menu */

.genesis-nav-menu a {
    padding: 25px 24px;
}

ul#menu-main-menu {
    margin-left: 0;
}

.genesis-nav-menu .menu-item {
    margin-bottom: 0;
    cursor: pointer;
}

#nav_menu-2 .widget-wrap {
    padding: 0;
}

.widget_nav_menu .genesis-nav-menu a, .widget_nav_menu .genesis-nav-menu .sub-menu a {
    color: #00689f;
    font-weight: 400;
}

.widget_nav_menu .genesis-nav-menu a:hover, .widget_nav_menu .genesis-nav-menu .sub-menu a:hover {
    color: #ff8400;
}

.widget_nav_menu .genesis-nav-menu .current-menu-item > a {
    color: #00a8ff;
}

#menu-item-84 a {
    background: #00a8ff;
    color: white;
}

#menu-item-84 a:hover {
    background: #ff8400;
}

/* Navigation - Secondary Menu */


/* SIDEBAR */

.sidebar .widget-title {
    color: #00689f; 
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-top: 0;
}

.sidebar .widget {
    text-align: center;
}
 
.woobetter-plan-price a {
    color: white;
}

.sidebar .wb-checkout-options {
    min-height: inherit;
}
 
/* ----- HOME ----- */

.home .site-inner, .page-id-58 .site-inner { 
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.home .widget-wrap, .footer-widgets-1 .widget-wrap, .footer-widgets-2 .widget-wrap, .footer-widget-3 .widgets-wrap {
	padding-left: 20px;
    padding-right: 20px;
}

.home .content-sidebar-wrap, .page-id-58 .content-sidebar-wrap {
    max-width: 100%;
}

.home .entry, .page-id-58 .entry {
    padding: 0;
    margin-bottom: 0;
}

.woobetter-home-section {
    margin: 0;
    padding: 40px 0;
}

.woobetter-home-section .wb-title-big {
    text-align: center;
}

.wb-titled-paragraph .wb-titled {
    font-weight: 700;
    margin-bottom: 0;
}

.wb-titled-paragraph-icon {
    min-width: 64px;
    margin-right: 15px;
}

.wb-subtext.wb-white {
    font-size: .45em;
    font-style: italic;
}

.woobetter-home-section .wb-content-wrap {
    max-width: 1200px;
    padding: 0 20px;
    margin: auto;
    overflow: hidden;
}

#wb-wtf {
    text-align: center;
    height: 85vh;
    display: flex;
}

.woobetter-wtf {
    font-size: 1.8em;
    line-height: 1.2em;
    padding: 40px;
}

.woobetter-wtf img {
    padding-top: 7px;
}

#wb-you-got-it {
    padding-top: 0;
    display: block;
    overflow: hidden;
}

#wb-you-got-it .wb-titled-paragraph { 
    text-align: center;
    max-width: 600px;
    margin: auto;
}

#wb-you-got-it .wb-title-big {
    padding: 20px 0;
    font-size: 1.2em;
}

#wb-off-the-ground {
    height: 200px;
    background: url('images/wright-brothers-flying-fade@2x.jpg') top center no-repeat;
    background-size: cover;
    text-align: center; 
    color: #505050;
    font-size: 1.2em;
}

.woobetter-take-care-of {
    margin: auto; 
} 

.woobetter-take-care-of ul {
    margin: 0;
}

.woobetter-take-care-of ul li {
    list-style-type: none;
    text-align: center;
}

#wb-diy {
    padding-top: 0px;
    text-align: center;
}

#wb-diy ul {
    font-size: .9em;
}

.woobetter-onboarding-intro p {
    margin: 20px 0;
}

#diy-triangle {
    background: url(images/diy-triangle-bg@2x.jpg) top center no-repeat;
    background-size: contain;
    text-align: center;
    height: 150px;
    font-size: 1.4em;
    padding-top: 12px;
}

.woobetter-checkup {
    text-align: center;
    padding-top: 30px;
}

.woobetter-checkup ul {
    margin: -20px 0 0 0;
}

.woobetter-checkup ul li {
    margin-bottom: 0;
}

#wb-onboarding .wb-titled-paragraph { 
    margin-bottom: 30px;
}

.woobetter-onboarding-intro {
    font-size: 1.8em;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px; 
    line-height: 1.3em;
    width: 100%;
    padding: 0 40px;
}

.woobetter-onboarding-circle {
    background: #00a8ff url('images/woobetter-blue-sky-4.jpg') center center no-repeat;
    border-radius: 50%;
    border: 12px solid #00689f;
    width: 550px;
    height: 500px;
    position: relative;
    left: -115px;
    padding: 60px;
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.woobetter-onboarding-details {
    text-align: center;
    margin-top: 80px;
    color: #00689f;
    max-width: 600px;
    margin: 60px auto;
}

.woobetter-onboarding-details .woobetter-onboarding-details {
    padding-bottom: 20px;
}

.diy-if {
    font-size: .8em;
    line-height: 1em;
}

#wb-basics {
    padding-top: 60px;
    color: white;
}

.woo-better-plan-features {
    margin-bottom: 30px;
}

.woobetter-plan-price {
    font-size: 1.8em;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.1em; 
}

#woobetter-expert-support {
    padding: 40px 40px 10px;
    text-align: center; 
    max-width: 500px; 
    margin: 60px auto 0px;
    clear: both; 
} 

#woobetter-expert-support .wb-titled-paragraph-icon {
    padding-bottom: 20px;
}

#wb-basics .wb-plan-button {
    text-align: center;
}

.home #wb-basics button {
    width: inherit;
    margin: 30px auto 0;
}

#wb-basics .wb-titled-paragraph {
    display: block;
    padding-top: 25px;
    text-align: center;
    max-width: 510px;
    margin: auto;
}

.wb-titled-paragraph-icon {
    min-width: 64px;
    clear: both;
    margin: auto;
    text-align: center;
}

.wb-titled-paragraph .wb-titled {
    padding: 20px 0 10px;
}

#wb-onboarding .wb-titled-paragraph .wb-titled {
    padding: 0;
}

#wb-better .wb-titled-paragraph, #wb-beyond .wb-titled-paragraph {
    display: flex;
    justify-content: space-between;
}

#wb-better, #wb-beyond, #wb-critical-access {
    color: white;
}

#wb-critical-access .woobetter-onboarding-intro {
    margin-top: 0;
}

.wb-critical-intro, .wb-critical-access-icon {
    text-align: center;
    margin-bottom: 40px;
    font-size: 1.2em;
} 

.wb-critical-intro p {
    margin-bottom: 0; 
}

/* ----- INTERIOR PAGES ----- */

/* 404 */
.error404 .content {
    width: 100%;
}

.wb-sign-up-confirm {
    max-width: 450px; 
    margin: auto;
    padding: 25px;
    text-align: center;
    clear: both;
}

.wb-checkout-options {
    padding: 25px;
    text-align: center;
    min-height: 275px;
    margin-bottom: 20px; 
} 

#wb-mind-the-store {
    background: url('images/woobetter-drinks-on-beach-black-filter.jpg') center center no-repeat;  
    background-size: cover;
    min-height: 700px;
    padding: 250px 0 30px 0;
/*    display: flex;
    flex-direction: column;
    justify-content: flex-end;*/
}

#wb-mind-the-store .wb-content-wrap {
    color: white;
    margin: 0 auto;
    max-width: 1024px;
}

#wb-store {
    text-shadow: 0 0 2px #fff;
    font-size: 3em;
    line-height: 1em;
    padding-top: 30px;
    text-transform: uppercase;
}

#field_6_3 {
    display: none;
}

.page-id-58 .woobetter-onboarding-circle {
    padding-top: 115px;
}

.sidebar #woobetter-expert-support { 
    margin: 0 0 20px 0;
    color: white;
    padding: 30px;
}

.sidebar #woobetter-expert-support .wb-title-medium {
    font-size: 1.6em;
}

.su-spoiler-style-fancy {
    border-radius: 0 !important;
}

.su-spoiler-style-fancy > .su-spoiler-title {
    border-radius: 0 !important;
    background: #00a8ff !important;
    color: white !important; 
}

/* FOOTER */ 

.site-footer {
    background-color: #181818;
    color: #f1f1f1;
    font-size: .8em;
}

/*li.gchoice_6_17_1 {
    position: relative;
    top: -20px;
}*/

a.woo-urgent {
    color: #ea0000;
}

.site-footer .wrap {
    padding-bottom: 55px;
}


/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 30em) { /* 480px - phone landscape */
    /* ----- SITE-WIDE ----- */
    .hide-above-480 {
        display: none !important;
    }

    .show-at-480 {
        display: block;
    }


    /* CONTAINERS */


    /* HEADINGS */


    /* HEADER */


    /* FOOTER */

     
     
    /* ----- HOME ----- */
    .woobetter-onboarding-circle {
        margin: auto;
        left: 0;
    }

    /* ----- INTERIOR PAGES ----- */

}


@media only screen and (min-width: 40em) { /* 640px - phone landscape */
    /* ----- SITE-WIDE ----- */
    .hide-above-640 {
        display: none !important;
    }

    .show-at-640 {
        display: block;
    }

    /* CONTAINERS */


    /* HEADINGS */


    /* HEADER */


     
     
    /* ----- HOME ----- */

    #wb-off-the-ground {
        height: 250px;
    }

    .wb-titled-paragraph-icon {
        margin-right: 20px;
    }
     
    /* ----- INTERIOR PAGES ----- */


    /* FOOTER */

}



@media only screen and (min-width: 48em) { /* 768px - iPad portait */

    /* ----- SITE-WIDE ----- */
    .hide-above-768 {
        display: none !important;
    }

    .show-at-768 {
        display: block;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .button-outline {
        width: inherit;
    }

    .clc-gf-third {
        width: 33%;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
        clear: none !important;
        margin-bottom: 20px;
    }

    .clc-gf-third.first {
        padding-left: 0;
    }

    .clc_gf_center {
        text-align: center;
    }

    .wb-anchor {
        margin-top: 75px;
        padding-top: 75px;
    }

    /* CONTAINERS */

    .site-inner {
        margin-top: 54px;
    }

    .entry, .sidebar .widget {
        padding: 35px;
    }

    /* HEADINGS */

    .entry-title {
        margin-bottom: 35px;
    }

    /* HEADER */

    .genesis-nav-menu a {
        padding: 25px 16px;
    }
     
    /* ----- HOME ----- */

    .woobetter-wtf {
        font-size: 2.6em;
    }

    .woobetter-positioning {
        font-size: 1.2em;
        line-height: 1.4em;
    }

    .woobetter-take-care-of {
        font-size: 1.2em;
    }

    .woobetter-home-section {
        padding: 60px 0;
    }

    .woobetter-home-section .content-wrap {
        padding: 0 40px;
    }

    #wb-you-got-it .wb-title-big {
        padding: 35px 0;
        font-size: 2.2em;
    } 

    .wb-title-big {
        font-size: 2.6em;
    }

    .wb-title-medium {
        font-size: 2em;
    }

    .wb-title-small {
        font-size: 1.4em;
    }

    #wb-off-the-ground {
        height: 350px;
    }

    .woobetter-checkup {
        max-width: 500px;
        margin: auto;
    }

    #diy-triangle {
        height: 250px;
        font-size: 2.4em;
        padding-top: 16px;
        line-height: 1em;
        margin-bottom: 30px;
    }

    .woobetter-onboarding-circle {
        padding: 40px;
        width: 600px;
        height: 550px;
    }


    .home #wb-onboarding .wb-title-medium {
        font-size: 1.4em;
        padding: 30px 0;
    }

    .woobetter-onboarding-circle .wb-titled-paragraph {
        max-width: 600px;
        margin: auto;
    }

    .wb-plan-button {
        text-align: center; 
        clear: both;
        margin-bottom: 0;
    }

    #wb-critical-access .wb-titled-paragraph {
        max-width: 600px;
        margin: auto;
    }

    /* ----- INTERIOR PAGES ----- */


    /* FOOTER */

}


@media only screen and (min-width: 60em) { /* 960px - start desktop views */

    /* ----- SITE-WIDE ----- */
    .hide-above-960 {
        display: none !important;
    }

    .show-at-960 {
        display: block;
    }

    /* CONTAINERS */
    
    .entry, .sidebar .widget {
        padding: 40px;
    }

    .entry-title {
        margin-bottom: 40px;
    }
    /* HEADINGS */

    .genesis-nav-menu a {
        padding: 25px 24px;
    }

    /* HEADER */



     
    /* ----- HOME ----- */

    #wb-off-the-ground {
        height: 420px;
    }

    #wb-you-got-it .wb-titled-paragraph {
        text-align: left;
    }

    /* ----- INTERIOR PAGES ----- */


    /* FOOTER */



}


@media only screen and (min-width: 64em) { /* 1024px - iPad landscape */

    /* ----- SITE-WIDE ----- */
    .hide-above-1024 {
        display: none !important;
    }

    .show-at-1024 {
        display: block;
    }

   .wb-title-medium {
        font-size: 2em;
    }

    .wb-title-small {
        font-size: 1.4em;
    }

    /* CONTAINERS */

    .content-sidebar-wrap, .site-header .wrap, #genesis-nav-primary .wrap, .nav-secondary .wrap, .home .widget-wrap, .footer-widgets-1 .widget-wrap, .footer-widgets-2 .widget-wrap, .footer-widget-3 .widgets-wrap {
        max-width: 1000px;
    }

    .title-area {
        margin-left: 0px;    
    }

    .woobetter-onboarding-circle {
        background: #00a8ff url('images/woobetter-blue-sky-4.jpg') center center no-repeat;
        width: 800px;
        height: 750px;
    }

    .woobetter-onboarding-intro {
        margin: 30px auto 0;
        line-height: 1.1em;
        padding-top: 20px;
        max-width: 600px;
        font-size: 2em;
    }

    .page-id-58 .woobetter-onboarding-intro .wb-title-medium {
        line-height: 1em;
    }

    .page-id-58 .diy-solve {
        padding-top: 40px;
    }

    /* HEADINGS */


    /* HEADER */



     
    /* ----- HOME ----- */

    .woobetter-home-section .content-wrap {
        padding: 0;
    }

    .woobetter-wtf {
        font-size: 3em;
    }

    .woobetter-positioning {
        margin-top: 40px;
        font-size: 1.2em;
        line-height: 2em;
    }

    #wb-off-the-ground {
        height: 593px;
    }

    #wb-you-got-it .wb-title-big {
        padding: 35px 0;
    }

    /* ----- INTERIOR PAGES ----- */


    /* FOOTER */

 
}


@media only screen and (min-width: 75em) { /* 1200px */

    /* ----- SITE-WIDE ----- */
    .hide-above-1200 {
        display: none !important;
    }

    .show-at-1200 {
        display: block;
    }


    .woobetter-wtf {
        font-size: 3em;
    }

    /* CONTAINERS */

    .content-sidebar-wrap, .site-header .wrap, #genesis-nav-primary .wrap, .nav-secondary .wrap, .home .widget-wrap, .footer-widgets-1 .widget-wrap, .footer-widgets-2 .widget-wrap, .footer-widget-3 .widgets-wrap {
        max-width: 1140px;
    }

    /* HEADINGS */


    /* HEADER */


    /* FOOTER */

     
     
    /* ----- HOME ----- */


    #diy-triangle {
        height: 350px;
        font-size: 3.2em;
        line-height: 1.1em; 
        margin-bottom: 50px;
    }

    /* ----- INTERIOR PAGES ----- */

}


@media only screen and (min-width: 100em) { /* 1600px */

    #wb-off-the-ground {
        background-size: contain;
        background-position: center center;
    }

}