/*
 Theme Name:   My Big Money Goal
 Theme URI:    https://thinkmoney.com.au
 Description:  Twenty Nineteen Child Theme
 Author:       Pat Walsh & Melinda Huurdeman
 Template:     twentynineteen
 Version:      1.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twenty-nineteen-child
*/


/* ----------------------------------------------- */
/* -------------- TABLE OF CONTENTS -------------- */
/* _______________________________________________ */

/* 01 --- FONTS ---------------------------------- */


/* 02 --- LAYOUT STYLES AND CLASSES -------------- */
/* 02.1 - padding classes ------------------------ */
/* 02.2 - background classes --------------------- */
/* 02.3 - colour classes ------------------------- */


/* 03 --- PAGE LAYOUT ---------------------------- */
/* 03.1 - Header --------------------------------- */
/* 03.2 - Header - Menu -------------------------- */
/* 03.2 - Main Menu ------------------------------ */
/* 03.2 - Slideout Menu -------------------------- */
/* 03.3 - Main Content Area ---------------------- */
/* 03.4 - Aside/sidebar -------------------------- */
/* 03.5 - Buttons -------------------------------- */
/* 03.6 - Links ---------------------------------- */
/* 03.7 - Footer --------------------------------- */


/* 04 ---- PAGE SECTIONS (custom) ---------------- */
/* 04.1 -- Goals --------------------------------- */
/* 04.2 -- Add Goals ----------------------------- */
/* 04.3 -- Resources ----------------------------- */
/* 04.4 -- Weeks --------------------------------- */
/* ------- mini sprints -------------------------- */
/* ------- did you know -------------------------- */
/* ------- fact sheets --------------------------- */
/* ------- single weeks -------------------------- */
/* 04.5 -- RRRs ---------------------------------- */
/* 04.6 -- Habits -------------------------------- */
/* 04.7 -- Weekly Challenges --------------------- */
/* 04.8 -- Reflections --------------------------- */
/* 04.9 -- Quarterly Challenges ------------------ */
/* 04.10 - EoQRs --------------------------------- */
/* 04.11 - Recommended Reading ------------------- */


/* 05 --- PAGE TEMPLATES ------------------------- */
/* 05.1 - Archives ------------------------------- */
/* 05.2 - Membership Pages ----------------------- */
/* 05.3 - Onboarding Pages ----------------------- */
/* 05.31 - Money Mastery Pages ------------------- */
/* 05.4 - Dashboard Page ------------------------- */
/* 05.5 - Victories Page ------------------------- */
/* 05.6 - Christmas Countdown -------------------- */
/* 05.7 - Blog Pages ----------------------------- */


/* 06 --- FORMS ---------------------------------- */
/* 06.1 - Modal Forms ---------------------------- */
/* 06.2 - Checkin Form styles -------------------- */
/* 06.3 - PM Pro Forms --------------------------- */

/* 9  - 2019 THEME OVERRIDES --------------------- */
/* 10 - PRINT STYLES ----------------------------- */


/* STYLES FOR THE SALES PAGE/LP
 (these are to be moved to a seperate file to only be 
 loaded on the sales page as well as the scripts for 
 slick.js) */

/* _______________________________________________ */
/* ------------ END TABLE OF CONTENTS ------------ */
/* ----------------------------------------------- */



/* Overwrite parent theme nav opacity */
.site-header.featured-image .main-navigation a:hover + svg, .site-header.featured-image .main-navigation a:active + svg, .site-header.featured-image .main-navigation a + svg:hover, .site-header.featured-image .main-navigation a + svg:active, .site-header.featured-image .main-navigation a + svg:hover + svg, .site-header.featured-image .main-navigation a + svg:active + svg, .site-header.featured-image .social-navigation a:hover, .site-header.featured-image .social-navigation a:active, .site-header.featured-image .social-navigation a:hover + svg, .site-header.featured-image .social-navigation a:active + svg, .site-header.featured-image .site-title a:hover, .site-header.featured-image .site-title a:active, .site-header.featured-image .site-title a:hover + svg, .site-header.featured-image .site-title a:active + svg, .site-header.featured-image .site-featured-image a:hover, .site-header.featured-image .site-featured-image a:active, .site-header.featured-image .site-featured-image a:hover + svg, .site-header.featured-image .site-featured-image a:active + svg {
    opacity: 1;
}

/* 01 - FONTS */
/* body {
	font-family: agenda, sans-serif;
} */

body, .author-description .author-link, .comment-metadata, .comment-reply-link, .comments-title, .comment-author .fn, .discussion-meta-info, .entry-meta, .entry-footer, .main-navigation, .no-comments, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .page-links, .page-description, .pagination .nav-links, .sticky-post, .site-title, .site-info, #cancel-comment-reply-link, img:after, h1, h2, h3, h4, h5, h6, table, .button, button, input[type="button"], input[type="reset"], input[type="submit"], .main-navigation button, .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before, .comment-navigation .nav-previous, .comment-navigation .nav-next,   .comment-list .pingback .comment-body, .comment-list .trackback .comment-body, .comment-list .trackback .comment-body .comment-edit-link,   .comment-list .pingback .comment-body, .comment-list .trackback .comment-body,     .comment-list .pingback .comment-body .comment-edit-link, .comment-list .trackback .comment-body .comment-edit-link, .comment-form .comment-notes, .comment-form label, .entry .entry-content .wp-block-button .wp-block-button__link,   .entry .entry-content .wp-block-archives li, .entry .entry-content .wp-block-categories li, .entry .entry-content .wp-block-latest-posts li, .entry .entry-content .wp-block-categories ul > li > a::before, .entry .entry-content .has-drop-cap:not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite, .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text, .entry .entry-content .wp-block-cover-image .wp-block-cover-text, .entry .entry-content .wp-block-cover-image h2 .entry .entry-content .wp-block-cover .wp-block-cover-image-text, .entry .entry-content .wp-block-cover .wp-block-cover-text, .entry .entry-content .wp-block-cover h2, .entry .entry-content .wp-block-audio figcaption, .entry .entry-content .wp-block-video figcaption, .entry .entry-content .wp-block-image figcaption, .entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption, .entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption, .entry .entry-content .wp-block-file, .entry .entry-content .wp-block-file .wp-block-file__button, .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta, .wp-caption-text, .gallery-caption, button, input, select, optgroup, textarea {
    font-family: "Raleway", sans-serif;
	font-family: "Agenda", sans-serif;
}

h1, .h1 {
    font-family: "Raleway", sans-serif;
    font-size: 38px;
    font-weight: 900;
}

h2, .h2 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
}

h3, .h3 {
    font-size: 25px;
    text-transform: initial;
}

p, ul, ol, li {
    font-size: 18px;
}

p strong {
  font-size: 18px;  
}

@media screen and (min-width: 769px) {
    h1, .h1 {
        font-size: 48px;
    }
    h2, .h2 {
        font-size: 40px;
    }
    h3, .h3 {
        font-size: 28px;
    }
}

@media screen and (min-width: 900px) {
    h1, .h1 {
        font-size: 51px;
    }
}

/* END 01 - FONTS */



/* 02 - LAYOUT STYLES AND CLASSES */

/* 02.1 padding classes */
.pt-10 {padding-top: 10px;} .pt-20 {padding-top: 20px;} .pt-30 {padding-top: 30px;} .pt-40 {padding-top: 40px;} .pt-50 {padding-top: 50px;} .pt-60 {padding-top: 60px;} .pt-70 {padding-top: 70px;} .pt-80 {padding-top: 80px;}
.pb-10 {padding-bottom: 10px;} .pb-20 {padding-bottom: 20px;} .pb-30 {padding-bottom: 30px;} .pb-40 {padding-bottom: 40px;} .pb-50 {padding-bottom: 50px;} .pb-60 {padding-bottom: 60px;} .pb-70 {padding-bottom: 70px;} .pb-80 {padding-bottom: 80px;}

/* margin classes */
.mt-0 {margin-top: 0;}

/* text alignment classes */
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.capitalise {text-transform: capitalize;}

.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-right: 20px;
    padding-left: 20px;
}
.full-width .inner {
    max-width: 1200px;
    margin: auto;
}

.full-width-row {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-right: 20px;
    padding-left: 20px;
    max-width: none !important;
}
.full-width-row .wp-block-group__inner-container {
    max-width: 1200px;
    margin: auto;
}
.secondary-row {
    background-color: #2bbbb3;
    color: white;
}
.secondary-row a {
    color: #000;
}

