/*
Theme Name: CAv2
Theme URI: https://careeralley.com
Author: Listen Money Matters
Version: 2.0

LMM:
Green: #2AA36C
Red: #EB655D
Blue: #35A0C6
Yellow: #FDB72D
Dark blue: #1B516B
Pink: #F493B4

CA:
Blue primary: #3496BC 
Orange secondary: #FF5F72  
Teal: #3DCCC7 
Black: #303036
*/


/* CSS Reset */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body { margin:1.5em 0; }
table {width: 100%;}
table, td, th {border-collapse: collapse; border-spacing: 0; border: 2px solid #dddddd; padding: 5px; margin: 40px auto; vertical-align: middle; font-size: 16px;}
caption, th, td { text-align: center; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
span ul {list-style-type: square;margin: -1em 0em 2em 0em;}
a img { border: none; }


/* GLOBAL */
html,body{font-family: 'Barlow', sans-serif; color: #30302F; font-size: 1em; line-height: 2em; margin: 0; width: 100%; padding:0; overflow-x: hidden;}
body.public_body{ background-color: #F9F9FB;}
body.community_body {background: #46697F !important; height: 100%;}
a{color: #3496BC; text-decoration: none; outline: none;}
a:hover{color: #3496BC; text-decoration: underline;}
strong, b{font-weight: 600;}
em{font-style: italic;}
.clearfix{clear: both;}
.centerme {text-align: center;}
.leftme {text-align: left;}
[hidden] {display: none;}
.container, .post_subscribe_container{box-sizing: content-box; max-width:960px; width:100%; margin:0 auto 0 auto;}
.container_toolbox{max-width:1200px; width:100%; margin:0 auto 0 auto;}
.all_white_bg {background-color: white; margin-bottom: -20px; padding: 0 20px;}
p{margin: 0 0 1.5em 0; font-size: 1.13em; line-height: 1.8em; font-weight: 300;}
input{padding: 5px; font-size: 18px; color: #333;}
input:focus {outline: none;}
input[type="text"] {border: 0; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; -webkit-appearance: none;}
input[type="email"] {border: 0;}
@media screen and (max-width: 1024px) {
    /* body.public_body{ background-color: white;} let's be a bit more thoughtful about this? */
}
@media screen and (max-width: 500px) {
    p {font-size: 1.05em; line-height: 1.6;}
}
.green_text, .income a {color: #3496BC;}
.red_text, .debt a {color: #EB655D;}
.yellow_text, .budget a {color: #FDB72D;}
.blue_text, .invest a {color: #35A0C6;}
.alignright {float: right; margin: 5px 0 20px 20px; border-radius: 4px; width: auto; box-shadow: none;}


/* HEADER */
header{position: fixed; left: 0; width: 100%; height: 56px; padding: 0; background: white; text-align: left; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.header_default { top: 0; z-index: 200; border-bottom: 1px solid #e0e0e1;}
.header_fixed { top: -93px; z-index: 2; }
.container.container_header {max-width: 100%; border-bottom: 1px solid #e0e0e1; background: white;}
.logo{float: left; transition:0.5s ease; width:auto; height:25px; padding: 15px 0 0 20px;}
.menu-link {display: none;}
.ham_slice {width: 18px;}
.panel {position: static;}
#search_community {float:right; display: inline; margin: 14px 20px 14px 15px;}
#search_form {display: none;}
@media screen and (max-width: 1024px) {
    header {height: 45px;}
    .header_fixed {top: -68px;}
	.logo { float:none; width: 200px; height: auto; padding: 10px 0 0 20px;}
	.menu-link {display: inline;}
	.panel { display: none; }
}


/* MENU */
nav {float: right;}
nav ul {margin-top: 13px;}
nav li{list-style: none; font-size: 16px; font-weight: bold; display: inline; padding: 18px 0;}
nav li.active {border-bottom: 3px solid #3496BC; padding-bottom: 15px;}
nav a{color: black; text-decoration: none; text-shadow: none; font-weight: 400; padding: 16px;}
nav a:hover {text-decoration: none; cursor: pointer;}
nav li:hover {color: #3496BC; background-color: #F9F9FB; cursor: pointer;}
.header_dropdown:hover .header_dropdown_content {display: block;}
.header_dropdown_content {display: none; position: absolute; margin: 12px 0 0 0; background-color: white; max-width: 320px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); z-index: 1;}
.header_dropdown_content a {padding: 0;}
.header_dropdown_content a:hover .header_main_path {background: #F9F9FB; cursor: pointer;}
.header_main_path {width: 90%; padding: 3% 5%; border-bottom: 1px solid #ccc;}
.header_main_path img {width: 15%; margin: 5px 15px 20px 0; float: left; max-height: 50px;}
.header_main_path h3 {font-size: 1em; line-height: 1.3em; font-weight: 400; margin: 0 0 5px 0; color: black;}
.header_main_path p {font-weight: 400; font-size: 0.7em; line-height: 1.2em; font-style: normal; text-align: left; margin-bottom: 0; padding: 0; color: #30302F;}
#mobile_menu_items {position: relative; float: right; padding: 10px 2.5%; background: #F9F9FB; width: 95%; display: none; box-shadow: 0 40px 40px 0 rgba(0, 0, 0, .2), inset 0 1px 0 0 rgba(0, 0, 0, .1);}
#mobile_menu_items a {color: black; display: block; text-align: center; margin: 2% 8%; font-weight: 400;}
#mobile_nav_button {display: none;}
@media screen and (max-width: 1024px) {
	#mobile_nav_button { display: inline; float: right; font-size: 22px; color: white; padding: 5px 15px 5px 0em; } 
	#mobile_nav_button a { font-size: 0.6em;} 
}
@media screen and (max-width: 760px) {
    nav ul {margin-top: 0;}
    nav li, nav a {padding: 16px;}
}


/* FOOTER */
.social_footer {text-align: center; background: #F9F9FB; color: white; padding: 50px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.social_footer.no_footer_shadow {box-shadow: none; background: #3496BC;}
.social_footer.no_footer_shadow a {color: white;}
.social_footer a { font-size: 2.5em; padding: 15px; }
.social_footer p {margin: 0;}
footer {clear: both; background: white; padding: 20px 0 20px 0; margin: 0; color: black; position: relative; z-index: 0; text-align: center; border-top: 1px solid #e0e0e1;}
footer .copyright { width: 94%; text-align: center; font-size: 0.7em; margin: 20px 3% 0 3%;} 
footer li {display: inline-block; text-transform: uppercase; font-weight: 800; padding: 5px 10px;}
@media screen and (max-width: 1024px) {
    footer {padding: 20px 0 60px 0;}
}


/* BUTTONS */
.button-clear, .button-cta, .button-review, .button-subscribe, .button-subscribe-desktop, a.button-clear, a.button-cta, a.button-review, a.button-subscribe, a.button-subscribe-desktop 
    { font-family: 'Barlow'; font-size: 14px; font-weight: 600 !important; border-radius: 4px; letter-spacing: 2px; text-transform: uppercase; -webkit-font-smoothing: antialiased; box-shadow: none !important; padding: 10px 30px; line-height: 1.7; display: inline-block; cursor: pointer; }
a.button-sponsor {margin-top: 0;padding: 0 10px;}
button.button-home-subscribe { width: 100%; max-width: 420px; margin-top: 0; background: #3496BC; border: 2px solid #3496BC !important; color: white !important; }
.platform_buttons button.button-home-subscribe { width: 100%; max-width: 420px; margin-top: 0; background: white; border: 2px solid #3496BC !important; color: #3496BC !important; }
.button-review, .button-subscribe-desktop { background: white; border: 2px solid #3496BC !important; color: #3496BC !important; }
.button-cta, .button-subscribe { color: #fff !important; background: #3496BC; border: 2px solid #3496BC !important; }
.subscribe_footer .button-subscribe {color: #fff !important; background: #EB655D; border: 2px solid #EB655D !important;}
.subscribe_footer .button-subscribe:hover {background: white; border: 2px solid #EB655D !important; color: #EB655D !important; text-decoration: none;}
.button-clear { color: #333 !important; background: transparent; }
.button-clear { color: #333 !important; background: #fff; border: 2px solid #333 !important; }
.button-clear:before, .button-cta:before, .button-review:before { content: "\f054"; color: #EB655D !important; font-family: 'FontAwesome'; letter-spacing: -7px; padding-left: 0; opacity: 0; display: inline; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.button-review:before { color: #3496BC !important; }
.button-home-subscribe:before { color: #3496BC !important; }
.button-review:hover, .button-subscribe-desktop:hover { text-decoration: none; }
.button-cta:hover, .button-subscribe:hover { background: white; border: 2px solid #3496BC !important; color: #3496BC !important; text-decoration: none;}
button.button-home-subscribe:hover { border: 2px solid #3496BC !important; background: white; color: #3496BC !important; text-decoration: none; }
.button-clear:hover { color: #fff !important; background: #333; border-color: #333 !important; text-decoration: none;}
.button-clear:hover:before, .button-cta:hover:before, .button-review:hover:before { padding-right: 30px; opacity: 1;}


/* SINGLE */
content{display:block; max-width:800px; float: left;background: none; width: 90%; }
.content_container{max-width:1160px; width:100%; margin: 0 auto 0 auto;}
content#single_wide {float: none; margin: 0 auto; padding-top: 57px; max-width: 1200px; width: 100%;}
#content_header {background: #F9F9FB; padding: 20px; max-width: 940px; margin: 0 auto;}
.author {font-size: 0.8em;}
.table_of_contents_desktop {background: white; padding: 20px; border-radius: 4px; margin: 0 0 20px 0; box-shadow: 0 1px 2px 0 rgba(10, 16, 34, .2);}
#toc_head {font-weight: 600; display: block;}
#toc_head:hover {cursor: pointer;}
.table_of_contents_desktop li {padding-left: 5px;}
#actual_toc {display: none; margin-left: 20px;}
#content_subcategory {text-transform: uppercase; font-size: 1em;}
#content_subcategory a {line-height: 1.4em;}
content li, contentwide li, contentsinglewide li{margin: 0 0 0 20px;}
content iframe, contentsinglewide iframe{width:100%;}
article {box-sizing: content-box; margin: 10px auto 0 auto; max-width: 650px}
article#content_max {padding: 0;}
content h1, contentwide h1, contentsinglewide h1, .course_lessons h1{ font-size: 2.8em; line-height: 1.3em; font-weight: 600; padding: 10px 0; clear: both;}
content h2, contentwide h2, contentsinglewide h2, .course_lessons h2{ font-size: 2.5em; line-height: 1.2em; font-weight: 600; padding: 20px 0; clear: both;}
content h3, contentwide h3, contentsinglewide h3, .course_lessons h3{ font-size: 1.8em; line-height: 1.1em; font-weight: 600; color:#777; padding: 20px 0; clear: both;}
content h4, contentwide h4, contentsinglewide h4, .course_lessons h4, .lead{ font-weight: 400; font-size: 1.3em; line-height: 1.75em; color:#333; padding: 0 0 30px 0;}
blockquote {font-style: italic; border-left: 6px solid #3496BC; border-radius: 0; padding-top: 13px; padding-bottom: 13px; padding-left: 15px; margin-left: 0; margin-bottom: 2em; font-size: 1.25em;}
blockquote p {font-style: italic;}
blockquote p:last-child {margin-bottom: 0;}
.post-featured-image {margin: 0; width: 100%; height: auto; border-radius: 0px;}
content img { margin: 0; width: 100%; height: auto; float: none; box-shadow: 0 1px 2px 0 rgba(10, 16, 34, .2); }
div#author {text-align: center; background: white; position: relative; padding: 20px 0; margin: -60px -10px 0 -10px;}
div#excerpt {background: white; padding: 20px; border-radius: 4px; margin: 0 0 20px 0; box-shadow: 0 1px 2px 0 rgba(10, 16, 34, .2);}
ul.credits{margin:0px;}
img.avatar {margin: 0 5px 0 0; border-radius: 50px;}
.credits{list-style:none; padding:0px;}
.credits li{display:inline-block; font-size:16px; line-height:20px; vertical-align:middle; margin:0; height:100%; padding: 0 0 10px 0;}
.review_item {display: inline;}
.star_group i {color: #FDB72D; font-size: 0.8em;}
.review_pro, .review_con {margin: 20px auto; padding: 20px; overflow: auto; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(10, 16, 34, .2);}
.review_pro {background: #DBF6BF;}
.review_con {background: #FFB0AC;}
.action_button.button-cta {background: #3496BC !important; border: 2px solid #3496BC !important}
.action_button.button-cta:hover {background: white !important; color: #3496BC !important;}
.action_button.button-cta:before {color: #3496BC !important;}
#excerpt p {margin-bottom: 15px;}
table.tablepress {margin: 40px -25px; box-shadow: 0 1px 2px 0 rgba(10, 16, 34, .2);}
.tablepress td.column-1 {font-weight: bold;white-space: nowrap;padding: 15px;}
div.smart-track-player {margin: 2em 0; width: auto;}
.wp-caption p.wp-caption-text{font-size:15px;text-align:center;line-height:15px;padding:0; color:#999; margin:0 0 30px 0 !important;}
.tablepress caption a {display: none;}
@media only screen and (max-width: 1024px) {
    content{width: 100%;}
    .content_container {margin-top: 20px;}
    #content_subcategory {font-size: 1em;}
    content h1, contentwide h1, contentsinglewide h1, .course_lessons h1{ font-size: 1.8em; line-height: 1.3em; font-weight: 600; padding: 10px 0; clear: both;}
    content h2, contentwide h2, contentsinglewide h2, .course_lessons h2{ font-size: 1.7em; font-weight: 600; padding: 20px 0 30px 0; clear: both;}
    content h3, contentwide h3, contentsinglewide h3, .course_lessons h3{ font-size: 1.3em; font-weight: 600; color:#777; padding: 40px 0 20px 0; clear: both;}
    content h4, contentwide h4, contentsinglewide h4, .course_lessons h4, .lead{ font-weight: 400; font-size: 1.3em; line-height: 1.75em; color:#333; padding: 0 0 30px 0;}
}
@media only screen and (max-width: 760px) {
    content { padding: 0 0; }
    content#single_wide { padding-top: 45px;}
    article { padding: 20px; }
    article#content_max {padding: 0 20px;}
    .content_container { max-width: 960px; width: 100%; margin: 0 auto; margin-top: 0; position: relative;}  
    content img { border-radius: 4px;} 
    .tablepress td.column-1 {white-space: normal;}
}


/* WHAT'S NEXT */
.next_actions {padding: 20px; max-width: 650px; margin: 40px auto 0 auto;}
.next_actions h2{ font-size: 1.7em; font-weight: 600; padding: 0 0 10px 0; clear: both; text-align: center;}
.next_actions ul {border-top: 6px solid #3496BC; border-bottom: 6px solid #3496BC; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; -webkit-appearance: none;}
.next_actions li {list-style: none; border-bottom: 1px solid #c7cdc2; background-color: white; padding: 20px;}
.next_actions li:nth-last-child(1) {border-bottom: 0;}
.next_actions li img {width: 10%; height: auto; float: left; margin-top: 10px; min-height: 71px;}
.action_text {width: 86%; float: right; color: #30302f;}
.action_title {font-size: 1.4em; font-weight: 600;}
.action_text p {margin: 0; font-size: 1.1em; line-height: 1.3em;}
@media only screen and (max-width: 700px) {
    .next_actions {margin: 0 auto;}
    .next_actions li img {width: 20%;}
    .action_text {width: 76%;}
    .next_actions li {padding: 20px 10px;}
}
@media only screen and (max-width: 500px) {
    .action_title {font-size: 0.8em;}
    .action_text p {margin: 0; line-height: 1.3em;}
}


/* INDEX PAGE */
.feature {box-sizing: content-box; padding: 80px 0 40px 0; color: black; background-color: #F9F9FB;}
.feature h1 {font-size: 3.2em; line-height: 1.2em; font-weight: 600; margin: 0 0 20px 0;}
.text p {font-size: 1.6em; line-height: 1.3em;}
.financial_badass_green {color: #3496BC;}
.skew_right { height: 200px; width: 100%; margin-top: -100px; background: #F9F9FB; -webkit-transform: skewY(8deg); -moz-transform: skewY(8deg); -ms-transform: skewY(8deg); -o-transform: skewY(8deg); transform: skewY(8deg); -webkit-backface-visibility: hidden; box-shadow: 0 5px 5px -5px #ccc; -webkit-box-shadow: 0 5px 5px -5px #ccc; -moz-box-shadow: 0 5px 5px -5px #ccc;}
.skew_left { height: 200px; width: 100%; margin-bottom: -100px; background: #F9F9FB; -webkit-transform: skewY(-8deg); -moz-transform: skewY(-8deg); -ms-transform: skewY(-8deg); -o-transform: skewY(-8deg); transform: skewY(-8deg); -webkit-backface-visibility: hidden; box-shadow: 5px -5px 5px -5px #ccc; -webkit-box-shadow: 5px -5px 5px -5px #ccc; -moz-box-shadow: 5px -5px 5px -5px #ccc;}
.homepage_cta {float: left; width: 42%; margin: 80px 0 80px 80px; position: relative; z-index: 100;}
.homepage_people {float: right; position: relative; z-index: 100; width: 50%; text-align: right;}
.homepage_people_mobile {display: none;}
.homepage_people img {width: auto; height: auto; margin: 80px 40px 0 0; max-height: 400px;}
.podcast_cta {float: right; text-align: right; width: 55%; position: relative; z-index: 100;}
.podcast_cover_art {float: left; width: 40%;}
.podcast_cover_art img {width: 85%; height: auto; max-height: 500px; max-width: 500px; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc;}
.index_subscribe input[type="email"] {width: 94%; max-width: 400px; border-radius: 4px; border: 0; text-align: center; font-size: 16px; margin: 10px 0; padding: 10px; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; -webkit-appearance: none;}
.podcast_section { background: white; color: black; padding: 220px 80px; margin: -100px 0;}
.podcast_section h2, .category_section h2 {font-size: 2.5em; line-height: 1.2em; font-weight: 600;}
.platform_buttons .button-clear {width: 70%; margin: 10px 0;}
.category_section {text-align: center; padding-bottom: 10px; background: #F9F9FB; position: relative; z-index: 100;}
.category_section h2 {padding: 20px; text-align: center; margin-bottom: -80px;}
.category_section p {padding: 20px; text-align: center; font-weight: 600; font-size: 1.1em; font-style: italic; margin-bottom: 10px;}
.podcast_section p {text-align: right; font-size: 1.3em; margin: 20px 0;}
.money_lamp {width: 100px; height: auto; position: relative; top: -210px; border-radius: 50px; box-shadow: 2px 4px 10px 0 #ccc; -webkit-box-shadow: 2px 4px 10px 0 #ccc; -moz-box-shadow: 2px 4px 10px 0 #ccc;}
.path_group {margin: 40px auto; width: 80%;}
.path_group_people {margin: 0 auto 40px auto; width: 80%;}
.main_path {float: left; width: 25%; text-align: center; padding: 2%; margin: 2%; min-height: 260px; transition:0.2s ease; background: white; border-radius: 4px;  box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc;}
.main_path:hover {box-shadow: 0 1px 30px 0 #ccc; -webkit-box-shadow: 0 1px 30px 0 #ccc; -moz-box-shadow: 0 1px 30px 0 #ccc;}
.main_path img {width: 40%; max-height: 74px; margin: 20px 0 0 0;}
.main_path h3 {font-size: 1.1em; line-height: 1.3em; font-weight: 600; margin: 20px 0; color: black;}
.main_path p {font-weight: 400; font-size: 0.9em; line-height: 1.3em; font-style: normal; margin-bottom: 0; padding: 0; color: #30302F;}
.light-weight {font-weight: 400;}
.path_group_people h3 {font-size: 1.8em; font-weight: 600; margin: 20px 0; color: black;}
.path_group_people p {font-weight: 300; font-size: 1.1em; line-height: 1.3em; font-style: normal; margin-bottom: 20px; padding: 0; color: #30302F;}
.image_group_right, .image_group_left {margin-bottom: 80px;}
.path_group_people .image_group_right h3, .path_group_people .image_group_right p {text-align: right;}
.path_group_people .image_group_left h3, .path_group_people .image_group_left p {text-align: left;}
.path_group_people .image_group_right img {float: right; width: 50%; max-height: 280px;}
.path_group_people .image_group_left img {float: left; width: 50%; max-height: 280px;}
.path_group_squares {margin: 0 auto 40px auto; width: 80%;}
.path_group_squares h3 {font-size: 1.5em; font-weight: 500; margin: 0;}
.single_path {width: 31%; float: left; margin: 2% 1%;}
.single_path a {color: black; transition: 0.3s ease;}
.single_path a:hover {color: #3496BC; text-decoration: none;}
.single_path img {width: 100%; height: auto; background: white; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; transition: 0.3s ease;}
.single_path a:hover img {box-shadow: 0 1px 30px 0 #ccc; -webkit-box-shadow: 0 1px 30px 0 #ccc; -moz-box-shadow: 0 1px 30px 0 #ccc;}
@media only screen and (max-width: 1100px) {
    .feature h1 {font-size: 2.7em;}
}
@media only screen and (max-width: 1024px) {
    .feature { padding: 45px 0 0 0; background-position: 60% 0%; margin-top: 0; position: relative;} 
    .feature .text {float: none; text-align: left; padding: 20px;}
    .feature p {font-size: 0.9em; margin: 0;}
    .feature h1 {font-size: 2.5em;}
    .homepage_cta {width: 40%; margin: 40px 0 40px 40px;}
    .homepage_people {width: 52%;}
    .podcast_section p {font-size: 1.1em;}
    .index_subscribe {padding: 0 20px 20px 20px;}
    .podcast_section {min-height: 240px; margin: -80px 0; padding: 200px 40px;}
    .podcast_section h2, .category_section h2 {font-size: 2em;}
    .money_lamp {top: -178px;}
    .path_group {width: 97%;}
    .main_path {width: 27%; padding: 1.5%; margin: 1.5%;}
    .main_path img {min-height: 70px;}
}
@media only screen and (max-width: 980px) {
    .feature h1 {font-size: 1.8em;}
    .feature p {font-size: 1.0em;}
    .skew_right {height: 155px;}
    .homepage_people img {margin: 70px 20px 0 0;}
    .podcast_section h2, .category_section h2 {font-size: 1.7em;}
    .podcast_section p {line-height: 1.5em; font-size: 1em; margin: 20px 0;}
    .podcast_cover_art {width: 45%;}
    .main_path {width: 28%; margin: 1%; min-height: 240px;}
    .main_path h3 {margin: 20px -2%; font-size: 1em;}
    .main_path img {margin: 0px;}
}
@media only screen and (max-width: 700px) {
    .feature h1 {font-size: 2.3em;}
    .feature p {font-size: 1.3em; margin: 0;}
    .homepage_cta {float: none; width: 100%; margin: 0;}
    .homepage_people {display: none;}
    .homepage_people_mobile {display: block; width: 80%; margin: 0 auto;}
    .podcast_section h2, .category_section h2 {font-size: 1.5em; padding: 20px 20px 10px 20px; text-align: center;}
    .platform_buttons {padding-top: 20px; min-height: 110px; background-image: url(images/joint-podcast-cutout.png); background-repeat: no-repeat; background-size: 210px; background-position: right bottom;}
    .podcast_section .platform_buttons .button-clear {width: 43%; padding: 6px; margin: 0 0 10px 20px; border: 0 !important;}
    .podcast_section p {text-align: center; margin: 0; font-size: inherit;}
    .podcast_cta {float: none; width: 100%; text-align: left;}
    .podcast_cta .financial_badass_green {color: white;}
    .podcast_cover_art {display: none;}
    .skew_right, .skew_left {display: none;}
    .only_desktop {display: none;}
    .podcast_section { background: #3496BC; color: white; padding: 0; margin: 0;}
    .money_lamp {display: none;}
    .category_section h2 {margin-bottom: 0;}
    .path_group {margin: 0 auto; width: 100%;}
    .main_path {float: none; width: inherit; padding: 15px; margin: 20px; min-height: 86px; background: white; border-radius: 4px;  box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc;}
    .main_path img {width: 20%; margin: 5px 20px 25px 0; float: left;}
    .main_path h3 {font-size: 1.25em; font-weight: 400; margin: 0 0 5px 0; color: black; text-align: left;}
    .main_path p {font-weight: 400; font-size: 1em; line-height: 1.2em; font-style: normal; text-align: left; margin-bottom: 0; padding: 0; color: #30302F;}
    .path_group_squares {width: 100%;}
    .single_path {width: 44%; margin: 0 3% 20px 3%; min-height: 180px;}
    .single_path h3{font-size: 1em;}
}


/* SHOW PAGE */
.feature.podcast_feature {padding: 80px 0 0 0;}
.podcast_header_section {text-align: center; position: relative; box-shadow: 0 5px 5px -5px #ccc; -webkit-box-shadow: 0 5px 5px -5px #ccc; -moz-box-shadow: 0 5px 5px -5px #ccc;}
.podcast_header_section h1 {margin: 1em 0 0 0; font-size: 1.8em; line-height: 1.5em;}
.podcast_header_section h1 .green_text {display:block; font-size: 1.9em; margin: 0.2em 0;}
.podcast_header_section p {margin: 0; padding: 0 0 3.5em 0;}
.podcast_cover_and_copy {background: white;}
.podcast_cover_and_copy img {margin: -50px 0 0 0; position: relative; z-index: 100; border-radius: 4px; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc;}
.podcast_cover_and_copy p {font-size: 1.3em; margin: 0 0 1em 0;}
.podcast_copy {float: right; width: 55%; margin: 60px 0;}
.podcast_copy a {width: 35%; margin: 0 10px 0 0; text-align: center;}
.actionBar {width: 100%; margin: 0;}
.actionBar div {margin-bottom: 0em; position: relative;}
.podcastPlayer {width: 65%; float: left;}
.podcastPlayer .lmm-player {padding: 10px 0px; background: #3496BC; border-bottom: 8px solid rgba(0,0,0,0.1);}
.podcastPlayer .mdtc-clnplra-main-player .mdtc-clnplra-type-playlist {border-radius: 0px;}
.podcastMenu {width: 35%; float: left; margin: 0; height: 92px; background: #3496BC; color: white; border-bottom: 8px solid rgba(0,0,0,0.1);}
.podcastMenu ul {text-align: center;}
.podcastMenu li {display: inline-block; padding: 32px 20px 0px 20px;}
.podcastMenu li a {color: white;}
.podcastMenu li a:hover {text-decoration: none;}
.podcastMenu li a:focus {text-decoration: none;}
.podcastMenu li a::after {content: ""; display: block; height: 6px; width: 100%; max-width: 0; margin: 26px auto 0; background: rgba(0,0,0,0.1); transition: max-width 0.34s ease-in-out}
.podcastMenu li a.active::after, .podcastMenu li a:hover::after {max-width: 100%;}
.normal_weight {font-weight: 400;}
.podcast_page_playlists {margin: 40px;}
.podcast_page_playlists p {text-align: center; margin-bottom: 10px;}
.podcast_page_playlists h2 {font-size: 1.7em; font-weight: 600; text-align: center; margin-bottom: 20px;}
#content_max ol li {font-size: 1.13; line-height: 1.8em; margin-bottom: 15px;} /* full episode list tweak */
ol#actual_toc li {margin-bottom: 10px;}
@media only screen and (max-width: 1024px) {
    .feature .podcast_header_section .text {text-align: center;}
    .feature .podcast_header_section p {font-size: 1.3em;}
    .podcastMenu {width: 50%;}
    .podcastPlayer {width: 50%;}
    .podcast_cover_and_copy img {width: 35%; height: auto;}
    .podcast_cover_and_copy p {margin: 0 0 2em 0;}
    .podcast_copy {margin: 20px 0 60px 0;}
    .podcast_copy a {width: 32%;}
}
@media only screen and (max-width: 860px) {
    .podcast_copy {width: 64%; margin: 0px 0 40px 0;}
    .podcast_cover_and_copy img {width: 32%;}
    .podcast_cover_and_copy p {font-size: 1em; margin: 0 0 1.3em 0;}
}
@media only screen and (max-width: 768px) {
    .feature.podcast_feature {padding: 60px 0 0 0;}
    .actionBar {margin: 0;}
    .podcastMenu {height: 84px; width: 50%;}
    .podcastMenu li {padding: 28px 20px 0px 20px;}
    .podcastPlayer {width: 50%;}
    .podcastPlayer .lmm-player {padding: 6px 0px;}
    .feature .podcast_cover_and_copy p {margin: 1em; font-size: 1.1em;}
}
@media only screen and (max-width: 700px) {
    .podcast_header_section {text-align: left; background: inherit; box-shadow: inherit; -webkit-box-shadow: inherit; -moz-box-shadow: inherit;}
    .podcast_header_section h1, .podcast_header_section h1 .green_text {display: block; font-size: 2.3em; line-height: 1.2em; margin: 0 0 20px 0;}
    .podcast_header_section h1 .green_text {display: inline; font-size: inherit; line-height: inherit}
    .podcast_header_section p {margin: inherit; padding: inherit;}
    .podcast_cover_and_copy {text-align: center; background: inherit;}
    .podcast_copy {width: 100%; float: none; margin: 0 0 30px 0;}
    .podcast_cover_and_copy p  {font-size: inherit;}
    .podcast_cover_and_copy img {margin: 0;}
    .podcast_cover_and_copy img {width: 75%; height: auto; border-radius: 4px; margin: 20px 0;}
    .podcast_cover_and_copy .button-review {width: 70%; margin: 0 0 10px 0;}
    .podcastPlayer {width: 100%;}
    .podcastMenu {width: 100%; border-bottom: 0px; z-index: 10; margin-top: -6px;}
    .podcastMenu ul {text-align: center;}
    .podcastMenu li {padding: 28px 20px 0px 20px;}
    .podcastMenu li a::after {margin: 16px auto 0;}
    #content_max ol li {line-height: 1.6;}
}


/* CUSTOM AUDIO PLAYER */
.podcast-subscribe-box {padding: 20px; background: white; border-radius: 4px; margin-bottom: 2em; text-align: center; box-shadow: 0 1px 2px 0 rgba(10, 16, 34, .2);}
.podcast-subscribe-box p {margin: 1em 0 0.25em 0;}
.podcast-subscribe-box ul {list-style: none;}
.podcast-subscribe-box .subscribe-link {display: inline; margin: 0 10px;}
.lmm-player ul {list-style: none;}
@media only screen and (max-width: 600px) {
    .podcast-subscribe-box {padding: 15px; background: white; border-radius: 0px; margin: 0 -20px 2em -20px; text-align: center;}
}


/* CATEGORY PAGES */
.feature.category_feature {padding: 120px 0 40px 0; text-align: center;}
.categoryContainer {background: white;}
.categorySection {padding: 40px 20px; max-width: 825px; margin: 0 auto;}
.categorySection h2 {font-size: 2.3em; line-height: 1.1em; margin: 0 0 20px 0;}
.categorySection h3 {font-size: 1.5em; margin: 40px 0; text-align: center;}
.categorySection ul {margin-left: 80px; text-align: left;}
.categorySection img {width: 100%; height: auto;}
.category_image { float: right; max-width: 175px; width: 60%; height: auto; padding: 0 0 20px 40px; box-sizing: content-box;}
.negative_margin_playlists{margin-right: -6.3%;}
.categoryInterestedContainer {background: #F8F8FB; color: black; padding: 40px 20px; text-align: left;}
.categoryInterestedContainer input[type="email"] {font-size: 16px; width: 40%; text-align: center; margin: 10px 10px 10px 0; padding: 14px 8px; border-radius: 4px; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; -webkit-appearance: none;}
.masteringMintStrip {float: right; width: 22%; margin-bottom: -25px;}
.masteringMintStrip img {width: 100%;}
.categorySection .course{display:block; float: left; width: 49%; margin: 0 0% 3% 0; overflow: hidden; transition:0.2s ease;}
.categorySection .course .image img {width: 90%; height: auto; border-radius: 4px;}
.center_text {text-align: center;}
.category_posts .post {min-height: 280px; max-height: inherit;}
@media only screen and (max-width: 1024px) {
    .feature.category_feature {padding: 80px 0 40px 0; text-align: center;}
}
@media only screen and (max-width: 760px) {
    .feature.category_feature {padding: 60px 0 20px 0; text-align: left;}
    .categorySection {margin: 0;}
    .categorySection ul {margin-left: 20px; text-align: left;}
    .category_image {display: none;}
    .categoryInterestedContainer {padding: 0 20px; text-align: center;}
    .categoryInterestedContainer input[type="email"] {width: 94%;}
    .categoryInterestedContainer .button-subscribe {width: 100%;} 
    .categoryInterestedContainer .button-cta {width: 80%;}
    .masteringMintStrip {display: none;}
}
@media only screen and (max-width: 500px) {
    .category_posts .post {min-height: 180px; max-height: inherit;}
}


/* SUBCATEGORY PAGES */
content#subcategory_wide {float: none; margin: 40px auto; max-width: 960px; width: 100%;}
#subcategory_wide h1 { margin: 20px 0; }
#content_subcategory {text-transform: uppercase; font-size: 1em;}
a.post_queue {color: black; display: block; padding: 45px 0; transition: 0.3s ease-in-out;}
.post_queue_container {border-top: 1px solid #c7cdc2;}
.post_queue h2 {line-height: 1.3em; padding: 0; margin: 0 0 20px 0;}
.post_queue .excerpt p {margin: 0; font-size: 1.3em; color: #4c4c4c;}
.post_queue:hover {text-decoration: none; margin: 0 -10px 0 10px; transition: 0.3s ease-in-out;}
.image img {max-width: 230px; height: 170px; object-fit: cover; object-position: left; float: left; margin: 0 40px 0 0;}
@media only screen and (max-width: 1024px) {
    content#subcategory_wide {width: 85%;}
    a.post_queue {margin: 0 auto;}
    #subcategory_wide h1 { margin: 0; }
    .image img {max-width: 150px; height: 84px;}
    .post_queue .excerpt p {font-size: 1.1em;}
}
@media only screen and (max-width: 400px) {
    #subcategory_wide h1 {padding: 20px 0; border-top: 1px solid #c7cdc2;}
    a.post_queue {padding: 20px 0;}
    .post_queue .excerpt {display: none;}
    .image img {max-width: 100%; height: auto; max-height: 108px; float: none; margin: 0; border-radius: 0px;}
}


/* SEARCH PAGE */
content#single_wide_search {float: none; margin: 0 auto; padding-top: 57px; padding-bottom: 40px; max-width: 960px; width: 100%;}
#searchpage_form {width: 100%; }
#searchpage_form input[type="button"] {display: none;}
#searchpage_form input[type="text"] {width: 95%; border-radius: 4px; border: 0; font-size: 16px; padding: 10px; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; -webkit-appearance: none;}
searchnugget h1 {color: black; padding-top: 0;}
searchnugget h1.choose_topic_header {margin: 20px 0 -10px 0;}
searchnugget {background-color: #F9F9FB; padding: 20px; display:block; border-bottom: 1px solid #c7cdc2;}
incomenugget, debtnugget, budgetnugget, investnugget, searchnugget { padding: 20px; display:block; border-bottom: 1px solid #c7cdc2;} 
incomenugget h1, debtnugget h1, budgetnugget h1, investnugget h1 {font-size: 1.5em; transition: 0.4s ease; padding: 0 0 20px 0; background: none;}
incomenugget p, debtnugget p, budgetnugget p, investnugget p {margin: 0;}
.search_topics {background: #F9F9FB; padding-bottom: 40px;}
.search_topic_container {width: 47%; margin: 0 1.5%; float: left;}
#search_results p {margin: 0;}
.search_topics h2 {padding: 40px 20px 10px 20px; border-bottom: 1px solid #c7cdc2; font-size: 1.4em;}
.search_topics .topic_list li {list-style: none; border-bottom: 1px solid #c7cdc2; margin: 0; padding: 10px 20px; background: white;}
.grow-your-income a {color: #3496BC;}
.invest-your-money a {color: #35A0C6;}
.budget-like-a-pro a {color: #FDB72D;}
.destroy-your-debt a {color: #EB655D;}
.a-better-you a {color: #3496BC;}
@media only screen and (max-width: 1024px) {
    content#single_wide_search { padding-top: 25px;}
}
@media only screen and (max-width: 760px) {
    content#single_wide_search { padding-top: 45px; }
}
@media only screen and (max-width: 500px) {
    .search_topic_container {width: 100%; margin: 0; float: none;}
    content#single_wide_search {padding-bottom: 0px;}
}


/* PLAYLIST*/
content#playlist_wide {float: none; margin: 0 auto; max-width: 1200px; width: 100%;}
#content_header .playlist_headline {text-align: center; margin: 0.5em 0;}
.playlist_image_strip {margin: 0 auto; max-width: 1000px;}
.playlist_image_strip .playlist_description_1 {display: inline; float: left; width: 47%;}
.playlist_image_strip img {float: right; width: 50%; height: 400px; object-fit: cover;}
.playlist_description_1, .playlist_description_2 {line-height: 1.5em;}
.playlist_description_1 {padding-top: 10px;}
.playlist-featured-image {margin: 57px 0 0 0;}
.playlist_container {padding: 40px; margin: 0 auto; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc;}
.player_container {max-width: 1000px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.playlist_will_learn {max-width: 1000px; background: white; margin: 40px auto;}
.playlist_will_learn h2 {font-size: 2em; text-align: center; padding-top: 0;}
.playlist_will_learn ul {max-width: 800px; columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style: none; margin: 0 auto;}
.playlist_will_learn ul li:before {content: '\2713'; color: #3496BC; font-size: 1.4em; margin: 0 10px 0 -30px;}
.playlist_description_2 {max-width: 800px; margin: 0 auto 40px auto; text-align: center;}
.playlist_content h2, .playlist_description_2 h2 {text-align: center;}
.playlist_related_articles {margin: 40px 0;}
.post {top: 0; display: block; float: left; width: 30%; min-height: 280px; max-height: 340px; margin: 0 3% 1% 0; color: #333; overflow: hidden; transition: 0.2s ease; text-shadow: none;}
.post:hover {text-decoration: none; transform: scale(1.05);}
.post .image img {width: 100%; height: auto; margin: 0 0 10px 0; overflow: hidden; max-width: none;}
.post .title {text-align: left; font-size: 1.2em; line-height: 1.3em; padding: 0px 25px; margin-bottom: 10px;}
.negative_margin {margin-right: -4.5%}
.playlist_nugget_container, .category_playlist_nugget_container {max-width: 1200px; margin: 0 auto;}
.negative_margin_playlist_nuggets {margin: 0 -5% 0 0%;}
.category_playlist_nugget_container .playlist_nugget {width: 47%; margin: 1.5% 3% 1.5% 0; display: block; border-radius: 4px; float: left; text-align: left; color: #30302F; background: white; transition: 0.3s ease; box-shadow: 0 1px 2px 0 rgba(10, 16, 34, .2);}
.category_playlist_nugget_container .playlist_nugget:hover {color: #30302F; text-decoration: none; box-shadow: 0 1px 30px 0 rgba(10, 16, 34, .2); -webkit-box-shadow: 0 1px 30px 0 rgba(10, 16, 34, .2); -moz-box-shadow: 0 1px 30px 0 rgba(10, 16, 34, .2);}
.category_playlist_nugget_container .playlist_nugget img {float: left; max-width: 35%; height: 280px; margin-right: 15px; object-fit: cover; border-radius: 4px 0 0 4px;}
.category_playlist_nugget_container .playlist_nugget h4 {font-weight: 600; font-size: 1.15em; line-height: 1.3em; padding: 15px; text-align: left;}
.category_playlist_nugget_container .playlist_nugget p {text-align: left; font-size: 1em; line-height: 1.4em; padding: 0 15px; margin: 0;}
.playlist_nugget {width: 45%; margin: 2.5% 5% 2.5% 0; display: block; border-radius: 4px; float: left; text-align: left; color: #30302F; background: white; transition: 0.3s ease; box-shadow: 0 1px 2px 0 rgba(10, 16, 34, .2);}
.playlist_nugget:hover {color: #30302F; text-decoration: none; box-shadow: 0 1px 30px 0 rgba(10, 16, 34, .2); -webkit-box-shadow: 0 1px 30px 0 rgba(10, 16, 34, .2); -moz-box-shadow: 0 1px 30px 0 rgba(10, 16, 34, .2);}
.playlist_nugget img {float: left; max-width: 35%; height: 280px; margin-right: 20px; object-fit: cover; border-radius: 4px 0 0 4px;}
.playlist_nugget h4 {font-weight: 600; font-size: 1.15em; line-height: 1.3em; padding: 20px; text-align: left;}
.playlist_nugget p {text-align: left; font-size: 1em; line-height: 1.4em; padding: 0 20px; margin: 0;}
.playlist_content {max-width: 1000px; margin: 0 auto;}
@media only screen and (max-width: 1100px) {
    .playlist_nugget img {max-width: 35%;height: 300px;}
}
@media only screen and (max-width: 1024px) {
    #content_header .playlist_headline {margin: 0;}
    .playlist-featured-image {margin: 48px 0 0 0;}
    .playlist_description_2 {margin-top: -10px;}
    .playlist_image_strip {margin: 0 20px;}
    .playlist_will_learn {margin: 40px 20px;}
    .player_container {padding: 40px 20px;}
    .playlist_content {margin: 0 20px;}
    .playlist_nugget {width: 47%; margin: 1.5% 3% 1.5% 0;}
    .playlist_nugget img {height: 340px;}
}
@media only screen and (max-width: 850px) {
    .category_playlist_nugget_container .playlist_nugget img {height: 320px;}
}
@media only screen and (max-width: 785px) {
    .playlist_image_strip {padding: 0;}
    .playlist_image_strip img {width: auto; float: none; height: auto; margin: -30px -20px 10px -20px;}
    .playlist_image_strip .playlist_description_1 {display: block; float: none; width: auto; padding: 0 0 20px 0;}
    .playlist_will_learn {margin: -20px 0 20px 0;}
    .playlist_will_learn ul {columns: 1; -webkit-columns: 1; -moz-columns: 1;}
    .playlist_description_2 {margin: -20px 0 0 0; padding: 20px;}
    .playlist_container {padding: 20px;}
    .playlist_container li {margin: 0 0 0 25px;}
    .post {width: 44%; margin: 0 4% 4% 0}
    .negative_margin {margin: 0 -5% 0 3%;}
    .playlist_nugget {width: 100%; margin: 3% 0;}
    .playlist_nugget img {max-width: 40%; height: 280px;}
    .negative_margin_playlist_nuggets {margin: 0;}
}
@media only screen and (max-width: 720px) {
    .category_playlist_nugget_container .playlist_nugget {height: 380px; margin: 4% 0;}
    .category_playlist_nugget_container .playlist_nugget img {max-width: 100%; height: 140px; float: none; border-radius: 4px 4px 0 0; object-position: top; margin: 0;}
}
@media only screen and (max-width: 600px) {
    .category_playlist_nugget_container .playlist_nugget {width: 100%; height: auto;}
    .category_playlist_nugget_container .playlist_nugget img {max-width: 100%; height: 140px; float: none; border-radius: 4px 4px 0 0; object-position: top; margin: 0;}
    .category_playlist_nugget_container .playlist_nugget p {padding: 0 15px 15px 15px;}
}
@media only screen and (max-width: 500px) {
    .post {width: 100%; margin: 0 0% 2% 0%;}
    .post .image img {max-height: 110px;}
    .negative_margin {margin: 0;}
    #content_header .playlist_headline {text-align: left;}
    .playlist_will_learn h2 {font-size: 1.7em;}
    .playlist_related_articles {margin: 0;}
    .playlist_description_2 {text-align: left;}
    .playlist_description_2 p {margin: 0;}
    .podcast_page_playlists {margin: 20px;}
    .playlist_nugget h4 {padding: 10px 20px 20px 20px;}
    .playlist_nugget img {max-width: 100%; height: 140px; float: none; border-radius: 4px 4px 0 0; object-position: top; margin: 0;}
    .playlist_nugget p {padding: 0 20px 20px 20px;}
}
    

/* SPONSOR PAGE */
.sponsorContainer, .sponsorInterestedContainer {width: 100%; clear: both; background: white;}
.sponsorInterestedContainer .sponsorSection {margin: 0 auto; padding: 100px 0; text-align: center;}
.sponsorInterestedContainer .sponsorSection p {margin-top: 30px;}
.sponsorInterestedContainer {background: #F8F8FB;}
.sponsorSection {margin: 0 auto; padding: 60px 0; max-width: 960px;}
.sponsorSection h2 {font-weight: 600; font-size: 2em; line-height: 1.2em;}
.sponsorImgRight {float: right; margin-left: 40px; max-width: 200px;}
.sponsorImgLeft {float: left; margin-right: 40px; max-width: 200px;}
.sponsorTextRight {text-align: right;}
.review{padding: 50px; clear: both; margin: 0;}
.review .photo{width: 175px; float: right; margin: 0 0 0 10px;}
.review h4{ font-size: 22px; font-weight: 800; line-height: 25px; color:#333;}
.review small{color: #999; font-style: italic; margin: 0 0 10px 0; display: block;}
@media only screen and (max-width: 1024px) {
    .sponsorSection {padding: 40px 20px;}
}
@media only screen and (max-width: 760px) {
    .sponsorInterestedContainer .sponsorSection {margin: 0 auto; padding: 40px 20px; text-align: center;}
    .sponsorSection h2 {margin-bottom: 20px;}
    .sponsorContainer p {margin: 0 0 1.5em 0; line-height: 1.5em;}
    .sponsorContainer img {width: 21%; margin-left: 10px;}
    .sponsorContainer .review img {width: 25%;}
	.sponsorContainer .review {padding: 0;}
	.sponsorTextRight {text-align: left;}
	.sponsorImgLeft {float: right; margin-right: 0;}
}


/* TOOLBOX PAGE */
.toolbox_header p {margin-bottom: 0.6em;}
.toolbox_header .toolbox_disclosure {font-size: 1em; line-height: 1.5em; font-style: italic;}
.toolbox h2{display:block; width: 100%;  text-transform: uppercase; font-weight: 800; font-size: 35px; line-height:35px; color:#666; margin: 30px 0; clear: both; padding: 40px 0 0 0;}
.tool_section .tool{box-sizing: content-box; display:block; position: relative; float: left; width: 42%; min-height: 350px; max-height: 350px; margin: 0 3% 3% 0; background: white; color:#000; border-radius: 4px; overflow: hidden; opacity:1; padding: 3%; font-size: 16px; line-height: 1.6em; font-weight: normal; transition: all 0.3s ease-in-out; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; -webkit-appearance: none;}
.tool_section .tool.lmm_book {min-height: 400px; max-height: 400px;}
.tool_section .tool:nth-child(even){float:right; margin: 0 0 3% 0;}
.tool_section .tool h4{ font-weight: 800; font-size: 30px; line-height:30px; margin: 0 0 10px 0; color: black;}
.tool_section .tool img{float: right; width: 100px; margin: 0 0 10px 20px; border-radius: 4px;}
.tool_section .tool.lmm_book img {width: 200px;}
.tool .button-cta {position: absolute; bottom: 8%; left: 6%; background: #3496BC; border: 2px solid #3496BC !important;}
.tool .button-cta:hover {color: #3496BC !important; background: white; border: 2px solid #3496BC !important;}
.tool .button-cta:before {color: #3496BC !important;}
.tool .button-clear {position: absolute; bottom: 8%; right: 6%;}
.tool .button-clear:before {color: #3496BC !important;}
@media only screen and (max-width: 1200px) {
    .toolbox {padding: 0 20px;}
    .tool_section .tool {min-height: 400px; max-height: 400px;}
}
@media only screen and (max-width: 810px) {
    .toolbox {padding: 0 20px; background: #F8F8FB;}
    .toolbox_button {float: left; width: 22%; margin: 5px; padding-bottom: 8px; vertical-align: middle; border-radius: 4px; text-align: center; background: white; color: black; font-size: 11px; line-height: 11px; text-transform: capitalize; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc;}
    .toolbox_button img {padding: 15%; width: 70%; min-height: 61px;}
    .tool_section .tool:nth-child(even){float:none; margin: 0 0 5% 0;}
	.tool_section .tool { display: block; float: none; text-align: left; width: initial; min-height: initial; max-height: initial; margin: 0 auto 20px auto; overflow: hidden; padding: 18px; font-size: 16px; } 
	.start .toolbox p {text-align: left;}
	.start .toolbox img {display: none;}
	.start .toolbox .tool img {display: block;}
	.tool_section .tool img {max-width: 100%; float: right; width: inherit; margin: 0 0 10px 20px; border-radius: 4px;}
	.tool_section .tool.lmm_book img {max-width: 40%;}
    .tool .button-cta, .tool .button-clear {position: initial; width: 80%; text-align: center;}
	.tool .button-clear {margin-top: 10px;}
	.tool p {margin: 20px 0 0 0; text-align: center;}
}
@media only screen and (max-width: 400px) {
    .tool_section .tool img {max-width: 20%; float: right; width: inherit; margin: 0 0 10px 20px; border-radius: 4px;}
}


/* SUBSCRIBE PAGE */
.subscribe_page {padding-bottom: 20px;}
.subscribe_page h1 {text-align: center; padding: 0px;}
.subscribe_book_image {float:right; width: 30%; box-shadow: none;}
@media only screen and (max-width: 760px) {
    .subscribe_book_image {display: none;}
}
@media only screen and (max-width: 500px) {
    .subscribe_page #content_header {padding: 15px;}
    .subscribe_page article#content_max {margin: 0 auto;}
    .subscribe_page h4 {font-size: 1.1em; line-height: 1.4em; padding: 0 0 1.2em 0;}
    .subscribe_page .subscribeInPost {padding: 15px 0; margin: 0 0 30px 0;}
}


/* AUTHOR PAGE */
.profile_image {float: left; width: 22%;}
.profile_image img {width: 100%; max-width: 250px; border-radius: 4px;}
.profile_description {float: right; width: 73%;}
.profile_top_container {max-width: 1100px; margin-bottom: 40px;}
.profile_article_list .post {min-height: 240px;}
.author_sharebar {background: #3496BC; color: white; border-radius: 4px; text-align: center; padding: 10px 0; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc;}
.author_sharebar a {color: white;}
.author_sharebar a:hover {text-decoration: none;}
.author_sharebar ul {list-style: none;}
.author_sharebar li {display: inline; font-size: 1.5em; padding: 10px; margin: 0;}
@media only screen and (max-width: 700px) {
    .profile_image {float: none; width: 100%; max-width: 250px; margin: 0 auto;}
    .profile_description {float: none; width: auto; padding: 20px;}
    .profile_article_list {padding: 20px;}
}


/* EMAIL SIGNUP */
.emailSignup {background: #3496BC; color: white; margin: 80px 0 0 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.emailSignup .button-subscribe{width: 20%; margin-left: 10px; padding: 10px 5px;}
.emailSignup .content{width: 90%; height: auto; margin: auto; padding: 40px 0 30px 0; text-align: center;}
.emailSignup h3 { color:#FFF; padding: 0; font-size: 1.6em; font-weight: 400; line-height: 1.3em; margin: 0; text-align: center; font-weight: bold; border-radius: 4px 4px 0 0;}
.emailSignup h4 { color:#333; padding:0px 0 20px 0; font-size: 25px; font-weight: 400; line-height: 30px; margin: 0; text-align: center; font-weight: bold; border-radius: 4px 4px 0 0;}
.emailSignup p {margin: 15px 0; font-size: 1em;}
.emailSignup form {display:block; width: 100%; margin: auto; text-align: center;}
.emailSignup .email, .podcast_get_book .email {width:30%; margin:0 0 15px 0; padding: 12px 8px; font-size: 16px; text-align: center; border-radius: 4px; line-height: 1.4; }
.search_subscribe, .popular_subscribe {background-color: #F9F9FB; margin: 40px 0px 0px 0px; box-shadow: none; color: black;}
.search_subscribe h3, .popular_subscribe h3 {color: black; padding: 0px 0px 20px 0px;}
.search_subscribe .email, .popular_subscribe .email {box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; -webkit-appearance: none;}
.search_subscribe .button-subscribe, .popular_subscribe .button-subscribe {background: #3496BC; border: 2px solid #3496BC !important; }
.search_subscribe .button-subscribe:hover, .popular_subscribe .button-subscribe:hover { border: 2px solid #3496BC !important; background: white; color: #3496BC !important; text-decoration: none; }
@media only screen and (max-width: 760px) {
    .emailSignup { margin: 0; }
    .emailSignup .email { width: 95%; }
	.emailSignup .button-subscribe { width: 100%; margin: 0;}
	.search_subscribe {margin: -40px 0 20px 0;}
	.popular_subscribe {margin: 20px 0 0 0;}
}
@media only screen and (max-width: 400px) {
	.search_subscribe h3, .popular_subscribe h3 {font-size: 20px; padding: 0px;}
}


/* BOOK PAGES */
#subscribe_inner {margin-top: 80px; max-width: 780px;}
#subscribe_inner h2 {padding: 10px 0 30px 0;}
.mint-book-top {float: right; margin-top: 20px;}
#subscribe_inner blockquote {margin-bottom: 20px;}
.bookEmail img {float: left; width: 39%; max-height: 259px;}
.bookEmail .content {float: right; width: 50%; font-size: 16px; padding: 37px 30px; text-align: center; border: 1px solid #CCC; background: #F8F8F8; }
.bookEmail .content h3 {font-family: georgia,serif; font-size: 24px; line-height: 30px; color: #666; margin: 0 0 20px 0; padding: 0; text-align: center;}
.bookEmail .content .email {width: 95%; padding: 10px; font-size: 16px; margin: 0 0 15px 0; border: 2px solid #CCC; border-radius: 4px; text-align: center;}
.masteringmint_icon.alignnone {float: left; margin: 20px 20px 50px 0px;}
h3.masteringmint_section {clear: none; padding: 10px 0 20px 0;}
@media only screen and (max-width: 400px) {
    #subscribe_inner {margin-top: 40px;}
    .mint-book-top {float: none; width: 100%; height: auto; }
    .bookEmail img {display: none;}
    .bookEmail .content {float: none; width: 80%; margin: 0 auto;}
    .masteringmint_icon.alignnone {display: none;}
}



/* SUBSCRIBE SHORTCODE */
.subscribe_core form{clear: both;}
.subscribeInPost{border-top:1px solid #c7cdc2; border-bottom: 1px solid #c7cdc2; padding: 25px 0 25px 0; margin: 10px 0 30px 0;}
.subscribeInPost p, .subscribeInCategory p{width: 100%; float: none; line-height: 1.2em;}
.subscribeInPost form, .subscribeInCategory form{width: 100%; float: right; color:#999;}
.subscribeInPost input, .subscribeInCategory input, .subscribeDesktopHeader input{text-align: center; line-height: normal; float:left; background: white; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; -webkit-appearance: none; padding: 11px 5px; font-size: 18px; width: 60%; margin: 0 10px 0 0; border-radius: 4px; border: 0; color: black;}
.subscribeInPost button, .subscribeInCategory button, .subscribeDesktopHeader input{line-height: 1.4; padding: 10px 5px; width: 36%;}
.subscribeInPost small, .subscribeInCategory small{font-size: 14px;}
@media only screen and (max-width: 760px) {
	.subscribeInPost { padding: 15px 0 15px 0; margin: 15px 0 15px 0; } 
	.subscribeInPost p { width: 100%; float: none; text-align: center; padding: 0 0 10px 0; } 
	.subscribeInPost form { width: 100%; float: none; } 
	.subscribeInPost input, .subscribeInCategory input { float: left; border: 0; padding: 11px 5px; font-size: 16px; width: 66%; margin: 0 10px 0 0; color: black; border-radius: 4px; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc; -webkit-appearance: none;} 
	.subscribeInPost input { width: 60%; text-align: center; }
	.subscribeInPost button, .subscribeInCategory button, .subscribeDesktopHeader input{width: 33%;}
	.subscribeInPost p, .subscribeInCategory p {width: 100%; margin-bottom: 10px;}
	.subscribeInPost form, .subscribeInCategory form {width: 100%;}
}


/* TWEET SHORTCODE */
.tweet{background-color: #429cd6; border-left: 0 solid #3c87b2; padding: 30px; margin: 40px 0; transition: all .25s linear; border-radius: 4px; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc;}
.tweet:hover{border-left: 10px solid #3c87b2; transition: all .25s linear;}
.tweet p{font-size: 24px; line-height: 1.4; color: white; margin: 0; font-style: italic;}
.tweetLinkIcon:before {content: "s";}
.tweetLinkIcon {float: right; font-size:21px; margin-left:15px; text-transform:none; margin-top:0px;}
.tweetLink{float: right; color:white; padding: 0 0 0 25px}
.tweetLink:hover{color: white;}
@media only screen and (max-width: 760px) {
    .tweet {margin: 40px -7.5%; border-radius: 0;}
}


/* POST SHORTCODE */
.post_shortcode {background: white;}
.post_shortcode {display: block; margin: 20px 0; transition: 0.3s ease; border-radius: 4px; box-shadow: 0 1px 2px 0 #ccc; -webkit-box-shadow: 0 1px 2px 0 #ccc; -moz-box-shadow: 0 1px 2px 0 #ccc;}
.post_shortcode:hover {box-shadow: 0 1px 30px 0 #ccc; -webkit-box-shadow: 0 1px 30px 0 #ccc; -moz-box-shadow: 0 1px 30px 0 #ccc;}
.post_shortcode a:hover {text-decoration: none;}
.post_shortcode img {float: right; width: 160px; height: 160px; object-fit: cover; margin: 0 0 0 1.5em; border-radius: 0px 4px 4px 0px;}
.post_shortcode h4 {font-size: 1.4em; line-height: 1.3em; font-weight: 400; padding: 1.5em;}
.post_shortcode .faux-ratio {display: initial;}
.post_shortcode .faux-load {display: inherit;}
.post_shortcode .faux-big {position: inherit;}
@media only screen and (max-width: 550px) {
    .post_shortcode h4 {padding: 15px; font-size: 1.4em;}
    .post_shortcode img {float: none; width: 100%; margin: 0; border-radius: 4px 4px 0 0; max-height: 130px; object-fit: cover; box-shadow: none;}
}


/* CODE EMBED */
.code{padding: 20px; background: #F8F8F8; border:1px solid #CCC; font-size: 14px; color: #999; overflow: scroll;}


/* YOUTUBE EMBED */
.video-container {position: relative; padding-bottom: 51.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 30px 0; border: 1px #CCC solid;}
.video-container iframe, .video-container object, .video-container embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* TAB BAR */
#tab-bar {display: none;}
@media only screen and (max-width: 1024px) {
    #tab-bar {display:block; position: fixed; z-index: 1000; right: 0; bottom: 0; left: 0; height: 55px; background-color: #fff; border-top: 1px solid #e2e2e2;}
    .tab {float: left; width: 20%; padding: 7.5px 0; vertical-align: middle; text-align: center; color: #7F7E7E; font-size: 11px; line-height: 11px; text-transform: capitalize;}
    .tab.active {color: #3496BC; }
    .tab:hover,.tab:hover i { color: #3496BC; text-decoration: none; }
    .tab i {font-size: 16px; line-height: 24px; clear: both; display: inline-block; float: left; width: 100%; margin-bottom: 0;}
}
@media only screen and (max-width: 760px) {
    #tab-bar {height:50px; font-size: 11px;}
    .tab {width: 20%; padding-top: 7.5px 0;}
}

/* FAUXLOAD */
.faux-load {max-width:100%; display:inline-block;}
.faux-big, .faux-small {opacity:1; transition:0.5s opacity ease;}
.faux-small {filter:blur(10px); position:absolute; top:-15px; left:-15px; width:calc(100% + 30px) !important; max-width:none !important; max-height:none !important; height:calc(100% + 30px) !important; display:block;}
.faux-big, .faux-noscript {position:absolute; top:0; left:0; width:100%; display:block;}
.faux-image-loaded .faux-small {opacity:0;}
.faux-image-show .faux-small {display:none;}
.faux-ratio {width:100%; overflow:hidden; position:relative;}
.faux-big {margin: 0; border-radius: 0px;}