/*
Theme Name: WAIM
Author: Ben Rabicoff
Author URI: https://benrabicoff.com
Version: 1.0
*/
* {margin:0;padding:0;}
*, *:before, *:after {box-sizing:border-box;}
:root {--waim-color-black:0,0,0;--waim-color-dark-gray:73,73,73;--waim-color-medium-gray:124,124,124;--waim-color-light-pink:252,241,240;--waim-color-light-coral:255,209,201;--waim-color-coral:254,150,149;--waim-color-light-cobalt:175,178,255;--waim-color-blue:40,49,255;--waim-color-teal:21,188,188;--waim-color-mint:180,252,221;--waim-color-dark-mint:153,235,199;--waim-color-gold:248,206,20;--waim-color-yellow:251,232,53;}
html {height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;}
body {height:100%;font-size:100%;font-family:"Karla","Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;line-height:1;color:var(--main-color);overflow-x:hidden;}
aside,main,section {display:block;}

/* Onboard */
.profile-complete-overlay-wrapper {display:none;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:1000;}
.profile-complete-overlay {width:560px;background-color:#ffffff;border-radius:4px;}
.profile-complete-content {padding:30px;border-radius:4px 4px 0 0;}
.profile-complete-content h2 {margin:0 0 15px 0;color:#2831FF;font-size:32px;font-weight:900;letter-spacing:.025em;line-height:46px;text-align:center;}
.profile-complete-content p {font-size:14px;line-height:20px;text-align:center;}
.profile-complete-btn-wrapper {display:flex;justify-content:space-between;align-items:center;padding:30px;background-color:#FCF1F0;border-radius:0 0 4px 4px;}
.no-thanks {width:48%;padding:15px 0;color:rgba(255,150,149,1);font-family:"Source Code Pro";font-size:14px;font-weight:500;text-transform:uppercase;text-align:center;text-decoration:none;border:2px solid rgba(255,150,149,1);border-radius:4px;}
.no-thanks:hover {color:#ffffff;background-color:rgba(255,150,149,1);}
.take-me {width:48%;padding:15px 0;background-color:rgba(40,49,255,1);color:#ffffff;font-family:"Source Code Pro";font-size:14px;font-weight:500;text-transform:uppercase;text-align:center;text-decoration:none;border-radius:4px;}
.take-me:hover {background-color:rgba(40,49,255,.8);}

/* Notes */
.notes-overlay-wrapper {display:none;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:1000;}
.notes-overlay {width:640px;background-color:#ffffff;border-radius:4px;}
.notes-overlay-card-wrap {display:none;}
.notes-overlay-card .notes-overlay-card-wrap {display:block;}
.notes-header {display:flex;justify-content:space-between;align-items:center;padding:25px 25px 0 25px;border-radius:4px 4px 0 0;}
.notes-meta {display:flex;justify-content:space-between;align-items:center;}
.notes-meta p {font-size:22px;font-weight:700;}
.notes-meta .note-tag {display:flex;justify-content:space-between;align-items:center;margin:0 0 0 10px;padding:5px 10px;background-color:rgba(var(--waim-color-gold),1);color:#ffffff;font-size:11px;font-weight:400;border-radius:4px;}
.notes-meta .note-tag span {margin:0 0 0 10px;}
.notes-exit {margin:0 0 0 20px;}
.notes-content {display:grid;grid-template-columns:1fr 2fr;grid-gap:30px;padding:25px;}
.notes-content img {max-width:180px;height:auto;}
.notes-content p {font-size:14px;line-height:22px;}
.notes-content textarea {height:200px;background:#dfe0fa;font-size:14px;line-height:22px;resize:none;border:none;-webkit-appearance:none;-moz-appearance:none;}
.notes-content textarea:disabled {background:#fff;}

.notes-bar {display:flex;justify-content:flex-end;background-color:#FCF1F0;padding:12px 25px;border-radius:0 0 4px 4px;}
.notes-bar button {padding:8px 26px;color:#ffffff;font-family:"Source Code Pro";font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border:0;border-radius:4px;outline:none;-webkit-appearance:none;-moz-appearance:none;}
.notes-bar button:hover {cursor:pointer;}
.notes-bar button.btn-notes-edit {background-color:rgba(255,150,149,1);}
.notes-bar button.btn-notes-edit:hover {background-color:rgba(255,150,149,.8);}
.notes-bar button.btn-notes-save {display:none;background-color:rgba(23,188,188,1);}
.notes-bar button.btn-notes-save:hover {background-color:rgba(23,188,188,.8);}

/* People */
.people-overlay-wrapper {display:none;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:1000;}
.people-overlay {position:relative;width:900px;background-color:#ffffff;border-radius:4px;}
.people-overlay-card {background-color:#ffffff;border-radius:4px;}
.people-overlay-card-wrap {display:none;}
.people-overlay-card .people-overlay-card-wrap {display:flex;}
.people-overlay-card-img {display:flex;max-width:400px;}
.people-overlay-card-img img {border-radius:4px 0 0 4px;max-width:400px;height:auto;max-height:400px;}
.people-overlay-card-content {padding:20px;}
.people-overlay-card-content h3 {margin:0 0 5px 0;color:#2831FF;font-family:"Karla";font-size:26px;font-weight:700;line-height:24px;}
.people-overlay-card-content h4 {margin:0 0 20px 0;color:#FF9695;font-size:14px;font-weight:400;}
.people-overlay-card-content p {margin:0 0 15px 0;font-size:16px;line-height:20px;}
.people-overlay-card-content .tags p {margin:0 0 30px 0;color:#B2B2B2}
.people-overlay-card-kicker {display:flex;justify-content:space-between;align-items:center;}
.people-close {position:absolute;top:-30px;right:-30px;}
.people-close svg polygon {fill:#ffffff;}
.people-btn-notes {display:flex;align-items:center;padding:5px 10px;background-color:rgba(40,49,255,1);color:#ffffff;font-size:11px;line-height:18px;text-decoration:none;border-radius:4px;}
.people-btn-notes:hover {background-color:rgba(40,49,255,.8);}
.people-btn-notes svg {margin:0 5px 0 0;}

@media only screen and (max-width:900px) {
	.people-overlay {width:400px;}
	.people-overlay-card-wrap {flex-direction:column;}
	.people-overlay-card-img img {border-radius:4px 4px 0 0;}
}

/*.site-wrapper {height:100%;display:flex;flex-grow:1;align-items: stretch;justify-content:space-between;}*/
.container {width:90%;max-width:960px;margin:0 auto;padding:160px 0;background:url(images/bg-main-top.jpg) center top no-repeat;background-size:100%;}
h1, h2, h3 {font-family:"gira-sans","Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;}
a {text-decoration-skip:ink;transition:.2s;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;}
label {display:block;margin:0 0 10px 0;font-size:14px;font-weight:600;text-transform:uppercase;}
input,select,textarea,button {font-family:Karla,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;padding:10px;font-size:16px;font-weight:400;outline:none;}

/* Mobile Menu*/
.mobile-menu {display:none;position:absolute;top:10px;right:10px;justify-content:center;align-items:center;width:45px;height:45px;background-color:rgba(var(--waim-color-teal),1);color:#ffffff;border-radius:50%;z-index:1000;}
.mobile-menu:hover {box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);cursor:pointer;}
.mobile-menu img {transition:.2s;}
.mobile-close {display:none;}
.mobile-menu-active .mobile-open {display:none;}
.mobile-menu-active .mobile-close {display:block;}
.mobile-menu-show {margin-left:0;}

aside {position:relative;display:block;overflow:auto;width:205px;flex-shrink: 0;padding:30px 0;background-color:#222222;transition:.2s;}
aside ul {margin:0 0 60px 0;}
aside ul a svg {margin:0 20px 0 0;}
aside ul a {display:flex;align-items:center;padding:30px 0 30px 40px;color:#ffffff;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;}
aside ul a:hover {color:#222222;background-color:#FFD1C9;}
aside ul a:hover svg polygon, aside ul a:hover svg path {fill:#222222;}
aside ul li.aside-profile {position:relative;}
aside ul li.aside-profile ul li a {color:#222222;background-color:#FCF2F0 !important;}
aside ul li.aside-profile ul li a:hover {background-color:#FFD1C9 !important;}
aside ul li.aside-profile:hover > ul {display:block;}
aside ul li.aside-profile:hover > ul img {display:block;}
aside ul li.aside-profile ul img {display:none;position:absolute;left:65px;}
aside ul li.aside-profile ul {display:none;position:absolute;left:25px;top:-155px;width:150px;background-color:#FCF1F0;border:2px solid #FE9695;border-radius:2px;list-style-type:none;z-index:900;}
aside ul li.aside-profile ul li:not(:last-of-type) {border-bottom:2px solid #FE9695;}
aside ul li.aside-profile ul a {padding:15px 0;color:#444444;font-size:9px;text-transform:none;}
aside ul li.aside-profile a {flex-direction:column;padding:30px 0;}
aside .avatar {display:block;height:40px;width:40px;margin:0 auto 20px auto;border-radius:50%;}
.aside-logo {display:block;margin:0 0 40px 0;text-align:center;}
.aside-wrapper {position: fixed; width: 205px;overflow-y: scroll;height: 100%;min-height: 0;}
@media only screen and (max-width: 62em) {
	.aside-wrapper {position: unset; width: unset;}
}

body.dashboard aside ul li.aside-dashboard a,
body.library aside ul li.aside-library a,
body.articles aside ul li.aside-articles a,
body.single-article aside ul li.aside-articles a,
body.people aside ul li.aside-people a,
body.single-people aside ul li.aside-people a,
body.roadmaps aside ul li.aside-roadmaps a,
body.single-roadmap aside ul li.aside-roadmaps a,
body.faves aside ul li.aside-faves a,
body.single-fave aside ul li.aside-faves a,
body.chit-chat aside ul li.aside-chit-chat a,
body.single-chit-chat aside ul li.aside-chit-chat a,
body.profile aside ul li.aside-profile a,
body.settings aside ul li.aside-profile a,
body.tour aside ul li.aside-profile a {color:#222222;background-color:#FFD1C9;}

body.dashboard aside li.aside-dashboard a svg polygon,
body.library aside li.aside-library a svg path,
body.articles aside li.aside-articles a svg path,
body.single-article aside li.aside-articles a svg path,
body.people aside li.aside-people a svg path,
body.roadmaps aside li.aside-roadmaps a svg polygon,
body.single-roadmap aside li.aside-roadmaps a svg polygon,
body.faves aside li.aside-faves a svg path,
body.single-fave aside li.aside-faves a svg path,
body.chit-chat aside li.aside-chit-chat a svg path,
body.single-chit-chat aside li.aside-chit-chat a svg path,
body.profile aside li:nth-of-type(7) a svg polygon {fill:#222222;}

main {display:block;width:100%;}
main h1 {margin: 0 0 45px 0;color:#2831FF;font-size:32px;line-height:46px;font-weight:900;}
main h2 {margin:0 0 45px 0;font-size:20px;font-weight:600;}
main h3 {margin:0 0 10px 0;font-size:22px;}
main p {margin:0 0 24px 0;font-size:18px;line-height:1.6;}
main p a {color:var(--main-link-color);text-decoration-skip:ink;transition:.2s;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;}
main p a:hover {color:var(--main-link-hover-color);}

/* Privacy Toggle */
.profile-privacy {display:flex;justify-content:space-between;align-items:center;margin:0 0 15px 0;background-color:rgba(var(--waim-color-light-coral),1);border:3px solid rgba(var(--waim-color-light-coral),1);border-radius:4px;}
.profile-privacy a {width:50%;padding:10px 0;color:rgba(var(--waim-color-coral),1);font-size:16px;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;}
.profile-privacy.toggle-public {background-color:rgba(var(--waim-color-teal),1);border:3px solid rgba(var(--waim-color-teal),1);}
.profile-privacy.toggle-public a {color:#ffffff;}
.profile-privacy.toggle-public .toggle-public.toggle-active {color:rgba(var(--waim-color-teal),1);;}
.toggle-active {background-color:#ffffff;border-radius:3px;}

/* Dashboard */
.main-dash-upper {display:flex;justify-content:space-between;margin:0 0 60px 0;}
.dash-user-left {width:300px;}
.dash-user-left h2 {margin:0 0 15px 0;font-family:"Karla";font-size:21px;font-weight:700;line-height:30px;text-align:center;}

.dash-user-right {width:calc(100% - 340px);}
.dash-user-right-upper {margin:0 0 35px 0;}
.dash-user-right-lower {display:flex;justify-content:space-between;}
.dash-user-right-lower-left {width:29%;}
.dash-user-right-lower-right {width:64%;}

.dash-label {display:flex;align-items:center;margin:0 0 12px 0;font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;}
.dash-label img {padding:0 0 0 10px;}

.dash-profile-img {padding:0 0 70px 0;background:url(images/bg-dash-profile-picture.jpg) center bottom no-repeat;}
.dash-profile-img img {display:block;width:185px;height:185px;margin:0 auto;border-radius:50%;}

.dash-goal-wrapper {position:relative;}
.dash-goal-wrapper textarea {width:100%;min-height:96px;outline:none;resize:none;}
.dash-goal-wrapper textarea {padding:12px;background-color:#FBE834;font-size:26px;font-weight:600;border:none;}
.dash-goal-wrapper textarea::selection {background:rgba(0,0,0,0.10);}
.dash-goal-wrapper textarea::-moz-selection {background:rgba(0,0,0,0.10);}
.dash-goal-wrapper textarea::-webkit-selection {background:rgba(0,0,0,0.10);}
.dash-goal-wrapper textarea::placeholder {color:rgba(0,0,0,.3);}
.dash-goal-wrapper textarea:-ms-input-placeholder {color:rgba(0,0,0,.3);}
.dash-goal-wrapper textarea::-ms-input-placeholder {color:rgba(0,0,0,.3);}
.dash-goal-wrapper button {display:none;position:absolute;bottom:10px;right:10px;background-color:rgba(var(--waim-color-teal),1);padding:5px 20px;color:#ffffff;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:4px;}
.dash-goal-wrapper button:hover {background-color:rgba(var(--waim-color-teal),.8);cursor:pointer;}
.dash-goal-count {color:rgba(var(--waim-color-medium-gray),1);font-size:11px;}

.my-tags-list {display:flex;flex-wrap:wrap;list-style-type:none;}
.my-tags-list li {background-color:#ffffff;padding:6px;margin:0 5px 5px 0;color:#17BCBC;font-size:14px;border:1px solid #17BCBC;border-radius:4px;}

.dash-badges {margin:0 0 35px 0;}
.dash-badges p.badges-coming-soon {background-color:#ffffff;margin:0;padding:17px;color:#FF9695;font-size:14px;line-height:18px;border:1px solid #FF9695;border-radius:4px;}

.dash-toggle {display:flex;justify-content:space-between;width:160px;margin:0 0 15px 0;background-color:rgba(var(--waim-color-light-coral),1);font-size:12px;border:2px solid rgba(var(--waim-color-light-coral),1);border-radius:4px;}
.dash-toggle a {width:50%;padding:6px 15px;color:rgba(var(--waim-color-coral),1);font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;}
.dash-toggle-active {background-color:#ffffff;border-radius:3px;}

.dash-privacy .profile-privacy {width:160px;}
.dash-privacy .profile-privacy a {padding:5px 0;font-size:9px;}
.dash-privacy p.explainer {color:#c0c0c0;font-size:12px;line-height:16px;}


/* Card Sections, Base */
.section-container {}
.section-wrapper {background-color:#fcf1f0;padding:30px;border-radius:10px;}
.section-wrapper:not(:last-of-type) {margin:0 0 40px 0;}
.section-wrapper h2 {display:flex;align-items:center;margin:0 0 20px 0;font-family:"Karla";font-size:20px;font-weight:900;text-transform:uppercase;}
.section-wrapper h2 span {display:flex;justify-content:center;align-items:center;margin:0 10px 0 0;width:40px;height:40px;background-color:#ffffff;border-radius:50%;}
.section-wrapper h2 span.lib-related {margin:0 0 0 20px;width:auto;height:auto;background-color:inherit;font-size:18px;font-weight:400;font-style:italic;border-radius:none;text-transform:none;}

/* Cards */ 
.section-card-wrapper {display:grid;grid-template-columns: repeat(auto-fill,minmax(215px, 1fr));grid-gap:30px;}
.section-people .section-card-wrapper {display:grid;grid-template-columns: repeat(auto-fill,minmax(250px, 1fr));grid-gap:30px;}
.section-card {display:flex;flex-direction:column;background-color:#ffffff;border-radius:4px;overflow-wrap:break-word;}
.section-card-img {position:relative;}
.section-card-img img {max-width:100%;border-radius:4px 4px 0px 0px;height:auto;}
.section-card-content {height:100%;display:flex;flex-direction:column;padding:20px;}
.section-card-content h3 {margin:0 0 10px 0;font-family:"Karla";font-size:20px;font-weight:700;line-height:24px;}
.section-card-content h3 a {color:#2831FF;text-decoration:none;}
.section-card-content h4 {margin:0 0 20px 0;color:#FF9695;font-size:14px;font-weight:400;}
.section-card-content p {margin:0 0 15px 0;font-size:11px;line-height:18px;}
.section-card-kicker {margin-top:auto;display:flex;justify-content:space-between;align-items:center;}
.card-empty {display:flex;justify-content:center;align-items:center;min-height:315px;background-color:transparent;border:2px solid #F5E5E4;}
.card-empty a {display:flex;flex-direction:column;color:#F5E5E4;font-weight:900;text-transform:uppercase;text-decoration:none;}
.card-empty a img {margin:0 0 10px 0;opacity:.5;}

/* Cards - Notes Button */ 
.btn-notes {display:flex;align-items:center;padding:6px 8px 6px 6px;font-size:11px;line-height:18px;text-decoration:none;border-radius:4px;}
.btn-notes img,.btn-notes svg {margin:0 5px 0 0;}

/* Cards - Link */ 
.btn-link {display:flex;align-items:center;padding:6px;color:#2831FF;font-size:10px;line-height:18px;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;border-radius:4px;}
.btn-link img {margin:0 0 0 5px;}

/* Cards - Completed Indicator */ 
.marker-indicator {display:flex;justify-content:center;align-items:center;position:absolute;bottom:10px;right:10px;background-color:#2831FF;color:#ffffff;font-size:12px;border-radius:4px;}
.marker-indicator span {padding:6px 8px;border:1px solid #ffffff;}
.marker-indicator span:first-of-type {border-radius:3px 0 0 3px;}
.marker-indicator span:last-of-type {padding:6px;border-left:none;border-radius:0 3px 3px 0;}
.mark-complete {background-color:#ffffff;color:#2831FF;text-decoration:none;}
.mark-complete span {border:1px solid #2831FF !important;border-radius:3px !important;}
.mark-complete:hover {background-color:#2831FF;color:#ffffff;cursor:pointer;}

/* Card - Bookmark, Base */
.section-card-bookmark-wrapper {display:flex;justify-content:center;align-items:center;position:absolute;top:-10px;right:-10px;}
.section-card-bookmark-wrapper .bookmark-remove {display:none;}
.section-card-bookmark-wrapper.card-bookmarked .bookmark-remove {display:flex;}
.section-card-bookmark-wrapper.card-bookmarked .bookmark-add {display:none;}
.section-card-bookmark {display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;}
.bookmark-add svg path {fill:#ffffff;}
.bookmark-add:hover {cursor:pointer;}
.label-add {display:none;position:absolute;top:25px;right:-60px;padding:10px 15px;color:#ffffff;font-size:14px;background-color:rgba(0,0,0,.7);border-radius:4px;z-index:900;}
.label-remove {display:none;position:absolute;top:25px;right:-60px;padding:10px 15px;color:#ffffff;font-size:14px;background-color:rgba(0,0,0,.7);border-radius:4px;z-index:900;}

/* Card - Bookmark, Section Colors */
.section-roadmap h2 svg path {fill:rgba(var(--waim-color-gold),1);}
.section-roadmap .bookmark-add {background-color:#ffffff;border:2px solid rgba(var(--waim-color-gold),1);}
.section-roadmap .bookmark-add svg path {fill:rgba(var(--waim-color-gold),1);}
.section-roadmap .bookmark-add:hover {background-color:rgba(var(--waim-color-gold),1);border:2px solid rgba(var(--waim-color-gold),0);}
.section-roadmap .bookmark-add:hover svg path {fill:#ffffff;}
.section-roadmap .bookmark-remove {background-color:rgba(var(--waim-color-gold),1);border:2px solid rgba(var(--waim-color-gold),1);}
.section-roadmap .bookmark-remove svg path {fill:#ffffff;}
.section-roadmap .bookmark-remove:hover {background-color:#ffffff;border:2px solid rgba(var(--waim-color-gold),1);}
.section-roadmap .bookmark-remove:hover svg path {fill:rgba(var(--waim-color-gold),1);}
.section-roadmap .notes-view {background-color:rgba(var(--waim-color-gold),1);color:#ffffff;}
.section-roadmap .notes-view:hover {background-color:rgba(var(--waim-color-gold),.7);}
.section-roadmap .notes-add {border:1px solid rgba(var(--waim-color-gold),1);color:rgba(var(--waim-color-gold),1);}
.section-roadmap .notes-add svg path {fill:rgba(var(--waim-color-gold),1);}
.section-roadmap .notes-add:hover {color:#ffffff;background-color:rgba(var(--waim-color-gold),1);}
.section-roadmap .notes-add:hover svg path {fill:#ffffff;}

.section-course h2 svg path {fill:rgba(var(--waim-color-coral),1);}
.section-course .bookmark-add {background-color:#ffffff;border:2px solid rgba(var(--waim-color-coral),1);}
.section-course .bookmark-add svg path {fill:rgba(var(--waim-color-coral),1);}
.section-course .bookmark-add:hover {background-color:rgba(var(--waim-color-coral),1);border:2px solid rgba(var(--waim-color-coral),0);}
.section-course .bookmark-add:hover svg path {fill:#ffffff;}
.section-course .bookmark-remove {background-color:rgba(var(--waim-color-coral),1);border:2px solid rgba(var(--waim-color-coral),1);}
.section-course .bookmark-remove svg path {fill:#ffffff;}
.section-course .bookmark-remove:hover {background-color:#ffffff;border:2px solid rgba(var(--waim-color-coral),1);}
.section-course .bookmark-remove:hover svg path {fill:rgba(var(--waim-color-coral),1);}
.section-course .notes-view {background-color:rgba(var(--waim-color-coral),1);color:#ffffff;}
.section-course .notes-view:hover {background-color:rgba(var(--waim-color-coral),.7);}
.section-course .notes-add {border:1px solid rgba(var(--waim-color-coral),1);color:rgba(var(--waim-color-coral),1);}
.section-course .notes-add svg path {fill:rgba(var(--waim-color-coral),1);}
.section-course .notes-add:hover {color:#ffffff;background-color:rgba(var(--waim-color-coral),1);}
.section-course .notes-add:hover svg path {fill:#ffffff;}

.section-article h2 svg path {fill:rgba(var(--waim-color-blue),1);}
.section-article .bookmark-add {background-color:#ffffff;border:2px solid rgba(var(--waim-color-blue),1);}
.section-article .bookmark-add svg path {fill:rgba(var(--waim-color-blue),1);}
.section-article .bookmark-add:hover {background-color:rgba(var(--waim-color-blue),1);border:2px solid rgba(var(--waim-color-blue),0);}
.section-article .bookmark-add:hover svg path {fill:#ffffff;}
.section-article .bookmark-remove {background-color:rgba(var(--waim-color-blue),1);border:2px solid rgba(var(--waim-color-blue),1);}
.section-article .bookmark-remove svg path {fill:#ffffff;}
.section-article .bookmark-remove:hover {background-color:#ffffff;border:2px solid rgba(var(--waim-color-blue),1);}
.section-article .bookmark-remove:hover svg path {fill:rgba(var(--waim-color-blue),1);}
.section-article .notes-view {background-color:rgba(var(--waim-color-blue),1);color:#ffffff;}
.section-article .notes-view:hover {background-color:rgba(var(--waim-color-blue),.7);}
.section-article .notes-add {border:1px solid rgba(var(--waim-color-blue),1);color:rgba(var(--waim-color-blue),1);}
.section-article .notes-add svg path {fill:rgba(var(--waim-color-blue),1);}
.section-article .notes-add:hover {color:#ffffff;background-color:rgba(var(--waim-color-blue),1);}
.section-article .notes-add:hover svg path {fill:#ffffff;}

.section-tool h2 svg path {fill:rgba(var(--waim-color-teal),1);}
.section-tool .bookmark-add {background-color:#ffffff;border:2px solid rgba(var(--waim-color-teal),1);}
.section-tool .bookmark-add svg path {fill:rgba(var(--waim-color-teal),1);}
.section-tool .bookmark-add:hover {background-color:rgba(var(--waim-color-teal),1);border:2px solid rgba(var(--waim-color-teal),0);}
.section-tool .bookmark-add:hover svg path {fill:#ffffff;}
.section-tool .bookmark-remove {background-color:rgba(var(--waim-color-teal),1);border:2px solid rgba(var(--waim-color-teal),1);}
.section-tool .bookmark-remove svg path {fill:#ffffff;}
.section-tool .bookmark-remove:hover {background-color:#ffffff;border:2px solid rgba(var(--waim-color-teal),1);}
.section-tool .bookmark-remove:hover svg path {fill:rgba(var(--waim-color-teal),1);}
.section-tool .notes-view {background-color:rgba(var(--waim-color-teal),1);color:#ffffff;}
.section-tool .notes-view:hover {background-color:rgba(var(--waim-color-teal),.7);}
.section-tool .notes-add {border:1px solid rgba(var(--waim-color-teal),1);color:rgba(var(--waim-color-teal),1);}
.section-tool .notes-add svg path {fill:rgba(var(--waim-color-teal),1);}
.section-tool .notes-add:hover {color:#ffffff;background-color:rgba(var(--waim-color-teal),1);}
.section-tool .notes-add:hover svg path {fill:#ffffff;}

.section-people h2 svg path {fill:rgba(var(--waim-color-light-cobalt),1);}
.section-people .bookmark-add {background-color:#ffffff;border:2px solid rgba(var(--waim-color-light-cobalt),1);}
.section-people .bookmark-add svg path {fill:rgba(var(--waim-color-light-cobalt),1);}
.section-people .bookmark-add:hover {background-color:rgba(var(--waim-color-light-cobalt),1);border:2px solid rgba(var(--waim-color-light-cobalt),0);}
.section-people .bookmark-add:hover svg path {fill:#ffffff;}
.section-people .bookmark-remove {background-color:rgba(var(--waim-color-light-cobalt),1);border:2px solid rgba(var(--waim-color-light-cobalt),1);}
.section-people .bookmark-remove svg path {fill:#ffffff;}
.section-people .bookmark-remove:hover {background-color:#ffffff;border:2px solid rgba(var(--waim-color-light-cobalt),1);}
.section-people .bookmark-remove:hover svg path {fill:rgba(var(--waim-color-light-cobalt),1);}
.section-people .notes-view {background-color:rgba(var(--waim-color-light-cobalt),1);color:#ffffff;}
.section-people .notes-view:hover {background-color:rgba(var(--waim-color-light-cobalt),.7);}
.section-people .notes-add {border:1px solid rgba(var(--waim-color-light-cobalt),1);color:rgba(var(--waim-color-light-cobalt),1);}
.section-people .notes-add svg path {fill:rgba(var(--waim-color-light-cobalt),1);}
.section-people .notes-add:hover {color:#ffffff;background-color:rgba(var(--waim-color-light-cobalt),1);}
.section-people .notes-add:hover svg path {fill:#ffffff;}

.section-fave h2 svg path {fill:rgba(var(--waim-color-dark-gray),1);}
.section-fave .bookmark-add {background-color:#ffffff;border:2px solid rgba(var(--waim-color-dark-gray),1);}
.section-fave .bookmark-add svg path {fill:rgba(var(--waim-color-dark-gray),1);}
.section-fave .bookmark-add:hover {background-color:rgba(var(--waim-color-dark-gray),1);border:2px solid rgba(var(--waim-color-dark-gray),0);}
.section-fave .bookmark-add:hover svg path {fill:#ffffff;}
.section-fave .bookmark-remove {background-color:rgba(var(--waim-color-dark-gray),1);border:2px solid rgba(var(--waim-color-dark-gray),1);}
.section-fave .bookmark-remove svg path {fill:#ffffff;}
.section-fave .bookmark-remove:hover {background-color:#ffffff;border:2px solid rgba(var(--waim-color-dark-gray),1);}
.section-fave .bookmark-remove:hover svg path {fill:rgba(var(--waim-color-dark-gray),1);}
.section-fave .notes-view {background-color:rgba(var(--waim-color-dark-gray),1);color:#ffffff;}
.section-fave .notes-view:hover {background-color:rgba(var(--waim-color-dark-gray),.7);}
.section-fave .notes-add {border:1px solid rgba(var(--waim-color-dark-gray),1);color:rgba(var(--waim-color-dark-gray),1);}
.section-fave .notes-add svg path {fill:rgba(var(--waim-color-dark-gray),1);}
.section-fave .notes-add:hover {color:#ffffff;background-color:rgba(var(--waim-color-dark-gray),1);}
.section-fave .notes-add:hover svg path {fill:#ffffff;}
.fav-avatar {position:absolute;left:20px;bottom:15px;border-radius:50% !important;}

.section-chit-chat h2 svg path {fill:rgba(0,0,0,1);}
.section-chit-chat .notes-view {background-color:rgba(var(--waim-color-dark-gray),1);color:#ffffff;}
.section-chit-chat .notes-view:hover {background-color:rgba(var(--waim-color-dark-gray),.7);}
.section-chit-chat .notes-add {border:1px solid rgba(var(--waim-color-dark-gray),1);color:rgba(var(--waim-color-dark-gray),1);}
.section-chit-chat .notes-add svg path {fill:rgba(var(--waim-color-dark-gray),1);}
.section-chit-chat .notes-add:hover {color:#ffffff;background-color:rgba(var(--waim-color-dark-gray),1);}
.section-chit-chat .notes-add:hover svg path {fill:#ffffff;}

/* Show more */
.section-show-more {display:flex;justify-content:center;margin:30px 0 0 0;padding:10px 0;background-color:rgba(255,209,201,1);color:#000000;text-decoration:none;border-radius:4px;}
.section-show-more:hover {background-color:rgba(255,209,201,.7);}
.section-show-more img {margin:0 0 0 12px;}

/* View all */
.view-all-wrapper {display:flex;justify-content:space-between;align-items:center;}
.view-all-wrapper p {margin:0 15px 0 0;color:#FFD1C9;font-size:16px;font-weight:600;}
.view-all {font-family:"Source Code Pro",Karla,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;padding:15px 0;background-color:#FFD1C9;color:#000000;font-size:14px;font-weight:500;text-align:center;text-decoration:none;text-transform:uppercase;border-radius:4px;}
.view-all:hover {background-color:#FF9695;color:#ffffff;}

/* Library */
.library-search {display:flex;justify-content:space-between;margin:40px 0 60px 0;}
.library-search p {margin:0;color:#2831FF;font-size:30px;font-weight:600;}
.form-search {display:flex;justify-content:space-between;align-items:center;}
.form-search input {width:320px;height:100%;margin:0 10px;font-weight:600;border:none;border-bottom:2px solid #2831FF;}
.form-search input::placeholder {color:#2831FF;opacity:1;}
.form-search input:-ms-input-placeholder {color:#2831FF;}
.form-search input::-ms-input-placeholder {color:#2831FF;}
.form-search button {width:45px;height:45px;padding:0 18px;background-color:#2831FF;color:#ffffff;border:none;border-radius:0 4px 4px 0;-}
.form-search button:hover {cursor:pointer;}
.form-search .input-empty {border-bottom:2px solid red !important;}
.form-dropdown select {background:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;}
body.library .section-container {margin:60px 0 0 0;}
body.library .section-container {display:none;}
body.library .view-all {display:block;width:160px;margin:0 auto;}

/* Custom Select */
.library-custom-select-wrapper {position:relative;}
.library-custom-select {display:flex;align-items:center;width:380px;padding:14px 20px;color:#2831FF;font-weight:600;border:2px solid #2831FF;border-radius:4px;}
.library-custom-select:hover {cursor:pointer;}
.library-custom-select:after {display:block;width:45px;height:100%;position:absolute;top:0;right:0;background:#2831FF url(images/icon-arrow-down.svg) no-repeat center center;content:"";border-radius:0px 4px 4px 0px;}
.library-custom-select-options {display:none;width:380px;position:absolute;top:0;left:0;background-color:#ffffff;border:2px solid #FF9695;border-radius:4px;z-index:100;}
.library-custom-select-options ul {list-style-type:none;}
.library-custom-select-options li {position:relative;}
.library-custom-select-options li:not(:last-of-type) a {border-bottom:2px solid #FF9695;}
.library-custom-select-options li a {display:block;padding:14px 20px;color:#FF9695;text-decoration:none;}
.library-custom-select-options li a:hover:not(.select) {background-color:#FCF1F0;}
.library-custom-select-options li a.select {position:relative;color:#ffffff;background-color:#FF9695;}
.library-custom-select-options li a.select:after {display:block;width:42px;height:100%;position:absolute;top:0;right:0;background:#FF9695 url(images/icon-arrow-down.svg) no-repeat center center;content:"";}
.selected-item {color:#FF9695;font-weight:600;border:2px solid #FF9695;border-radius:4px;}
.selected-item:after {display:block;width:45px;height:100%;position:absolute;top:0;right:0;background:#FF9695 url(images/icon-arrow-down.svg) no-repeat center center;content:"";}
.show {display:block;}
.hide {display:none;}

/* Articles */
.articles-guides .view-all {width:160px;}

/* People */
.people .view-all {width:160px;}
a.social {display:inline-block;vertical-align:middle;line-height:20px;}
a.social:not(:last-of-type) {margin:0 12px 0 0;}

/* Roadmaps */
.roadmaps main h2 {font-family:"Karla";}

/* Single Roadmap */
.single-roadmap h2 {font-family:"Karla";font-size:20px;font-weight:600;text-transform:uppercase;}
.single-roadmap .back-to {color:#2831FF;font-size:14px;font-weight:600;}
.single-roadmap .content-upper {display:flex;margin:40px 0;justify-content:space-between;}
.single-roadmap .content-upper .section-wrapper {background-color:#ffffff;padding:0;margin:0;border-radius:0;}
.single-roadmap .section-card {width:245px;box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);}
.single-roadmap .content-upper-left {width:calc(100% - 305px);}
.single-roadmap .content-upper-left p {margin:0 0 30px 0;font-size:14px;}
.single-roadmap .content-upper-left p a {color:#2831FF;}
.single-roadmap .related-resources {padding:40px;background:url(images/bg-related-resources.jpg);background-repeat:no-repeat;background-size: cover;}
.single-roadmap .related-resources h3 {margin:0 0 25px 0;font-size:18px;text-transform:uppercase;}
.single-roadmap .related-resources p:last-of-type {margin:0;}
.phase-intro h1 {margin:0 0 15px 0;}
.phase-intro p {margin:0 0 40px 0;color:#7C7C7C;font-size:12px;}
.phase-item-wrapper {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.phase-item {display:flex;justify-content:space-between;align-items:center;width:49%;margin:0 0 20px 0;padding:25px 20px;background-color:#ffffff;border-radius:6px;}
.phase-item p {font-size:13px;margin:0;}
.phase-item-checkbox {width:30px;height:30px;border-radius:4px;}
.phase-active .checkbox-empty {border:2px solid #2831FF;}
.phase-active .checkbox-active {background:#2831FF url(images/icon-check.svg) no-repeat center center;}
.phase-active .phase-item-checkbox:hover {cursor:pointer;}
.phase-inactive {position:relative;min-height:300px;}
.phase-locked {position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;top:50px;left:0;z-index:200;}
.phase-locked img {max-width:95px;margin:0 0 25px 0;}
.phase-locked p {margin:0;}
.phase-locked p span {display:block;margin:0 auto;padding:15px 30px;background-color:#FCF1F0;color:#FF9695;font-size:20px;font-weight:700;border:1px solid #FF9695;border-radius:4px;}
.phase-active .phase-locked {display:none;}
.phase-inactive h2 {color:#FF9695;}
.phase-inactive .phase-item-wrapper, .phase-inactive .description {filter:blur(4px);}
.phase-inactive .phase-item p, .phase-inactive .description {color:#FF9695;}
.phase-inactive .checkbox-empty {border:2px solid #FF9695;}
.btn-clear-phases {display:block;margin:30px auto 0 auto;background-color:rgba(40,49,255,1);padding:15px 30px;color:#FFFFFF;font-family:"Source Code Pro";font-size:16px !important;font-weight:500;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);border:none;border-radius:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;}
.btn-clear-phases:hover {background-color:rgba(40,49,255,.8);cursor:pointer;}

/* Faves */
.faves h1 {margin:0 0 40px 0;}
.faves-search {display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 60px 0;}
.faves-search-filter {width:240px;}
.faves-search-filter p {margin:20px 0;color:#7C7C7C;font-size:11px;text-align:center;}
.faves-search-filter .view-all {display:block;width:160px;margin:0 auto;}
.faces {display:flex;justify-content:space-between;align-items:center;}
.faces img {box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);border-radius:50%;transition:.2s;}
.faces a {position:relative;display:flex;border-radius:50%;background-color:#ffffff;}
.faces a:hover img {box-shadow:none;filter:grayscale(100%) contrast(1.2);opacity:0.6;transition:.2s;}
.faces a:hover::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transition:all ease-in-out .5s;}
.faces a.face-carol:hover {box-shadow:inset 0 0 0 2px #AFB2FF;}
.faces a.face-carol:hover::after {background-color:#23278a;mix-blend-mode:color;}
.faces a.face-jason:hover {box-shadow:inset 0 0 0 2px #FFD1C9;}
.faces a.face-jason:hover::after {background-color:#FFD1C9;mix-blend-mode:color;}
.faces a.face-carol.face-carol-active img,.faces a.face-jason.face-jason-active img {box-shadow:none;filter:grayscale(100%) contrast(1.2);opacity:0.6;transition:.2s;}
.faces a.face-carol.face-carol-active {box-shadow:inset 0 0 0 2px #AFB2FF}
.faces a.face-carol.face-carol-active::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transition:all ease-in-out .5s;background-color:#23278a;mix-blend-mode:color;}
.faces a.face-jason.face-jason-active {box-shadow:inset 0 0 0 2px #FFD1C9}
.faces a.face-jason.face-jason-active::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transition:all ease-in-out .5s;background-color:#FFD1C9;mix-blend-mode:color;}

/* Chit Chat */
.chit-chat-col-wrapper {display:flex;justify-content:space-between;}
.chit-chat-col-left {width:245px;}
.chit-chat-col-left img {border-radius:4px;}
.chit-chat-col-right {width:calc(100% - 285px);}
.chit-chat-col-right p {font-size:14px;}
.go-to {display:block;width:100%;margin:20px 0 10px 0;padding:15px 0;background-color:rgba(40,49,255,1);color:#ffffff;font-family:"Source Code Pro";font-size:14px;font-weight:500;text-transform:uppercase;text-align:center;text-decoration:none;border-radius:4px;}
.go-to:hover {background-color:rgba(40,49,255,.8);}
.download {display:block;width:100%;padding:15px 0;color:rgba(255,150,149,1);font-family:"Source Code Pro";font-size:14px;font-weight:500;text-transform:uppercase;text-align:center;text-decoration:none;border:2px solid rgba(255,150,149,1);border-radius:4px;}
.download:hover {color:#ffffff;background-color:rgba(255,150,149,1);}

/* Account / Profile */
.account-nav {display:flex;justify-content:center;align-items:center;margin:0 0 60px 0;list-style-type:none;}
.account-nav li:not(:last-of-type) {margin:0 30px 0 0;}
.account-nav a {padding:5px 0;color:#000000;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0);}
.account-nav a:hover {color:#17BCBC;border-bottom:1px solid #17BCBC;}
body.profile .section-profile,
body.settings .section-settings,
body.tour .section-tour {color:#17BCBC;border-bottom:1px solid #17BCBC;}

.account-avatar img {display:block;margin:-80px auto 0 auto;border-radius:50%;width:200px;height:auto;}
.section-inner {margin:0 0 50px 0;}
.section-row-single {display:flex;justify-content:space-between;margin:0 0 40px 0;}
.section-row-single .field-wrapper {width:49%;}
.section-row-full .field-wrapper {width:100%;}

.account-settings h1 {margin:0 0 20px 0;}
.account-settings .note {margin:20px 0 0 0;color:#7C7C7C;font-size:14px;}
.account-settings .note a {color:#2831FF;}
.section-row-single.profile-visibility {margin:0;}

/* Account / Profile / Caroline's Code */
.account-settings h4 {
    margin: 0 0 40px 0;
    font-family: "Source Code Pro";
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
}

.account-settings h3 {
    margin: 0 0 40px 0;
    font-size: 26px;
    font-weight: 900;
    line-height: 38px;
}

.account-settings h2 {
    margin: 30px 0 20px 0;
    color: #2831FF;
    font-size: 32px;
    font-weight: 900;
    line-height: 50px;
    letter-spacing: 0;
    text-align: center;
	font-family: 'Gira Sans',sans-serif;
	text-transform:none;
}

.account-settings h5 {
    margin: 0 0 40px 0;
    font-family: "Sentinel A","Sentinel B";
    font-size: 22px;
    font-weight: 400;
    line-height: 48px;
}

.account-settings h6 {
    margin: 0 0 20px 0;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em;
	line-height:1.4em;
}

.account-settings p {
	line-height:2em;
}

.account-settings ul, .account-settings ol {
    font-size: 18px;
    line-height: 36px;
    margin-left: 40px;
    margin-bottom: 40px;
}

.account-settings h5 {
	font-size:22px;
	line-height:1.6em;
}

.account-settings hr {
    display: block;
    width: 100%;
    height: 24px;
    margin: 0 0 60px 0;
    background: url(images/article/bg-hr.jpg) center center no-repeat;
    border: none;
}

.account-settings .related-resources {
    padding: 20px;
    background-color:#fff;
    border-radius:8px;
	width:50%;
	float:right;
	margin-left:40px;
}


.account-settings a {
	color:#2831FF;
	text-decoration:none;
	}
	
.account-settings a:hover {
	color:black;
}

.btn-workshop {
	display:block;
	height:50px;
	margin:20px 0 60px 0;
}

.btn-workshop a {
	display:inline-block;
    background-color: #2831FF;
    padding: 20px;
    margin: 10px 0;
    border-radius: 8px;
    color: #fff;
    font-family: 'Source Code Pro', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-workshop a:hover {
    opacity:.8;
    color: #fff;
}

.account-settings .section-wrapper {
	overflow:auto;
}


/* FORMS */
.rcp_form_field_wrapper {display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;margin:0 0 40px 0;}
.rcp_form h4 {margin:0 0 15px 0;font-size:14px;font-weight:700;text-transform:uppercase;}
.rcp_form label {font-size:14px;font-weight:400;text-transform:none;}
.rcp_form input[type=text]::placeholder {color:rgba(0,0,0,.3);}
.rcp_form input[type=text]:-ms-input-placeholder {color:rgba(0,0,0,.3);}
.rcp_form input[type=text]::-ms-input-placeholder {color:rgba(0,0,0,.3);}
.rcp_form input[type=url]::placeholder {color:rgba(0,0,0,.3);}
.rcp_form input[type=url]:-ms-input-placeholder {color:rgba(0,0,0,.3);}
.rcp_form input[type=url]::-ms-input-placeholder {color:rgba(0,0,0,.3);}
.rcp_form textarea::placeholder {color:rgba(0,0,0,.3);}
.rcp_form textarea:-ms-input-placeholder {color:rgba(0,0,0,.3);}
.rcp_form textarea::-ms-input-placeholder {color:rgba(0,0,0,.3);}
.rcp_form input[type=text],
.rcp_form input[type=email],
.rcp_form input[type=url],
.rcp_form input[type=password],
.rcp_form select,
.rcp_form textarea {width:100%;padding:12px 16px !important;color:#FF9695;font-family:"Source Code Pro";font-size:20px;font-weight:500;border:1px solid rgba(255,255,255,0);border-radius:4px;box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);transition:.2s;}
.rcp_form select {height:51px;background-color:#ffffff;}
.rcp_form textarea {height:160px;resize:none;transition:.2s;}
.rcp_form input[type=text]:focus,
.rcp_form input[type=email]:focus,
.rcp_form input[type=url]:focus,
.rcp_form input[type=password]:focus,
.rcp_form textarea:focus,
.account-settings textarea:focus {border:1px solid rgba(255,150,149,.5) !important;}
.rcp_form input[type=submit] {background-color:rgba(40,49,255,1);padding:15px 30px;color:#FFFFFF;font-family:"Source Code Pro";font-size:16px !important;font-weight:500;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);border:none;border-radius:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;}
.rcp_form input[type=submit]:hover {background-color:rgba(40,49,255,.8);cursor:pointer;}
.rcp_form input.required {color:#FF9695 !important;}
.rcp_password_change_notice {margin:0 0 20px 0 !important;font-size:14px;}

/* Avatar */
#basic-user-avatar-form {text-align:center;}
#basic-user-avatar-form > input[type=file] {display: none;}
#basic-user-avatar-form > input[type=submit] {font-size:12px !important;padding:10px;position:relative;top:-10px;}

/* Billing Table */
.rcp-table {width:100%;font-size:14px;border-collapse:collapse;}
.rcp-table:not(:last-of-type) {margin:0 0 40px 0;}
.rcp-table thead {background-color:#FFD1C9;}
.rcp-table thead th {padding:20px 0 20px 20px;font-weight:400;text-align:left;}
.rcp-table thead th:first-of-type {border-radius:4px 0 0 4px;}
.rcp-table thead th:last-of-type {border-radius:0 4px 4px 0;}
.rcp-table tbody td {padding:20px 0 20px 20px;}
.rcp-table a {color:#2831FF;}

/* Register Confirmation / Caroline's Code */
.register .rcp-confirm-details {
	padding: 10% 5% 5% 10%;
}
.register .rcp-table {
	width:80%;
	margin: 0 auto 100px auto;
}

.register form {
	padding:0 5% 20% 10%;
}

/* Privacy Toggle */
p.explainer {color:#7C7C7C;font-size:14px;line-height:16px;}

/* Tags */
.profile-tags {margin:30px 0 0 0;list-style-type:none;}
.profile-tags li {display:inline-block;}
.profile-tags a {display:block;background-color:#ffffff;margin:0 8px 8px 0;padding:10px 14px;color:#FF9695;font-size:14px;text-decoration:none;border:2px solid #FF9695;border-radius:4px;}
.profile-tags a:hover {color:#ffffff;background-color:#FF9695;}
.profile-tags a.tag-active {color:#ffffff;background-color:#FF9695;}

/* 1200px - 65em */
@media only screen and (max-width:75.000em) {
.section-card-kicker {flex-direction:column;}
}

/* 992px - 62.000em */
@media only screen and (max-width:62.000em) {
.mobile-menu {display:flex;}
aside {position:absolute;width:100%;height:100vh;margin-left:-100%;z-index:900;}
.aside-logo {width:100px;margin:0 auto 40px auto;}
main {width:100%;}
.container {padding:60px 0;}

.main-dash-upper {flex-direction:column;}
.dash-user-left,.dash-user-right {width:100%;}

.library-search {flex-direction:column;width:380px;margin:40px auto 60px auto;}
.library-search p {margin:30px 0;text-align:center;}
.form-search input {height:48px;}
.form-search button {height:48px;}
.form-search .search:invalid{box-shadow:none;}
}

/* 760px - 47.500em */
@media only screen and (max-width:47.500em) {
.profile-complete-overlay {width:90%;}
.profile-complete-btn-wrapper {flex-direction:column;}
.no-thanks {margin:0 0 20px 0;}
.no-thanks,.take-me {width:100%;}

.notes-overlay {width:90%;}
.notes-content {grid-template-columns:1fr;}

.section-card-wrapper {grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));}
.section-card:not(:last-of-type) {margin:0 0 30px 0;}
.section-card-kicker {flex-direction:row;}

.dash-user-right-lower {flex-direction:column;}
.dash-user-right-lower-left,.dash-user-right-lower-right {width:100%;}
.dash-user-right-lower-left {margin:0 0 35px 0;}

.single-roadmap .content-upper {flex-direction:column;}
.single-roadmap .section-card {width:100%;}
.single-roadmap .content-upper-left {width:100%}

.view-all-wrapper {flex-direction:column;margin:0 auto;}
.view-all-wrapper p {margin:0 0 10px 0;}
.form-search-wrapper {margin:0 auto 40px auto;}
.faves-search {flex-direction:column;}
.faves-search-filter {margin:0 auto;}
}

/* 576px - 36.000em */
@media only screen and (max-width:36.000em) {
.form-search input {width:100%;}

.account-nav {flex-direction:column;}
.account-nav li:not(:last-of-type) {margin:0 0 30px 0;}

.section-row-single {flex-direction:column;margin:0 0 10px 0;}
.section-row-single .field-wrapper {width:100%;margin:0 0 20px 0;}

.chit-chat-col-wrapper {flex-direction:column;}
.chit-chat-col-left {width:100%;}
.chit-chat-col-left .download {margin:0 0 20px 0;}
.chit-chat-col-right {width:100%;}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.dash-profile-img {background:url(images/bg-dash-profile-picture@2x.jpg) center bottom no-repeat;background-size:228px 180px;}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   min--moz-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3),
only screen and (                min-resolution: 288dpi),
only screen and (                min-resolution: 3dppx) {
.dash-profile-img {background:url(images/bg-dash-profile-picture@3x.jpg) center bottom no-repeat;background-size:228px 180px;}
}