.flex {display: flex;}

table td {
    border: none;
}

.feature-text {
    background: #eee;
    padding: 20px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

/* 02.2 background classes */
.grey-bg {
    background-color: #2BBBB3;
    background-color: #eee;
}
.peach-bg {
    background-color: #f9b6a6;
    background-color: #b9e9e6;
}
.wc-l-bg {
    background-image: url(/wp-content/themes/my-big-money-goal/img/watercolour-background-mirror.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: initial;
    background-position: right center;
}
.wc-r-bg {
    background-image: url(/wp-content/themes/my-big-money-goal/img/watercolour-background-mirror.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: initial;
    background-position: left center;
}

span.complete:before {
    display: inline-block;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 5px;
    color: #f58760;
}

/* 02.3 colour classes */
.secondary {color: #fff;}

.alpha-list {
    list-style-type: lower-alpha;
}

/* 02.4 other classes */
@media screen and (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}
.inline {
    display: inline;
}

/* END 02 - LAYOUT STYLES AND CLASSES */



/* 03 - PAGE LAYOUT */

/* 03.1 - Header */
main#main header.page-header {
    max-width: 1240px;
    padding: 20px 0;
    margin: 0 0 20px;
}

.site-header.featured-image:after {
    opacity: 0;
}
    
.site-header.featured-image {
    min-height: 70vh;
    overflow: visible;
    margin-bottom: 0;
}

.site-header.featured-image .site-featured-image .entry-header {
    margin: 0;
    padding-bottom: 60px;
    /*background: url(/wp-content/themes/my-big-money-goal/img/bg-paper-2.png) repeat-x bottom;*/
    margin-bottom: -1px;
}

.site-header.featured-image .site-featured-image .post-thumbnail img {
    min-width: 100%;
}

.site-header.featured-image .site-branding-container {
    margin-bottom: auto;
    position: relative;
    z-index: 10;
}

.site-branding {
    margin: 0 -10px;
}

header#masthead {
    padding: 0px 0;
    background-size: cover;
}

body:not(.page-my-2020-vision) header#masthead {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-header-blue.jpg) bottom center scroll;
}

body.page-christmas-resources header#masthead, body.page-countdown-to-christmas header#masthead {
	background: url(/wp-content/themes/my-big-money-goal/img/header-seasonal.jpg) bottom center scroll;
}

body.page-christmas-signup header#masthead {
	background: url(/wp-content/themes/my-big-money-goal/img/header-seasonal-fade.jpg) bottom center scroll;
}

.site-branding {
    z-index: 200;
}

.site-branding-container {
    /* background-color: #fff; */
    z-index: 200;
}


/* 03.2 - Header - Menu */
/* Main Menu */

.site-branding, #colophon .widget-area {
    padding: 10px 20px 0;
}
.main-navigation ul.main-menu li * {
    /* display: inline-block;
    padding: 10px 15px;
    border: 3px solid #222;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #222;
	background: rgba(255,255,255,.5); */
}
.main-navigation .main-menu {
    border: 3px solid #000;
    padding: 10px 18px;
    background-color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.site-branding .social-links-menu {
    border: 3px solid #000;
    padding: 5px 11px !important;
    background-color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.site-header.featured-image .social-navigation svg {
    filter: none !important;
}
.site-branding .social-links-menu a {
    color: #000 !important;
}
.main-logo {
    max-height: 70px;
    background-color: #fff;
}
.main-navigation ul.main-menu li a:hover {
	color: #2bbbb3;
	background: #fff;
}
a#home-link svg {
    background: #ffffff;
}

#masthead .main-navigation .main-menu > li > a {
    color: #000 !important;
    text-shadow: none;
}
.main-navigation .main-menu > li > a {
    margin-right: 16px;
}

ul#menu-main-menu li *, #masthead.featured-image .account-nav li a, #masthead.featured-image a.toggle-panel {
    color: #222;
    text-shadow: none;
    background: #fff;
    transition: all .3s ease;
}

@media screen and (max-width: 690px) {
    #menu-main-menu, .menu-all {
        display: none;
    }
}

a#home-link svg {
    transition: all .3s ease;
}

ul#menu-main-menu li a:hover, a.toggle-panel:hover, .account-nav a:hover, a#home-link:hover svg, .dash-resource-wrap a.btn:hover, .onboarding-page .navigation a:hover, .onboarding-page .go-button:hover, a.btn-lrg.add-habit:hover {
    box-shadow: 4px 4px 4px rgba(0,0,0,.2);
}

ul.account-nav {
    list-style: none;
    font-size: 16px;
    margin: 0;
    padding: 0;
    position: relative;
}
ul.account-nav > li {
    position: relative;
}
ul.account-nav > li > a {
    display: inline-block;
    border: 3px solid;
    padding: 11px 20px;
    font-size: 14px;
    color: #222;
    /* background: rgba(255,255,255,.5); */
    background: #fff;
    line-height: 1.25;
}

ul.account-nav > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    /* bottom: -25px; */
    left: 0;
    right: 0;
    display: none;
}
ul.account-nav > li > ul a {
    display: block;
    background: #fff;
    padding: 5px 10px;
    /* border-bottom: 1px solid #ccc; */
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
ul.account-nav > li:hover > ul {
    display: block;
}

nav#site-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
nav#site-navigation > * {
    margin: 0 10px;
}
nav#site-navigation ul.main-menu {
    margin-right: auto;
}

/* .main-navigation .main-menu, .account-nav {
    display: none;
} */

@media screen and (min-width: 920px) {
    /* .main-navigation ul.main-menu li * {
        padding: 10px 30px;
        font-size: 16px;
    } */

    ul.account-nav > li > a {
        padding: 11px 20px;
        font-size: 16px;
    }

    nav#site-navigation > * {
        margin: 0 15px;
    }
    nav#site-navigation {
        margin: 0 -15px 10px;
    }
}

/* Slideout Menu */
ul#menu-slideoutmenu, ul.nav-logout {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#menu-slideoutmenu li a, ul.nav-logout li a {
    color: #222;
    /* text-transform: uppercase; */
    font-size: 18px;
    font-weight: bold;
    padding: 5px 20px;
    display: block;
}
ul#menu-slideoutmenu li a:hover, ul.nav-logout li a:hover {
    text-decoration: underline;
}
div#slide-in-menu .toggle-panel {
    margin: 27px 0 10px 20px;
    font-size: 30px;
    display: inline-block;
    border: 3px solid;
    height: 42px;
    width: 42px;
    line-height: 30px;
    text-align: center;
}
#slide-in-menu {
	height: 0;
	overflow: hidden;
}
a.toggle-panel {
    border: 3px solid;
    padding: 2px 10px;
    height: 46px;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    background-color: #fff;
    display: flex;
    align-items: center;
}
.toggle-panel i {
    font-size: 22px;
}
.menu-all {
    margin-right: 10px;
}

ul.sub-menu {
    list-style: none;
    padding-left: 12px;
}

ul#menu-slideoutmenu 
 ul.sub-menu li a {
    font-weight: 400;
    font-size: 18px;
}


li#menu-item-1284, li#menu-item-228 {
    margin-bottom: 18px;
}

#slide-in-menu .menu-social-links-container {
    padding: 0 20px;
}

@media screen and (min-width: 780px) {
    div#slide-in-menu .toggle-panel {
        margin: 44px 0 10px 20px;
    }
}

@media screen and (min-width: 920px) {
    div#slide-in-menu .toggle-panel {
        margin: 40px 0 10px 20px;
    }
}

/* 03.3 - Main Content Area */
.wrap {
    max-width: 1240px;
    margin: 0 auto;
}

.site-content {
    overflow: visible;
}

.entry .entry-header {
    margin: 0;
}

#colophon .widget-area {
    padding: 0 20px;
}

#colophon .site-info {
    padding: 0;
}

.entry .entry-content > *, .entry .entry-summary > * {
    max-width: 100%;
}

.entry .entry-content, .entry .entry-summary {
    margin: 0;
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
	.site-branding, .entry .entry-header, .entry .entry-content, .entry .entry-summary, .entry .entry-footer, .post-navigation .nav-links, .comments-area, #colophon .widget-area, #colophon .site-info, .user-meta-temp {
		max-width: 1240px;
		margin: 0 auto 20px;
    }

    /* thin template for blog post */
    .single-post .entry-content, .single-post .post-navigation, .single-post .entry-footer {
        max-width: 1000px;
        margin: 0 auto;
    }
    .single-post .wrap.header-title {
        max-width: 1040px;
    }
    
    .entry .entry-content {
        padding: 0;
    }
}

h1:not(.site-title):before, h2:before, .entry .entry-title:before {
	display: none;
}

.wrap.header-title {
    padding: 0 20px;
}

.wrap.header-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.sprint h1.entry-title.kitty, .single-post h1.entry-title.kitty, .parent-pageid-4716 h1.entry-title.kitty {
    background: #2bbbb3;
    display: inline-block;
    margin: 0;
}

header.entry-header:not(.habit-header) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.featured-image + #content section#primary {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-header.jpg) top center scroll no-repeat;
}

body.sprint  a, body.sprint  a:visited {
    color: #19a8a8;
}

/* 03.4 - Aside/sidebar -------------------------- */
aside#week-aside h3 {
    text-align: left;
    font-size: 28px;
    background: lavender;
    margin-right: 40px;
    display: inline-block;
    padding: 10px 15px 9px;
    margin-bottom: 0;
    position: relative;
}

aside#week-aside h3:after {
    content: '';
    display: block;
    background: transparent;
    border: 26px solid lavender;
    width: 0;
    height: 0;
    position: absolute;
    right: -52px;
    top: 0;
    border-right-color: transparent;
    border-top-color: transparent;
}

aside#week-aside {
    z-index: 99;
    margin: 0 20px;
}

@media screen and (min-width: 768px) {
    aside#week-aside {
        margin: -65px 0 auto;
    }
}

@media screen and (min-width: 970px) {
    aside#week-aside {
        padding-right: 20px;
        margin-top: -140px!important;
    }
}

/* 03.5 - Buttons -------------------------- */
.button:visited, button:visited, input[type="button"]:visited, input[type="reset"]:visited, input[type="submit"]:visited {
    color: #222;
}

a.button, .button, button, input[type="button"], input[type="reset"], input[type="submit"], .pmpro_actionlinks a {
    display: inline-block;
    padding: 10px 30px;
    border: 3px solid #222;
    border-radius: 0;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #222;
    /* background: rgba(255,255,255,.5); */
    background: #fff;
    transition: all .3s ease;
}
a.button:hover, .button:not(.onboard-info):hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .entry .entry-content a.button:hover {
    color: #2bbbb3;
    background: #fff;
    box-shadow: 4px 4px 4px rgba(0,0,0,.2);
}

a.btn-sm {
    font-size: 14px;
    text-decoration: none!important;
    display: inline-block;
    color: #222;
    padding: 2px 10px;
    border: 1px solid;
}
.goal-list a.btn-sm {
	margin-left: 10px;
}

a.btn-lrg {
    padding: 5px 20px;
    font-weight: 700;
    border: 3px solid;
}

.entry .entry-content a.btn-lrg {
    text-decoration: none;
}

a.btn.btn-week-reflection {
    text-shadow: none;
    font-weight: bold;
    padding: 15px 20px;
    border: 3px solid;
}
.action-reflction a.btn.btn-week-reflection.btn-view {
    border: 0px;
    background: transparent;
    padding: 0;
    font-size: 18px;
}
.action-reflction a.btn.btn-week-reflection.btn-view i {
    margin-right: 5px;
    color: #2bbbb3;
}
.btn.btn-download {
    display: inline-block;
    margin: 10px auto;
    border: 3px solid;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    padding: 4px 20px;
}

.btn.btn-download:hover {
    box-shadow: 4px 4px 4px rgba(0,0,0,.2);
}

.sprint a.btn.btn-download {
    background: #2bbbb3;
    border-color: #2bbbb3;
    color: white;
}
.rrr a.btn.btn-download {
    background: #E56893;
    border-color: #E56893;
    color: white;
}
.end_of_quarter a.btn.btn-download {
    background: #fcb913;
    border-color: #fcb913;
    color: white;
}

.button.btn-secondary {
    border-color: #fff;
    background-color: transparent;
    color: #fff;
}

.button.btn-secondary:hover {
    border-color: #fff;
    background-color: #fff;
    color: #000;
    box-shadow: 4px 4px 4px rgba(0,0,0,.2);
}

.btn {
    text-shadow: none;
    font-weight: bold;
    padding: 6px 20px;
    border: 3px solid #000;
    color: #000;
    background: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

/* 03.6 - Links */
a.inoffensive {
    font-style: italic;
    font-size: 18px;
    color: #888;
}

a {
    color: #2bbbb3;
    transition: all .3s ease;
}
a:visited {
	color: #77d6d6;
}
a:hover {
	color: #19a8a8;
}

a#home-link svg {
    height: 60px;
}

@media screen and (min-width: 769px) {
    a#home-link svg {
        height: 95px;
    }
}

/* 03.7 - Footer --------------------------  */
footer#colophon {
    background-size: cover;
    min-height: 300px;
    margin-top: 50px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
    background-repeat: no-repeat !important;
}
footer#colophon a, footer .complete {
    color: #767676;
}
footer#colophon a:hover, #colophon .site-info a:hover {
    color: #111;
}
body footer#colophon  {
    background: url(/wp-content/themes/my-big-money-goal/img/bg-footer-blue.jpg) bottom center no-repeat;
}
body.page-christmas-resources footer#colophon, body.page-countdown-to-christmas footer#colophon, body.seasonal footer#colophon, body.page-christmas-signup footer#colophon {
    background: url(/wp-content/themes/my-big-money-goal/img/footer-seasonal.jpg) bottom center no-repeat;
}



/* .footer-navigation ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
} */
.footer-navigation ul li {
    display: inline-block;
    text-transform: uppercase;
    padding: 10px;
}

.footer-inner {
    text-align: center;
    flex-basis: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Support form and free download form */
.support-form, .styled-hubspot-form {
    text-align: left;
    max-width: 800px;
    font-size: 18px;
    margin: 20px auto 60px;
}

.support-form textarea, .styled-hubspot-form textarea {
    width: 100% !important;
}

.support-form .actions, .support-form h3, .styled-hubspot-form h3, .styled-hubspot-form .actions {
    text-align: center;
}

.support-form h3 {
    margin-bottom: 0;
}

.support-form fieldset, .styled-hubspot-form fieldset {
    margin-bottom: 10px !important;
}

.support-form input, .styled-hubspot-form input {
    padding: 5px 10px;
    height: 40px;
    font-family: "Agenda", sans-serif !important;
    font-size: 18px !important;
}

.styled-hubspot-form input[type="checkbox"] {
    height: auto;
}

.hs_kudos, .hs_feedback, .hs_support_request {
    margin-top: 10px !important;
}

.styled-hubspot-form ul.inputs-list {
    list-style-type: none;
    padding-left: 0px;
}

.styled-hubspot-form {
    max-width: 900px !important;
    margin: 80px auto 0 !important;
}
.styled-hubspot-form .submitted-message, .styled-hubspot-form .submitted-message p {
    font-size: 30px !important;
    text-align: center;
    font-weight: bold;
}

.advice-warning {
    line-height: 1;
    font-size: 13px;
}

/* END 03 - PAGE LAYOUT  */



/* 04 - PAGE SECTIONS (custom) */

.launching-soon-cta {
    padding: 60px 40px;
    text-align: center;
    color: #fff;
    box-shadow: 7px 7px 3px rgba(0,0,0,.1);
    background-color: #b9e9e6;
    margin-top: 70px !important;
}
.launching-soon-cta .mbmg-launching-soon {
    margin-top: 20px;
    max-width: 300px;
}

/* 04.1 - Goals */
/* TEMP for TESTING */
.goal-list {
	display: flex;
	justify-content: space-between
}
.goal-list > * {
	margin: 0 10px;
}

body.goals header#masthead {
    background: url(/wp-content/themes/my-big-money-goal/img/bg-header-purple.jpg) bottom center scroll;
}

body.goals footer#colophon {
    background: url(/wp-content/themes/my-big-money-goal/img/bg-footer-purple.jpg) bottom center scroll;
}

body.goals a, body.goals .entry .entry-content a.button:hover {
    color: #6C54AB;
}

/* 04.2 - Add Goals */
ul.add-goal-cats {
    display: flex;
    margin: 10px 0;
    padding: 0;
    list-style: none;
}

ul.add-goal-cats li {
    position: relative;
}

ul.add-goal-cats li input {
    opacity: 0;
    position: absolute;
}

ul.add-goal-cats {
    font-size: 16px;
    text-align: center;
}

ul.add-goal-cats li {
    flex: 1 1 16.66666%;
}

ul.add-goal-cats li i {
    display: block;
    font-size: 31px;
}

section.form-group.mbmg_details ul.add-goal-cats label {
    background: #fff;
    display: block;
    padding: 10px 2px;
    margin: 4px;
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    color: #6c54ab;
    border: 3px solid;
}

ul.add-goal-cats input[type=checkbox]:checked ~ label {
	background: #6c54ab;
	border-color: white;
	color: white;
}
/* 04.3 - Resources */
span.resource-type {
    position: absolute;
    left: -5px;
    background: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    top: 25px;
    padding: 0 10px;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}

span.resource-type:after {
    content: '';
    border-color: #ddd;
    width: 0;
    height: 0;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-width: 10px;
    border-top-width: 10px;
    border-left-width: 10px;
    border-bottom-width: 10px;
    border-style: solid;
    display: block;
    position: absolute;
    left: 0;
}

section.week-resources h4 {
    margin: 0;
    text-align: left;
}

.resource-item {
    flex: 0 1 33.333333333%;
    padding: 15px;
    position: relative;
    text-align: center;
}

.loop-item.resource {
    background-color: #62a7cf;
}
.page-christmas-resources .loop-item.resource {
    background-color: #d51a39;
}

.post-type-archive-resources h1, .post-type-archive-resources a, .post-type-archive-books a, .post-type-archive-books h1 {
    color: #62a7cf;
}

.page-christmas-resources h1, .page-christmas-resources a {
    color: #d51a39;
}

/* 04.4 - Weeks */

section.week-resources {
    background: lavender;
    flex-direction: column;
    padding: 20px;
}

section.week-resources {
    flex-wrap: wrap;
    /* margin: 0 -15px; */
}

aside#week-aside h3 {
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}

span.week-num-head {
    color: #2bbbb3;
    display: inline-block;
    border: 3px solid;
    padding: 0px 10px 13px;
    font-size: 50px;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
	background: #fff;
	text-shadow: none;
}

span.week-num-head-label {
    display: block;
    font-size: 22px;
    font-weight: bold;
}

.did-you-know, .fact-sheet-row, .grey-bg-row {
    background: #eee;
    padding: 20px;
}

.onboarding-mbmg-row {
    background: #6C54AB;
    color: #fff;
    padding: 20px;
    margin-bottom: 40px;
}

.onboarding-mbmg-row h4 {
    margin: 0;
    line-height: 1.6;
}

.did-you-know .wp-block-column, .fact-sheet-row .wp-block-column {
    flex-basis: 100%;
}

.wp-block-columns.has-1-columns.mini-sprint h2::before, .wp-block-columns.has-1-columns.did-you-know h3::before, .wp-block-group.mini-sprint h2::before  {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2f2";
    background: transparent;
}

.fb-share:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    content: "\f39e";
    color: #218c86;
    margin-right: 5px;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}

.fb-share {
    font-family: 'Caveat', cursive;
    font-size: 24px;
}

/* mini sprints */
.wp-block-columns.has-1-columns.mini-sprint h2::before, .wp-block-group.mini-sprint h2::before {
    content: "\f2f2";
    margin: 0 5px 0 0;
}

.sprint a.btn.btn-week-reflection {
    background: #2bbbb3;
    color: #fff !important;
}

/* did you know  */
.wp-block-columns.has-1-columns.did-you-know h3::before  {
    content: "\f128";
    margin: 0 10px 0 0;
}


/* fact sheets */

/* end of quarter */
.end_of_quarter a.btn.btn-week-reflection {
    background: #fcb913;
    color: #fff !important;
}


/* single weeks */
.resource-book.resource-item {
    text-align: left;
}


/* end single weeks */

/* end 04.4 - Weeks */

/* 04.5 - RRRs */
.post-type-archive-rrr h1, .single-rrr h1, .post-type-archive-rrr a, .single-rrr a, .single-rrr .entry .entry-content a.button:hover, body.add-rrr a, body.add-rrr input#submit_rrr:hover {
    color: #E56893;
}

.loop-item.rrr {
    background-color: #F2BBCA;
}

.loop-item.rrr:nth-child(1) {
    background-color: #E56893;
}

.post-type-archive-rrr header#masthead, .single-rrr header#masthead, body.add-rrr header#masthead {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-header-pink.jpg) bottom center scroll;
}
.post-type-archive-rrr footer#colophon, .single-rrr footer#colophon, body.add-rrr footer#colophon {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-footer-pink.jpg) bottom center scroll;
}

.rrr a.btn.btn-week-reflection {
    background: #E56893;
    color: #fff !important;
    margin-left: 13px;
}

a.btn.btn-week-reflection:not(.btn-view):hover {
    box-shadow: 4px 4px 4px rgba(0,0,0,.2);
}

/* single rrr */
.rrr_goals {
    margin-top: 0 !important;
}

.reflection-week-deets {
    flex-basis: 35%;
}

#add-ref-form {
    flex-basis: 65%;
}

#add-rrr-content {
    display: flex;
    flex-direction: column-reverse;
}

@media screen and (min-width: 600px) {
    #add-rrr-content {
        flex-direction: row;
        margin: 20px -20px 0;
    }
    .reflection-week-deets, div#add-ref-form {
        margin: 0 20px;
    }
}

/* 04.6 - Habits */
.post-type-archive-habits .loop-item {
    text-align: left;
}

.post-type-archive-habits header.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.habit-block {
    background-color: #f58760;
    color: #fff;
    padding: 20px;
}

a.btn-lrg.add-habit:hover {
    background-color: #f58760;
    border-color: #f58760;
    color: #fff;
}

.post-type-archive-habits h1, .single-habits h1, .post-type-archive-habits a, .single-habits a, .single-habits .entry .entry-content a.button:hover {
    color: #f58760;
}

.single-habits h1 {
    display: inline-block;
}

.edit-habit:hover {
    cursor: pointer;
}

.edit-habit {
    display: inline-block;
    margin-left: 10px;
}

.loop-item.habits h3 {
    margin: 0 0 5px;
}

.habit-info p {
    margin: 0;
}

.loop-item.habits .habit-info {
    align-items: center;
    flex-wrap: wrap;
}

.loop-item.habits:not(:last-child) .habit-info {
    border-bottom: 1px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.habit-frequency {
    text-transform: capitalize;
}

#edit_habit_form_on_page {
    display: none;
    background-color: #eee;
    padding: 20px;
    width: auto;
}


.post-type-archive-habits header#masthead, .single-habits header#masthead {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-header-orange.jpg) bottom center scroll;
}
.post-type-archive-habits footer#colophon, .single-habits footer#colophon {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-footer-orange.jpg) bottom center scroll;
}



.post-type-archive-resources header#masthead, .post-type-archive-books header#masthead {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-header-blue-dark.jpg) bottom center scroll;
}
.post-type-archive-resources footer#colophon, .post-type-archive-books footer#colophon {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-footer-blue-dark.jpg) bottom center scroll;
}

.daily-tracker .days, .daily-tracker .days-of-week {
    max-width: 600px !important;
    display: flex;
    flex-wrap: wrap;
}
.daily .checkbox-container {
    flex-basis: calc(14% - 2px);
}
.weekly .checkbox-container {
    flex-basis: calc(25% - 2px);
}
.dow {
    flex-basis: 14%;
    text-align: center;
}

.h-progress {
    display: flex;
    flex-wrap: wrap;
}

.h-complete {
    width: 70px;
    height: 70px;
    margin-bottom: 30px;
    margin-right: 15px;
    border: 3px solid #f58760;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}

.h-number {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 9px;
}
.h-unit {
    font-size: 14px;
    width: 100%;
    line-height: 1;
    text-align: center;
    background-color: #f58760;
    padding: 5px 0 3px;
    text-transform: uppercase;
    color: #fff;
}

@media screen and (min-width: 620px) {
    .habit {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .daily-tracker {
        flex-basis: 60%;
    }
    .habit-details {
        flex-basis: 38%;
    }    
}

@media screen and (min-width: 768px) {
    .daily-tracker {
        flex-basis: 50%;
    }
    .habit-details {
        flex-basis: 40%;
    }   
    
    div#weeks-container {
        display: flex;
    }
    
    #weeks-container main#main {
        flex: 1 0 68%;
    }
}

/* checkboxes */

label.checkbox-container {
    display: block;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* margin-bottom: 2px; */
    margin: 1px;
    padding: 10px 0;
}
label.checkbox-container.todays-date {
    border: 2px solid #000;
    padding: 2px 0;
}
.checkbox-container input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark, .checkbox-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all .3s ease;
}
.checkmark {
    background-color: #eee;
    z-index: -1;
}
.checkbox-bg {
    background-color: #ccc;
    z-index: -2;
}

.checkbox-container input:checked ~ .checkmark {
    background-color: #f58760;
}
.checkbox-container:hover input ~ .checkmark {
    background-color: #ffcab8;
}

label.checkbox-container span {
    display: block;
}

@media screen and (min-width: 769px) {
    label.checkbox-container {
        padding: 5px 0;
    }
}

/* Modal */
.modal {
    padding: 10px 25px 25px !important;
    max-width: 100%;
    width: 100%;
}

#add_habit_form_on_page {
    margin-top: 80px;
}

.add-habit {
    float: right;
    /* animation: glow-pulse 2s infinite; */
}

/*  @keyframes glow-pulse {
    0%   { 
              box-shadow: 0 0 0 rgba(245, 135, 96, 0.7);;
           }
    50% { 
        box-shadow: 0 0 15px rgba(245, 135, 96, 0.7);;
          }
    100% {
        box-shadow: 0 0 0 rgba(245, 135, 96, 0.7);;
    }
  } */

#add-habit-modal section.form-group > div {
    background: #fcdbcf;
}
#add-habit-modal section.form-group:not(.special) div label {
    background: #f58760;
}

#add-habit-modal input:not([type="submit"]), #add-habit-modal textarea, #add-habit-modal select {
    display: block;
    margin-top: 20px;
    width: 100%;
}

#add-habit-modal h3 {
    margin-top: 0;
    line-height: 1;
}

#add-habit-modal input[type="submit"]:hover, #add-habit-modal button.close:hover {
    color: #f58760;
}

/* 04.7 - Weekly Challenges */

/* 04.8 - Reflections */
.post-type-archive-reflections h1, .single-reflections h1, .post-type-archive-reflections a, .single-reflections a, .single-reflections .entry .entry-content a.button:hover {
    color: #2BBBB3;
}

.loop-item.reflections {
    background-color: #9ADEDB;
}

.loop-item.reflections:nth-child(1) {
    background-color: #2BBBB3;
}

.post-type-archive-reflections header#masthead, .single-reflections header#masthead {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-header-blue.jpg) bottom center scroll;
}
.post-type-archive-reflections footer#colophon, .single-reflections footer#colophon {
    background: url(/wp-content/themes/my-big-money-goal/img/bg-footer-blue.jpg) bottom center scroll no-repeat;
}

.single-reflections .reflection-rate-this-week {
    padding: 0;
}
.self-rating i {
    margin-right: 5px;
}
.reflection_reflection {
    margin-top: 0 !important;
}

.reflection-radio-rate-this-week label i {
    transition: all .3s ease;
}

.reflection-radio-rate-this-week input[type="radio"]:checked + label {
    font-weight: bold;
}

.reflection-radio-rate-this-week input[type="radio"]:checked + label i {
    transform: scale(1.25);
    text-shadow: 0px 0px 2px rgba(17, 17, 17, 0.1);
}

/* 04.9 - Quarterly Challenges */
.post-type-archive-qchallenges h1, .single-qchallenges h1, .post-type-archive-qchallenges a, .single-qchallenges a, .single-qchallenges .entry .entry-content a.button:hover {
    color: #fcb913;
}

.loop-item.qchallenges {
    background-color: #ffd672;
}

.loop-item.qchallenges:nth-child(1) {
    background-color: #fcb913;
}

.post-type-archive-qchallenges header#masthead, .single-qchallenges header#masthead {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-header-yellow.jpg) bottom center scroll;
}
.post-type-archive-qchallenges footer#colophon, .single-qchallenges footer#colophon {
	background: url(/wp-content/themes/my-big-money-goal/img/bg-footer-yellow.jpg) bottom center scroll;
}

.loop-item.qchallenges h3 {
    margin-top: 0;
}



/* 04.10 - EoQRs */


/* 04.11 - Recommended Reading */

article.loop-item.book h3 {
    margin-bottom: 0;
}
.book-author {
    margin: 0;
}
.book-week {
    margin-top: 0;
}

.loop-item.book {
    text-align: left;
}




/* END 04 - PAGE SECTIONS (custom) */



/* 05 - PAGE TEMPLATES */

/* 05.1 - Archives */
section.weeks-archive.wrap, .archive-wrap.wrap {
    display: flex;
    flex-wrap: wrap;
}
section.weeks-archive.wrap > *, .archive-wrap.wrap > * {
    flex: 0 1 100%;
    margin: 0 0% 30px;
    padding: 40px 20px;
}
@media screen and (min-width: 590px) {
    section.weeks-archive.wrap > *, .archive-wrap.wrap > * {
        flex: 0 1 48%;
        margin: 0 1% 30px;
    }
    section.weeks-archive.wrap, .archive-wrap.wrap {
        margin-left: -1%;
        margin-right: -1%;
    }
}
@media screen and (min-width: 768px) {
    section.weeks-archive.wrap > *, .archive-wrap.wrap > * {
        flex: 0 1 31%;
    }
}
/*customised resources archive latout */
.post-type-archive-resources .archive-wrap.wrap > *, .page-christmas-resources .archive-wrap.wrap > * {
    padding: 0 0 20px;
}

section.weeks-archive.wrap img, .archive-wrap.wrap img {
    max-width: 100%;
}
section.week-resources {
    display: flex;
}

.loop-item {
    text-align: center;
    font-weight: 500;
}

body:not(.post-type-archive-resources) .loop-item h2 {
    margin: 0;
}

.post-type-archive-resources .loop-item h2 {
    margin-top: 0;
    padding: 0 10px;
}

.post-type-archive-resources .loop-item p {
    padding: 0 10px;
}

.loop-item.secondary, .loop-item.secondary a {
    color: #fff;
}

.loop-item.resource {
    position: relative;
}

.loop-item.resource span.resource-type {
    left: -20px;
    z-index: 99;
    color: #111;
}


/* 05.2 - Membership Pages */
.pmpro-account table td, .pmpro-account table th,
.pmpro-invoice table td, .pmpro-invoice table th,
.pmpro-body-has-access table th, .pmpro-body-has-access table td {
    border: none;
    text-align: left;
    padding: 0;
}
#pmpro_account .pmpro_box {
    border: none;
    margin: 0;
}
#pmpro_account .pmpro_box ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

div#pmpro_account {
    margin: 0;
}

#pmpro_account .pmpro_box p {
    margin-top: 0;
    margin-bottom: 20px;
}

/* temporarily hide the code on the membership checkout pages */
.pmpro_level_discount_applied {
    display: none;
}
a#other_discount_code_a {
    display: none;
}

/* .pmpro-body-has-access .wrap.header-title {
    padding: 0;
} */

/* Membership levels */
section.wrap.level-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
section.wrap.level-wrap > div {
    flex-basis: 30%;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #f2f2f2;
    border-radius: 15px;
}

/*hide discount on sign up page*/
.page-id-218 .pmpro_checkout-field.pmpro_payment-discount-code {
    display: none;
}

/* 05.3 Onboarding */

.onboarding-head {
    margin-bottom: 20px;
}

.onboarding-head span {
    color: #59b35f;
    border: 3px solid;
    padding: 8px 20px 10px;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    background: #fff;
    text-shadow: none;
}

.onboarding-page h1.entry-title.kitty {
    display: inline-block;
    padding: 10px 20px;
    margin: 0;
    background-color: #59b35f;
}

.onboarding-page .site-header.featured-image {
    min-height: 60vh;
}

body.onboarding-page footer#colophon {
    background: url(/wp-content/themes/my-big-money-goal/img/bg-footer-green-2.jpg) bottom center scroll;
}

.onboarding-page ul#menu-main-menu.main-menu-onboarding {
    opacity: .3;
}

aside#menu-aside h3 {
    text-transform: uppercase;
    margin: 0;
}

aside#menu-aside {
    z-index: 99;
    margin: 0 20px;
}

.onboarding-go {
    text-align: center;
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    aside#menu-aside {
        margin-top: 20px;
    }
}

.onboarding-nav {
    padding: 20px;
    box-shadow: 7px 7px 3px rgba(0,0,0,.1);
    background: #d5ecd7;
}

#crumbs {
    font-size: 16px;
    padding-top: 32px;
}

#crumbs a, .onboarding-page a {
    color: #59b35f;
}

.onboarding-nav i {
    margin-right: 5px;
}
.onboarding-nav ul {
    margin-bottom: 0;
    padding-left: 25px;
}
.onboarding-nav h4 {
    margin: 0;
}

.onboarding-nav div > ul {
    list-style-type: none;
    padding-left: 0;
}

.onboarding-nav div {
    padding: 20px;
    background: #59b35f;
    color: #fff;
    margin: 20px 0;
}
.onboarding-nav div:nth-child(1) {
    margin-top: 0;
}
.onboarding-nav div a {
    color: #fff;
}
.onboarding-nav .go {
    margin: 0;
}

.onboarding-nav a.active {
    background-color: #fff;
    color: #59b35f;
    padding: 5px 10px;
    font-weight: bold;
    box-shadow: 7px 7px 10px rgba(0,0,0,.1);
}

#crumbs a:hover, .onboarding-nav a:hover {
    text-decoration: underline;
}
.step {
    /* background: #d5ecd7; */
    background: #eee;
}
.step h3 {
    background: #59b35f;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 20px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
}
.step h3 a {
    color: #fff;
    text-decoration: none !important;
}
.step h3 a:hover {
    text-decoration: underline !important;
}
.step i {
    margin-right: 10px;
}

.step .inner {
    padding: 20px;
}
.onboarding-page .navigation .previous {
    float: left;
}
.onboarding-page .navigation .Next {
    float: right;
}

.onboarding-page .navigation {
    margin-top: 60px !important;
}

.onboarding-page .navigation a {
 text-decoration: none;
 color: #000;
 text-shadow: none;
 font-weight: bold;
 padding: 6px 20px;
 border: 3px solid #000;
 background: #fff;
 font-size: 18px;
 text-transform: uppercase;
}

/* onboarding accordion */
section.debt-reduction-accordion {
    background-color: #eee;
    padding: 20px;
}

a.rm-heading {
    color: #111;
    text-decoration: none !important;
}

.debt-reduction-accordion .feature-text {
    background-color: #59b35f;
    color: #fff;
}

.acc-row:not(:last-child) {
    border-bottom: 1px solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* Onboarding checklist */
#user_onboarding {
    padding: 20px;
    background-color: #eee;
    box-shadow: 7px 7px 3px rgba(0,0,0,.1);
}

#user_onboarding h2 {
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid;
}

#user_onboarding label {
    display: block;
}

.onboarding-page .go-button {
    background: #59b35f;
    color: #fff;
    border: none;
    padding: 15px 40px;
    font-size: 28px;
}

/* li.menu-go-button {
    margin-top: 10px;
}

.menu-go-button a {
    background: transparent;
    color: #fff;
    border: 4px solid #fff;
    padding: 5px 25px;
    font-size: 25px;
} */

/* Customize the label (the container) */
.onboarding-page .container, .single-weeks .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
  /* Hide the browser's default checkbox */
.onboarding-page .container input, .single-weeks .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
  
  /* Create a custom checkbox */
.onboarding-page .custom-checkmark, .single-weeks .custom-checkmark {
    position: absolute;
    top: 7px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
}
  
  /* On mouse-over, add a grey background color */
.onboarding-page .container:hover input ~ .custom-checkmark, .single-weeks .container:hover input ~ .custom-checkmark {
    background-color: #ccc;
}
  
  /* When the checkbox is checked, add a blue background */
.onboarding-page .container input:checked ~ .custom-checkmark, .single-weeks .container input:checked ~ .custom-checkmark {
    background-color: #fff;
}
  
  /* Create the checkmark/indicator (hidden when not checked) */
.onboarding-page .custom-checkmark:after, .single-weeks .custom-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
  /* Show the checkmark when checked */
.onboarding-page .container input:checked ~ .custom-checkmark:after, .single-weeks .container input:checked ~ .custom-checkmark:after {
    display: block;
}
  
  /* Style the checkmark/indicator */
.onboarding-page .container .custom-checkmark:after, .single-weeks .container .custom-checkmark:after {
    left: 10px;
    bottom: 5px;
    width: 11px;
    height: 23px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul#weekly-checklist {
    list-style-type: none;
    padding-left: 0;
}

/* onboarding progress bar */
.progress-bar-onboarding .p-marker {
    border: 3px solid #59b35f;
    position: absolute;
}

/* .onboarding-pi-wrap {
    margin: 0 15px -15px;
} */

.p-marker.ready-marker {
    left: calc(44% - 15px);
}
.label-ready {
flex-basis: calc(44% - 30px);
}
.p-marker.set-marker {
    left: calc(77% - 15px);
}
.label-set {
    flex-basis: calc(77% - 15px);
}
.p-marker.go-marker {
    right: 5px;
}

.onboarding-progress {
    margin-top: 30px;
}
.pi-label-left {
    margin-left: -50px;
}

/* .progress-bar-onboarding .progress-back {
    left: 15px;
    right: 15px;
} */


@media screen and (min-width: 768px) {
    aside#menu-aside {
        margin: 20px 0 auto;
    }
}

@media screen and (min-width: 970px) {
    aside#menu-aside {
        padding-right: 20px;
        margin-top: -140px!important;
    }
    section.dashboard-intro {
        flex-direction: row;
    }
}

/* 05.31 Money Mastery Pages */
body.page-template-money-mastery-template footer#colophon {
    background: url(/wp-content/themes/my-big-money-goal/img/bg-footer-purple.jpg) bottom center no-repeat;
}

.page-template-money-mastery-template .onboarding-nav {
    background: #EAE8F3;
}
.page-template-money-mastery-template .onboarding-nav div {
    background: #754d9b;
    margin: 0;
}

.page-template-money-mastery-template .onboarding-nav div > ul {
    margin: 0;
}

/* 05.4 - Dashboard Page  */
.dash-resource-wrap {
    display: flex;
    flex-wrap: wrap;
}

.dash-resource-wrap a.btn {
    color: #000;
}

.dash-resource-wrap .resource-item {
    flex-basis: 25%;
    padding: 10px;
}

.resource-item a {
    font-size: 14px;
}
/* END 05.4 - Dashboard Page */

/* 05.5 - Victories Page */
.weekly-awards {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

.weekly-awards i {
    color: #dedede;
    font-size: 65px;
}

.weekly-awards .week-complete i {
    opacity: 1;
    text-shadow: 2px 2px 3px rgba(0,0,0,.2);

}
.weekly-awards .week-complete .fas.fa-award {
    color: #2BBBB3;
}
.weekly-awards .week-complete.rrr .fas.fa-award {
    color: #E56893;
}
.weekly-awards .week-complete .fas.fa-trophy, .weekly-awards .week-complete.end_of_quarter .fas.fa-award {
    color: #fcb913;
}

.award {
    text-align: center;
}

.weekly-awards h2 {
    flex-basis: 100%;
}

.weekly-awards > div {
    /* flex-basis: 7.6%; */
    flex-basis: calc(25% - 10px);
    padding: 20px 10px;
    margin: 5px !important;
    background-color: #eee;
    position: relative;
}

.weekly-awards span.number {
    position: absolute;
    top: 29px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    right: calc(50% - 14px);
    font-size: 22px;
    font-weight: bold;
    border-radius: 30px;
    pointer-events: none;
    background-color: #dedede;
    color: #eee;
}
.weekly-awards .week-complete span.number {
    color: #fff;

}

.weekly-awards .week-complete.sprint span.number {
    background-color: #2BBBB3;
}
.weekly-awards .week-complete.rrr span.number {
    background-color: #E56893;
}
.weekly-awards .week-complete.end_of_quarter span.number {
    background-color: #fcb913;
}

.weekly-awards > div p {
    font-size: 14px;
    margin: 0;
}

.weekly-awards > div.award a {
    color: #111;
    text-decoration: none;
}
.weekly-awards > div.award a:hover {
    color: #2bbbb3;
    text-decoration: underline;
}


.bonus-victories {
    display: flex;
    flex-wrap: wrap;
}
.bonus-victories p {
    margin: 0;
}
.bonus-victories > div {
    flex-basis: 100%;
    color: #fff;
    margin: 5px !important;
    padding: 20px;
    text-align: center;
}
.bonus-victories > div a {
    color: #fff;
}

.bonus-victories > div .v-top {
    font-size: 50px;
    line-height: 1;
    margin: 0;
}

.bonus-victories .v-mood i {
    color: #ffffff;
    display: block;
    font-size: 50px;
    line-height: 1;
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,.2);
}

.bonus-victories .v-mood {
    background-color: #76c149;
}
.bonus-victories .v-streak {
    background-color: #f58760;
}
.bonus-victories .v-goals {
    background-color: #6C54AB;
}
/* .bonus-victories .v-books {
    background-color: #62a7cf;
} */


@media screen and (min-width: 600px) {
    .bonus-victories > div {
        flex-basis: calc(33% - 10px);
    }
}
@media screen and (min-width: 769px) {
    .weekly-awards > div {
        flex-basis: calc(14.2% - 10px);
    }
}

/* END 05.5 - Victories Page */

/* 05.6 - Christmas Countdown */

.page-christmas-signup h1 {
    text-align: center;
}

/* END 05.6 - Christmas Countdown */

/* 05.7 - Blog Pages */

footer.entry-footer .byline, footer.entry-footer .cat-links, footer.footer-entry .edit-link {
    display: none;
}

.blog h1 {
    margin: 0;
}

.blog-post-loop {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.single-post .post-navigation {
    margin-top: 20px;
}

.blog-post-loop .post {
    width: calc(100% - 20px);
    padding: 10px;
}

.footer-ctas {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .footer-ctas {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .blog-post-loop .post {
        width: calc(50% - 20px);
    }
}

@media screen and (min-width:1020px) {
    .blog-post-loop .post {
        width: calc(33% - 20px);
    }
}

.blog-post-loop h2.entry-title {
    font-size: 28px;
    letter-spacing: 0;
    margin: 0 0 10px;
}

.post-navigation .nav-links .nav-previous .meta-nav:before, .post-navigation .nav-links .nav-next .meta-nav:after {
    display: none;
}

.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
}

/* END 05.7 - Blog Pages */

/* 05.8 - Event Pages */

.event-loop, .event-loop .wp-block-group__inner-container {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap;
}


.event-loop .event-type {
    padding: 15px;
    flex-basis: 100%;
    position: relative;
}
@media screen and (min-width: 700px) {
    .event-loop .event-type {
        flex-basis: 50%;
    }
}
@media screen and (min-width: 1151px) {
    .event-loop .event-type {
        flex-basis: 33.33%;
    }
}

.event-loop .event-type img {
    margin-bottom: 16px;
    width: 100%;
}

.event-loop .event-type h2 a {
    color: #080808;
    transition: all .3s ease;
}
.event-loop h2 {
    margin: 0;
}
.event-loop h2 a {
    text-decoration: none !important;
}

span.client-event {
    background-color: #080808;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 5px;
    font-size: 9px;
    position: absolute;
    top: 109px;
    right: 20px;
    box-shadow: #0000004f -1px 1px 5px;
}
.next-date {
    float: right;
    text-align: center;
    border: 1px solid #080808;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 5px;
    margin-left: 5px;
    position: relative;
    transition: all .3s ease;
    max-width: 72px;
}
.next-date span {
    display: block;
}
.next-date .date-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.next-date .nd-1 {
    background-color: #080808;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s ease;
}
.next-date .nd-2 {
    font-size: 21px;
    line-height: .8;
    padding-top: 5px;
}
.next-date .nd-3 {
    padding-bottom: 2px;
    font-size: 18px;
    line-height: 1.5;
}
.event-details {
    float: right;
    padding-left: 60px;
    margin-top: 0 !important;
}
.event-details h3 {
    margin-top: 0;
}

.eventbrite-form {
    max-width: 700px;
    margin: 0 auto;
}


/* END 05.8 - Event Pages */

/* END 05 - PAGE TEMPLATES */


/* 06 - FORMS */

body:not(.pmpro-checkout):not(.page-id-222) input[type="text"], body:not(.pmpro-checkout):not(.page-id-222) input[type="email"], input[type="url"], body:not(.pmpro-checkout):not(.page-id-222) input[type="password"], body:not(.pmpro-checkout):not(.page-id-222) input[type="search"], body:not(.pmpro-checkout):not(.page-id-222) input[type="number"], body:not(.pmpro-checkout):not(.page-id-222) input[type="tel"], body:not(.pmpro-checkout):not(.page-id-222) input[type="range"], body:not(.pmpro-checkout):not(.page-id-222) input[type="date"], body:not(.pmpro-checkout):not(.page-id-222) input[type="month"], body:not(.pmpro-checkout):not(.page-id-222) input[type="week"], body:not(.pmpro-checkout):not(.page-id-222) input[type="time"], body:not(.pmpro-checkout):not(.page-id-222) input[type="datetime"], body:not(.pmpro-checkout):not(.page-id-222) input[type="datetime-local"], body:not(.pmpro-checkout):not(.page-id-222) input[type="color"], textarea body:not(.pmpro-checkout):not(.page-id-222) {
    font-family: 'Caveat', cursive;
    line-height: 1.5;
    font-size: 26px;
}

select {
    background: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
    padding: 0.36rem 0.66rem;
    outline-offset: 0;
    width: 100% !important;
    border-radius: 0;
}

/* 06.1 - Modal Forms */

#modal-spinner {
    position: absolute;
    left: calc(50% - 23px);
    top: calc(50% - 23px);
    display: none;
    font-size: 40px;
    color: green;
	opacity: 0;
}

.modal a.close-modal {
    top: 17.5px;
    right: 7.5px;
}

#modal-success {

    text-align: center;
    left: 0;
    right: 0;
    display: none;
	opacity: 0;

}

#modal-success-shelve {
	display: none;
}

/* 06.2 - Checkin Form */

.modal-body, .modal-header {
    padding: 0px;
    margin-bottom: 5px;
}

#add_user_check_in_form_on_page #modal-success {
    padding-top: 20px;
}

#check_in_grateful_for {
    width: 100%;
    margin-bottom: 10px;
}

.check-in-rating {
    margin-top: 8px;
    margin-bottom: 25px;
    position: relative;
}

#check-in-modal h2 {
    margin-top: 0;
    line-height: 1;
}

#check-in-modal input[type="submit"]:hover, #check-in-modal button.close:hover {
    color: #2bbbb3;
}

/* Custom checkbox styels */
.check-in-checkbox-container {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
.check-in-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
  
.check-in-checkmark {
    position: absolute;
    top: 7px;
    right: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
  
.check-in-checkbox-container:hover input ~ .check-in-checkmark {
    background-color: #ccc;
}
  
.check-in-checkbox-container input:checked ~ .check-in-checkmark {
    background-color: #f58760;
}
  
.check-in-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
.check-in-checkbox-container input:checked ~ .check-in-checkmark:after {
    display: block;
}
  
.check-in-checkbox-container .check-in-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check-in-habits label {
    padding-bottom: 5px;
}
.check-in-habits label:not(:last-child) {
    border-bottom: 1px solid;
}

#add_user_check_in_form_on_page h2 {
    margin: 5px 0;
}

button.close {
    border: none;
    font-size: 60px;
    padding: 0;
    line-height: 0.5;
    position: absolute;
    right: 20px;
    top: 15px;
    background: transparent;
    color: #111;
}

.modal input[type="submit"] {
    color: #111;
}

.check-in-habits {
    margin-bottom: 23px;
}

.check-in-habits h3 {
    margin-bottom: 5px;
}

@media screen and (max-width: 420px) {
    /* Mobile checkin styles */
    .check-in-rating label i {
        margin: 0;
    }
    .check-in-rating > * {
        margin: 0;
    }
    .check-in-rating label i {
        margin: 0;
        padding: 10px 3px;
    }
}

/* 06.3 - PM Pro Forms */
form.pmpro_form .input, form.pmpro_form textarea, form.pmpro_form select {
    max-width: 100%;
}
span.pmpro_asterisk {
    display: block;
}
form.pmpro_form.pmpro_signup_form {
    max-width: 900px !important;
    margin: 0 auto !important;
}
#pmpro_form {
    max-width: 1000px;
    margin: 0 auto;
}

.signup-form-heading {
    max-width: 900px !important;
    margin: 40px auto 20px !important;
}

/* checkout form */
.pmpro_checkout-field input {
    width: 100%;
}
.pmpro_checkout-fields input#first_name {
    width: 100%;
}
.pmpro_checkout-fields input#last_name {
    width: 100%;
}

form.pmpro_form .pmpro_checkout-fields div {
    margin: 0 0 4px 0;
}
form.pmpro_form .pmpro_checkout-fields div input[type="text"], form.pmpro_form .pmpro_checkout-fields div input[type="password"], form.pmpro_form .pmpro_checkout-fields div input[type="email"] {
    padding: 0.36rem 0.66rem;
    font-family: "Agenda", sans-serif;
    font-size: 22px;
}
.pmpro_checkout-field.pmpro_checkout-field-password, .pmpro_checkout-field.pmpro_checkout-field-password2, .pmpro_checkout-field.pmpro_checkout-field-bemail, .pmpro_checkout-field.pmpro_checkout-field-bconfirmemail {
    width: 100%;
    display: inline-block;
}
.pmpro_checkout-field-checkbox input {
    width: auto !important;
}
#consent_div {
    margin-top: 25px;
}
/* christmas checkout form specific */
#pmpro_level-6 #pmpro_pricing_fields {
    display: none;
}
/* end 06.3 - PM Pro Forms */

/* END 06 - FORMS */


/* 9  - 2019 THEME OVERRIDES */
@media only screen and (min-width: 1168px) {
    .entry .entry-content > *,
    .entry .entry-summary > * {
      max-width: 100%; 
	}
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content > *, .entry .entry-summary > *, .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
        max-width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .entry .entry-content > *, .entry .entry-summary > *, .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *, .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
        max-width: 100%;
    }
}
/* END 09 - 2019 THEME OVERRIDES */


/* 10 - PRINT STYLES */

@media print{
    a:after {
        content:"" !important;
    }
    ul#menu-main-menu,
    ul.account-nav,
    .toggle-panel,
    #nav-below,
    #colophon {
        display: none;
    }
}

/* END 10 - PRINT STYLES */











/** STYLES FOR THE SALES PAGE/LP **/

main#main {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}

.small-heading {
    margin: 0 !important;
    text-transform: uppercase;
    font-weight: 600;
    color: #2BBBB3;
}

.page-id-222 h2 {
    margin-top: 0;
}


#chris-childs .inner {
    align-items: center;
}
.chris-left {
    flex-basis: 33%;
}
.chris-left img {
    display: block;
}
.chris-right {
    flex-basis: 66%;
}

.chris-right p {
    margin-top: 0;
}

.subscription-types > div {
    flex-basis: 48%;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #2BBBB3;
    border-radius: 15px;
}
#join .inner {
    justify-content: space-between;
}
#join .inner div {
    flex-basis: 30%;
    align-items: flex-end;
    padding: 20px 0;
}

#what-you-get .what-you-get-left {
    flex-basis: 33%;
}
.what-you-get-img {
    margin-left: 40px;
}

#budget-app .inner {
    align-items: center;
}
.budget-app-image {
    flex-basis: 66%;
}
.budget-app-text {
    flex-basis: 33%;
}

#how-it-works {
    background-image: url(https://mbmg.thinkmoney.com.au/wp-content/uploads/Changing-Habits-1024x707.jpg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
}
#how-it-works .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#how-it-works .inner .block {
    max-width: 400px;
    margin: 40px;
    padding: 20px;
}
.block.white-block {
    background-color: #fff;
}
.block.grey-block {
    background-color: #585859;
    background-color: #eeeeee;
}

#free-download .flex {
    align-items: center;
}

.feature-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.feature-list > div {
    flex-basis: 32%;
    position: relative;
    margin-bottom: 40px;
}
.feature-icon {
    position: absolute;
    top: 0;
    left: 0px;
}
.feature-blurb {
    padding-left: 83px;
}
.feature-blurb h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
}
.feature-blurb p {
    margin-top: 5px;
    font-size: 14px;
}

.feature-icon img {
    padding: 15px;
    background-color: #2BBBB3;
}


.hbspt-form form fieldset {
    max-width: none;
}

.hbspt-form form.hs-form input:not([type="submit"]), #contact-us .hbspt-form form.hs-form textarea {
    width: 100%;
}

.hbspt-form form input[type="submit"] {
    margin-top: 20px;
}

/* Slider */
/* .header-slider:before {
    background-image: url(/wp-content/themes/my-big-money-goal/img/mbmg-slider-hero.png);
    background-size: auto 100%;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: 100% 100%;
} */
.home-mbmg-heading-banner img {
    width: 70%;
    margin-top: 60px;
}
.home-mbmg-heading-banner {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-h1 {
    position: absolute;
    left: -999999px;
}

.slide-inner {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}

.slide-right:before {
    background-image: url(/wp-content/themes/my-big-money-goal/img/mbmg-slider-hero.png);
    background-size: auto 100%;
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 101%;
    height: 101%;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.slide-inner .slide-left {
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.slider-container {
    max-width: 1400px;
    margin: 0 auto;
}

#home-slider h2 {
    font-family: "Raleway", sans-serif;
    text-transform: initial;
}

#home-slider h1 {
    margin: 0;
    font-size: 26px;
}

#home-cta .inner {
    text-align: center;
}

#feature-video {
    padding-top: 60px;
}

/* #home-slider h1 {
    font-size: 46px;
    font-weight: 900; 
    margin-bottom: 0;
}

.slider-container {
    bottom: 0;
    z-index: -1;
    max-width: 100%;
} */


/* Christmas signup section */

#christmas-signup {
    background: url(/wp-content/themes/my-big-money-goal/img/footer-seasonal.jpg) bottom center no-repeat;
}
#christmas-signup .flex {
    align-items: center;
}
.christmas-sample-img {
    max-width: 390px;
    max-height: 219px;
    margin-right: 40px;
}

@media (max-width: 767px) {
    .slide-inner .slide-right {
        position: relative;
    }

    section#home-slider {
        margin-bottom: 20px;
    }

    #chris-childs .inner, #free-download .inner {
        flex-direction: column-reverse;
    }
    #join .inner, #what-you-get .flex, #how-it-works .inner, #features .inner .feature-list, #budget-app .inner {
        flex-direction: column;
    }
    .slide-inner .slide-right {
        margin-bottom: 20px;
    }
    
    .slide-inner .slide-left {
        padding: 0 20px;
    }

    section#home-slider {
        padding: 0;
    }
    .home-mbmg-heading-banner .desktop {
        display: none;
    }
    .home-mbmg-heading-banner .mobile {
        display: block;
    }
}
@media (min-width: 768px) {
    /* .banner-text {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .dash-resource-wrap .resource-item {
        flex-basis: 25%;
    }
    .resource-item a {
        font-size: 18px;
    } */

    .home-mbmg-heading-banner .desktop {
        display: block;
    }
    .home-mbmg-heading-banner .mobile {
        display: none;
    }
    .slide-inner {
        flex-direction: row;
        flex-wrap: nowrap;
    }
    #join {
        background-image: url(/wp-content/uploads/Couple-reading.jpg);
        background-position: right;
        background-repeat: no-repeat;
        background-size: 35% auto;
    }

    .two-column {
        column-count: 2;
    }

    .subscription-types {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .slide-inner .slide-left, .slide-inner .slide-right {
        flex-basis: 50%;
    }

    #what-you-get .flex div {
        flex-basis: 50%;
    }

    .free-sample-img {
        margin-left: 40px;
        max-width: 400px;
    }

}

@media screen and (max-width: 991px) {
    #how-it-works {
        background-size: cover;
        background-position: right;
    }
}

@media (min-width: 992px) {
    /* .slider-container {
        position: absolute;
        right: -153px;
        margin-top: 0;
    }
    .banner-text {
        max-width: 50%;
    }
    #home-slider h1 {
        margin: 122px 25px;
    } */

    #how-it-works .inner .block {
        margin: 40px auto;
    }
}
@media (min-width: 1200px) {
    /* .slider-container {
        right: 0;
    } */
}

/* .banner-text {
    margin-left: 0;
    text-align: center;
}

.header-slider .slick-slide {
    z-index: 1 !important;
}

.header-slider .slick-slide img {
    float: right;
    margin-right: 3%;
    margin-top: 20px;
}

#home-slider .full-width .inner {
    position: relative;
} */