/*  VARIABLES  */
/*--------------------------- FONTS ---------------------------*/
@font-face { font-family: 'ProximaNova'; src: url("/fonts/ProximaNova-LightIt.woff2") format("woff2"), url("/fonts/ProximaNova-LightIt.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: 'ProximaNova'; src: url("/fonts/ProximaNova-Light.woff2") format("woff2"), url("/fonts/ProximaNova-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'ProximaNova'; src: url("/fonts/ProximaNova-Regular.woff2") format("woff2"), url("/fonts/ProximaNova-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'ProximaNova'; src: url("/fonts/ProximaNova-RegularIt.woff2") format("woff2"), url("/fonts/ProximaNova-RegularIt.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: 'ProximaNova'; src: url("/fonts/ProximaNova-SemiboldIt.woff2") format("woff2"), url("/fonts/ProximaNova-SemiboldIt.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; }

@font-face { font-family: 'ProximaNova'; src: url("/fonts/ProximaNova-Semibold.woff2") format("woff2"), url("/fonts/ProximaNova-Semibold.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'ProximaNova'; src: url("/fonts/ProximaNova-Bold.woff2") format("woff2"), url("/fonts/ProximaNova-Bold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'ProximaNova'; src: url("/fonts/ProximaNova-BoldIt.woff2") format("woff2"), url("/fonts/ProximaNova-BoldIt.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; }

/*----------------------------

  RESET

----------------------------*/
* { box-sizing: border-box; margin: 0; padding: 0; }

html, body, header, aside, footer { border: 0; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div { display: block; }

body { line-height: 1.5; text-shadow: none; }

table { border-collapse: collapse; border-spacing: 0; }

/*----------------------------

  GENERAL STYLES / TYPE

-----------------------------*/
html { -webkit-text-size-adjust: none; font-size: 18px; }

body { -webkit-text-size-adjust: 100%; font-weight: 400; margin: 0 auto; font-family: "ProximaNova", sans-serif; color: #2f343c; line-height: 1.6; letter-spacing: 0.15px; background: #fff; }

img { max-width: 100%; height: auto; }

p { margin-bottom: 25px; font-size: 0.95rem; font-weight: 400; }

.lead { font-size: 1rem; line-height: 1.5; font-weight: 400; }

b, strong { font-weight: 600; }

a { color: #1572EA; font-weight: 500; text-decoration: none; }

p a { color: #1572EA; font-weight: 500; text-decoration: none; position: relative; }

a:hover, p a:hover { color: #161718; }

a:hover, a:focus { outline: none; }

ul.bullets { margin: 20px 0 30px 20px; }

ul.bullets li { list-style-type: disc; margin-bottom: 10px; }

ul.bullets li::marker { color: #292d30; }

ul.bullets li.list-header { list-style-type: none; font-weight: 500; margin-left: -20px; }

ul.bullets li.header { list-style-type: none; font-size: 1.15rem; font-weight: 600; margin-left: -20px; }

ol.numbers { margin: 20px 0 30px 20px; }

ol.numbers li { list-style-type: decimal; padding-left: 5px; margin-bottom: 5px; }

ol.numbers li::marker { color: #292d30; }

ol.numbers li.list-header { list-style-type: none; font-weight: 500; margin-left: -20px; }

ol.numbers li.header { list-style-type: none; font-size: 1.15rem; font-weight: 600; margin-left: -20px; }

ol.letters { margin: 15px 0 15px 20px; }

ol.letters li { list-style-type: inherit; padding-left: 5px; margin-bottom: 5px; }

ol.letters li::marker { color: #292d30; }

ol.letters li.list-header { list-style-type: none; font-weight: 500; margin-left: -20px; }

ol.letters li.header { list-style-type: none; font-size: 1.15rem; font-weight: 600; margin-left: -20px; }

ol.letters .bullets { margin: 5px 0 10px 20px; }

ol.letters .bullets li { list-style-type: disc; }

li ol { margin: 10px 0px 15px 20px; }

li ol li { line-height: 1.5; }

ul li { margin: 0; list-style-type: none; font-size: 0.95rem; }

ol li { list-style-type: none; font-size: 0.95rem; }

li.list-header { font-weight: 500; list-style-type: none; }

li.header { font-size: 1.15rem; font-weight: 600; margin: 15px 0 5px 0; list-style-type: none; }

blockquote { border-left: 5px solid #1572EA; background: #f7f7f7; padding: 12px 18px; margin-bottom: 25px; font-style: italic; }

blockquote p { margin-bottom: 0; font-style: italic; }

pre { background: #1f2022; color: #ecf0f1; border-radius: 3px; padding: 12px 15px; margin-bottom: 25px; line-height: 1.65; font-size: 15px; }

table { text-align: left; }

th { background: #111; color: #fff; font-weight: 600; }

tr:nth-child(odd) { background: #f2f2f2; }

th, td { padding: 4px 12px; }

td { vertical-align: top; }

h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin-bottom: 10px; letter-spacing: -0.5px; font-weight: 500; -moz-osx-font-smoothing: grayscale; font-family: "ProximaNova", sans-serif; }

h1 { font-size: 2.2rem; font-weight: 600; }

h2 { font-size: 1.5rem; font-weight: 600; }

h2 span { display: block; font-weight: 400; font-size: 1.1rem; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1rem; }

h5 { font-size: 1rem; letter-spacing: 0; text-transform: uppercase; font-weight: 400; }

h6 { font-size: 1.15rem; font-weight: 500; }

hr { border: none; border-bottom: 1px solid; }

/*----------------------------

  GRID 

-----------------------------*/
.container-sm, .container-med, .container { width: 90vw; margin: auto; position: relative; }

.container { max-width: 2000px; }

.container-med { max-width: 1200px; }

.container-sm { max-width: 800px; }

.one-of-two { width: 48.5%; }

.one-of-three { width: 31.33%; }

.two-of-three { width: 65.65%; }

.one-of-four { width: 22.75%; }

.three-of-four { width: 74.25%; }

.one-of-five { width: 18.5%; }

.two-of-five { width: 38.2%; }

.three-of-five { width: 58.8%; }

.four-of-five { width: 79.4%; }

.one-of-six { width: 16%; }

.one-of-seven { width: 13.5%; }

.flexrow { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; }

.grid { display: grid; }

.grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 35px; grid-auto-rows: minmax(min-content, max-content); }

.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); grid-gap: 30px; }

.grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 25px; }

.gc-small { grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); }

.gc-flex { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }

.gc-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.gc-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.gc-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.gc-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.gc1-3 { grid-template-columns: 30% 1fr; }

.podcast-showcase { grid-template-columns: repeat(10, minmax(0, 1fr)); }

.podcatcher-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-gap: 20px; align-items: center; }

.podcatcher-grid img { display: block; width: 100%; margin: 0; width: 60px; border-radius: 12px; }

.podcatcher-grid a { margin: 0 auto; width: auto; height: auto; }

.gap-10 { grid-gap: 10px; }

.gap-15 { grid-gap: 15px; }

.gap-20 { grid-gap: 20px; }

.gap-25 { grid-gap: 25px; }

.gap-30 { grid-gap: 30px; }

.gap-35 { grid-gap: 35px; }

.gap-40 { grid-gap: 40px; }

.gap-50 { grid-gap: 50px; }

.gap-rem { grid-gap: 7rem; }

.justify-center { justify-content: center; }

.justify-start { justify-content: flex-start; }

.justify-end { justify-content: flex-end; }

.justify-between { justify-content: space-between; }

.justify-around { justify-content: space-around; }

.content-center { align-content: center; }

.content-start { align-content: flex-start; }

.content-end { align-content: flex-end; }

.content-between { align-content: space-between; }

.items-start { align-items: flex-start; }

.items-end { align-items: flex-end; }

.items-center { align-items: center; }

.items-baseline { align-items: baseline; }

.self-start { align-self: flex-start; }

.self-end { align-self: flex-end; }

.self-center { align-self: center; }

.self-baseline { align-self: baseline; }

.columns { column-count: 2; column-gap: 1rem; }

.show-header { display: grid; grid-template-columns: auto 1fr; grid-gap: 35px; margin-bottom: 30px; }

.show-header p { margin-bottom: 0px; }

/*--------------------

  HEADER & LOGO & NAV

--------------------*/
#banner { padding: 10px 0; text-align: center; background-color: #1572EA; color: #fff; }

#banner p { line-height: 1; margin: 0; }

#banner a { color: #fff; }

header { background-color: #104399; padding: 15px 0; }

header .flexrow { align-items: center; }

.logo { display: flex; }

.logo img:hover { filter: brightness(100); }

nav ul { display: inline-block; }

nav ul li { display: inline-flex; }

nav ul li a { font-size: 16px; font-family: "ProximaNova", sans-serif; color: #fff; padding: 8px 0; margin-left: 15px; line-height: 1; -moz-osx-font-smoothing: grayscale; transition: all 0.3s ease-out; }

nav ul li a:hover { color: #fff; opacity: 0.8; }

nav ul li:last-child a { color: #104399; border-radius: 4px; padding: 6px 8px; background: white; font-size: 14px; font-weight: 600; border: 1px solid white; transition: all 0.3s ease-out; }

nav ul li:last-child a:hover { background: transparent; transition: all 0.3s ease-out; color: white; opacity: 1; }

.nav ul li a:hover { transition: all 0.3s ease-out; opacity: .8; }

footer { background-color: #1572EA; padding: 40px 0; color: #fff; }

footer p { margin-bottom: 0; }

footer a { color: #fff; }

footer a:hover { color: #fff; opacity: .8; }

footer hr { border-color: rgba(255, 255, 255, 0.5); }

footer .logo { margin-bottom: 15px; display: block; }

footer h4 { font-weight: 600; }

.afterfooter { padding: 15px 0; background-color: #104399; color: #fff; }

.afterfooter h4 { padding-right: 15px; }

.footer-nav { list-style: none; margin: 0; }

.footer-nav li { list-style: none; display: inline-block; padding: 0; }

.footer-nav li a { color: #fff; font-weight: 400; font-size: 0.9rem; font-family: "ProximaNova", sans-serif; line-height: 1; padding: 2px 8px 2px 0; transition: all 0.3s ease-out; }

.footer-nav li a:hover { text-decoration: underline; }

.footer-social li { display: inline-flex; padding: 0; width: auto; font-size: 0px; transition: all 0.3s ease-out; }

.footer-social li a { display: flex; align-items: center; justify-content: center; }

.footer-social li a i { color: #fff; opacity: 1; font-size: 25px; margin-right: 15px; transition: all 0.3s ease-out; }

.footer-social a:hover i { opacity: 0.8; transition: all 0.3s ease-out; }

.copyright { font-weight: 500; font-size: 0.9rem; line-height: 1; color: #fff; margin-bottom: 0; }

.mailchimp { background: linear-gradient(180deg, #fff 50%, #1572EA 50%); padding: 20px 0; }

.mailchimp .container-sm { padding: 25px 40px; background: #104399; color: #fff; }

/*----------------------------

  SECTIONS & CONTENT

----------------------------*/
#content { min-height: calc(100vh - 130px); }

section { overflow: hidden; height: auto; padding: 60px 0; margin: 0; width: 100%; position: relative; }

section hr { color: #ddd; }

.hero { padding: 60px 0 20px 0; }

.question-content ul { margin-bottom: 25px; }

.answer { padding: 20px 20px 10px 20px; background: #E9F1F7; margin-bottom: 20px; }

.answer li::marker { color: #1572EA !important; }

.question-info { align-self: flex-start; padding: 0px 0 40px 20px; border-left: 1px solid #ddd; }

.question-info h4 { font-size: 18px; font-weight: 600; margin-top: 0px; margin-bottom: 0px; }

.question-info p { margin-bottom: 12px; }

.step-tag { font-family: "ProximaNova", sans-serif; margin-bottom: 8px; font-size: 11px; background: #5b9cf0; color: #fff; display: inline-block; padding: 3px 6px; border-radius: 4px; }

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

.question-nav { display: flex; justify-content: flex-end; margin-bottom: 5px; }

.question-nav .spacer { width: 13px; }

.question-block h6 { font-size: 1.25rem; font-weight: 600; padding-top: 25px; }

.step3-outline { grid-gap: 30px; }

.team-card { border-radius: 6px; text-align: center; padding: 20px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1); }

.team-card img { width: 200px; border-radius: 100%; }

.team-card a { color: #292d30; }

.team-card a:hover { color: #1572EA; }

.team-card p { text-align: left; font-size: 0.9rem; }

.team-card .btn { color: #fff; }

.team-card .btn:hover { color: #fff; }

.team-card h3 { margin: 15px 0; }

a.team-card { color: #333; background-color: #fff; border: 1px solid transparent; transition: all 0.3s ease-out; }

a.team-card:hover { border: 1px solid #1572EA; color: #1572EA; transition: all 0.3s ease-out; }

.podcast-holder { padding: 30px 30px 0 30px; border-radius: 10px; background-color: #ecf0f1; position: relative; }

.podcast-holder .show-img { width: 200px; }

.podcast-holder .badge { position: absolute; top: 0; right: 0; border-radius: 0 12px 0 0; background-color: #FFB319; color: #333; font-weight: 500; padding: 4px 8px; letter-spacing: 1px; font-size: 10px; }

.sm-cap { display: block; font-size: 0.9rem; }

.social { margin: 10px 0 20px 0; }

.social li { display: inline-block; list-style: none; margin: 0 4px 8px 0; border-radius: 4px; background-color: #f0f2f2; border: 1px solid #f0f2f2; line-height: 1; }

.social li:hover { border-color: #1572EA; }

.social li a { font-size: 0.8rem; color: #292d30; padding: 6px; display: flex; line-height: 1; }

.social li a i { font-size: 0.9rem; padding-right: 4px; }

.social li a i.fa-globe { font-size: 0.8rem; }

.social li a:hover { color: #1572EA; }

.card-social li { display: inline-block; list-style: none; margin: 0 3px 0; line-height: 1; }

.card-social li:hover { border-color: #1572EA; }

.question-dropdown.active i.fa-angle-down::before { content: "\f00d"; }

.question-dropdown { margin-bottom: 15px; align-items: center; }

.question-dropdown i { padding-right: 10px; }

.question-dropdown h3 { margin-bottom: 0; }

/*--  BUTTONS  --*/
input[type=submit], .btn { display: inline-block; appearance: none; margin: 0 0 10px 0; position: relative; border-radius: 3px; line-height: 1; padding: 14px 16px; font-size: 0.8rem; font-weight: 500; text-transform: capitalize; letter-spacing: .5px; border: none; width: auto; font-family: "ProximaNova", sans-serif; transition: all 0.3s ease-out; }

input[type=submit]:hover, .btn:hover { transition: all 0.3s ease-out; }

.question-sidebar .btn i { margin: 0; }

.btn-twt { background: #1da1f2; color: #fff; }

.btn-twt:hover { color: #fff; background: #0c85d0; }

.btn-ig { background: #C13584; color: #fff; }

.btn-ig:hover { color: #fff; background: #992a69; }

.btn-linkedin { background: #2867b2; color: #fff; }

.btn-linkedin:hover { color: #fff; background: #1f4f88; }

.author-social .btn { color: #222; background: transparent; display: block; padding: 8px; margin: 0; }

.author-social .btn:hover { background: #ecf0f1; }

.btn-blue { background: #1572EA; color: #fff; }

.btn-blue:hover { background: #115dc0; color: #fff; }

.btn-gold { background: #FFB319; color: #fff; }

.btn-gold:hover { background: #ea9d00; color: #fff; }

.btn-dark { background: #394048; color: #fff; }

.btn-dark:hover { background: #323538; color: #fff; }

.btn-white { background: #fff; border: 1px solid #fff; color: #111; }

.btn-white:hover { background: transparent; color: #fff; }

.btn:hover, .btn:focus { cursor: pointer; outline: none; }

/*--  HELPER CLASSES & OTHER  --*/
.spacer { display: block; height: 10px; }

.hide-lg { display: none; }

.space-100 { height: 100px; }

.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 25px; }

.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.block { display: block; }

.gray { background-color: #ecf0f1; }

.blue-1 { background-color: #1572EA; color: #fff; }

.blue-2 { background-color: #104399; color: #fff; }

.gradient { background: radial-gradient(#1572EA 10%, #104399); color: #fff; }

.mt0 { margin-top: 0px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt40 { margin-top: 40px; }

.mt60 { margin-top: 60px; }

.mt80 { margin-top: 80px; }

.mt100 { margin-top: 100px; }

.mb0 { margin-bottom: 0px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.mb60 { margin-bottom: 60px; }

.mb80 { margin-bottom: 80px; }

.mb100 { margin-bottom: 100px; }

.mr-1 { margin-right: 4px; }

.mr-2 { margin-right: 8px; }

.mr-3 { margin-right: 12px; }

.mr-4 { margin-right: 16px; }

.ml-1 { margin-left: 4px; }

.ml-2 { margin-left: 8px; }

.ml-3 { margin-left: 12px; }

.ml-4 { margin-left: 16px; }

.pad0 { padding: 0; }

.pad10 { padding-top: 10px; padding-bottom: 10px; }

.pad15 { padding-top: 15px; padding-bottom: 15px; }

.pad20 { padding-top: 20px; padding-bottom: 20px; }

.pad25 { padding-top: 25px; padding-bottom: 25px; }

.pad30 { padding-top: 30px; padding-bottom: 30px; }

.pad35 { padding-top: 35px; padding-bottom: 35px; }

.pad40 { padding-top: 40px; padding-bottom: 40px; }

.pad60 { padding-top: 60px; padding-bottom: 60px; }

.pad80 { padding-top: 80px; padding-bottom: 80px; }

.pad100 { padding-top: 100px; padding-bottom: 100px; }

.rounded-sm { border-radius: 0.2rem; }

.rounded { border-radius: 0.35rem; }

.rounded-md { border-radius: 0.45rem; }

.rounded-lg { border-radius: 0.75rem; }

.shadow { -webkit-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1); }

.shadow-2 { -webkit-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2); }

.shadow-3 { -webkit-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.3); }

.hover-shadow:hover { -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.35); }

.hover-grow:hover { transform: scale(1.05); }

.hover-shrink:hover { transform: scale(0.95); }

.hover-up:hover { transform: translateY(-8px); }

.hover-grow, .hover-shrink .hover-shadow, .hover-up { transition: all 0.3s ease-out; }

.hover-grow:hover, .hover-shrink .hover-shadow:hover, .hover-up:hover { transition: all 0.3s ease-out; }

.hidden, .show-sm, .show-med, .show-lg, .show-xl { display: none; }

.center, .center-left { text-align: center; margin: inherit auto; }

.right, .right-left { text-align: right; }

.flex { -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.contributors { padding: 12px; border-radius: 4px; align-self: flex-end; }

.contributors a { margin-top: 6px; font-size: 18px; display: block; }

.contributors img { border-radius: 100%; width: 100px; height: auto; }

.contributors .contributor-linkedin i { font-size: 20px; line-height: 1; }

.bronze { background-color: #A37E49; color: #fff; }

.bronze a { color: #fff; }

.silver { background-color: #c5c5c5; }

.silver a { color: #333; }

.gold { background-color: #FFB319; }

.gold a { color: #333; }

.sapphire { background-color: #104399; color: #fff; }

.sapphire a { color: #fff; }

.emerald { background-color: #35b445; color: #fff; }

.emerald a { color: #fff; }

.rankings-list span { display: inline-block; width: 18px; height: 18px; margin-right: 5px; }

/*-----------------------------

  FORM

-----------------------------*/
#mc-embedded-subscribe-form { padding: 0 !important; }

::placeholder { font-weight: 500; color: #666; }

.required { color: red; }

label { display: block; font-size: 16px; font-weight: 400; margin-bottom: 5px; font-family: "ProximaNova", sans-serif; }

.form-instructions { font-size: 14px; font-weight: 500; margin-bottom: 10px; }

input[type=text], input[type=email], input[type=file], input[type=number], select, textarea { width: 100%; font-family: "ProximaNova", sans-serif !important; border: 1px solid #ddd; font-size: 16px; padding: 6px 10px; margin: 0 0 20px; line-height: 1.5; border-radius: 4px; font-weight: 400; background-color: #fff; outline: 2px solid transparent; transition: all 0.3s ease-out; }

input[type=text]:focus, input[type=email]:focus, input[type=file]:focus, input[type=number]:focus, select:focus, textarea:focus { outline-color: #1572EA; border-color: #1572EA; }

input[type=checkbox], input[type=radio] { margin-bottom: 20px; }

.checkbox-label { display: inline-block; }

.select { cursor: pointer; position: relative; }

.select::after { z-index: 4; border: 3px solid #333; border-radius: 2px; border-right: 0; border-top: 0; content: ""; display: block; height: .625em; margin-top: -20px; right: 20px; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: .625em; }

option { padding: 3px 10px; }

.checkbox-custom, .radio-custom { opacity: 0; position: absolute; }

.checkbox-custom, .checkbox-custom-label, label.checkbox-custom-label { display: inline-block; line-height: 1.9; margin: 5px 10px 10px 0px; cursor: pointer; font-size: 1rem; font-weight: 400; }

.checkbox-custom-label { position: relative; }

.checkbox-custom + .checkbox-custom-label:before { width: 4px; height: 8px; border-width: 0px 3px 3px 0px; border-style: none solid solid none; border-color: #fff; content: ""; display: inline-block; margin: 0px 18px 0px 8px; transition: transform 0.15s ease 0s; transform: rotate(45deg) scale(0); position: relative; z-index: 1; }

.checkbox-custom + .checkbox-custom-label::after { content: ""; height: 20px; width: 20px; border: 1px solid #ddd; position: absolute; top: 3px; left: 0; background-color: #fff; z-index: 0; }

.checkbox-custom.error > .checkbox-custom-label::after { content: ""; height: 20px; width: 20px; border: 1px solid #f00; position: absolute; top: 4px; left: 1px; box-shadow: 0 0 2px #f00; }

.checkbox-custom:checked + .checkbox-custom-label:before { transform: rotate(45deg) scale(1); transition: all 0.3s ease-out; }

.checkbox-custom:checked + .checkbox-custom-label::after { background-color: #1572EA; border-color: #1572EA; transition: all 0.3s ease-out; }

.checkbox-custom:focus + .checkbox-custom-label::after { border-color: #1572EA; }

.flex-form input, .flex-form button { margin: 0; }

.has-error { margin-bottom: 15px; }

.has-error input { margin-bottom: 5px; }

.form-error { line-height: 1.4; display: block; font-size: 14px; color: #b94a48; }

fieldset { border: 0; }

#mc-embedded-subscribe { margin: 0 !important; }

#mc_embed_signup_scroll .btn-white { background: #fff; padding: 10px 14px; color: #292d30; border: 1px solid transparent; cursor: pointer; }

#mc_embed_signup_scroll .btn-white:hover { background: transparent; border-color: #fff; color: #fff; }

#mc_embed_signup_scroll .btn-white:focus { background: transparent; border-color: #fff; color: #fff; }

/*-----------------------------

  BLOG

-----------------------------*/
.post-header { padding: 80px 0 20px 0; }

.post-details { border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-bottom: 25px; }

.post-details p { margin: 0; }

.post-details h2 { font-size: 1.3rem; }

.blog-post p { margin-bottom: 35px; }

.blog-posts li:last-child .post-details { border-bottom: none; }

.post-tag { padding: 8px; margin: 0 5px 0px; letter-spacing: 1px; border-radius: 4px; font-size: 11px; text-transform: uppercase; font-weight: 500; color: #448eee; background: transparent; border: 1px solid #5b9cf0; display: inline-block; line-height: 1; transition: all 0.3s ease-out; }

.post-tag:hover { background: #1572EA; color: #fff; transition: all 0.3s ease-out; }

.post-footer { margin: 60px 0 0px; padding: 40px 0; border-top: 1px solid #ddd; }

.more-posts a { display: block; }

.share { margin: 0 0 60px 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 20px; }

.share li { display: block; width: 100%; text-align: center; list-style: none; cursor: pointer; margin: 0; }

.share li a { background: #ecf0f1; border-radius: 4px; padding: 12px 20px 10px; display: block; transition: all 0.3s ease-out; }

.share li a i { font-size: 1.2rem; line-height: 1; }

.share li a:hover { background: #1572EA; color: #fff; transition: all 0.3s ease-out; }

#prev { text-align: left; }

#next { text-align: right; }

#prev, #next { display: grid; }

#prev p, #next p { font-size: 0.9rem; margin: 0; }

#prev a, #next a { color: #333; border: 1px solid #ddd; padding: 20px; border-radius: 4px; transition: all 0.3s ease-out; }

#prev:hover a, #next:hover a { color: #1572EA; border-color: #1572EA; transition: all 0.3s ease-out; }

/*-----------------------------

  RESPONSIVE MEDIA QUERIES

-----------------------------*/
#mobile { display: none; }

@media only screen and (max-width: 1040px) { .break-xl > .one-of-two, .break-xl > .one-of-three, .break-xl > .two-of-three, .break-xl > .one-of-four, .break-xl > .three-of-four, .break-xl > .one-of-five, .break-xl > .two-of-five, .break-xl > .three-of-five, .break-xl > .four-of-five, .break-xl > .one-of-six { width: 100%; } .break-xl { display: block; } .show-xl { display: block; } .hide-xl { display: none; } .gc-3, .gc-4, .gc-5 { grid-template-columns: repeat(2, 1fr); } .question-info { padding: 40px 0 0 0; border-left: none; border-top: 1px solid #ddd; margin-top: 40px; } .question-info img { width: 220px; } .question-header { width: 100%; } footer h4 { margin-top: 20px; } .footer-grid .one-of-four { width: 100%; } .footer-grid .one-of-three { width: 100%; } .footer-grid .one-of-three:first-child { display: none; } .show-header { grid-template-columns: 1fr; } .podcast-showcase { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

@media only screen and (max-width: 950px) { .show-header-inner { display: grid; grid-template-columns: 300px 1fr; gap: 40px; } .hide-lg { display: initial; } .hide-pod { display: none; } }

@media only screen and (max-width: 780px) { .break-lg > .one-of-two, .break-lg > .one-of-three, .break-lg > .two-of-three, .break-lg > .one-of-four, .break-lg > .three-of-four, .break-lg > .one-of-five, .break-lg > .two-of-five, .break-lg > .three-of-five, .break-lg > .four-of-five, .break-lg > .one-of-six { width: 100%; } .flex-row.break-lg { display: block; } .show-lg { display: block; visibility: visible; } #content { flex-direction: column; flex-wrap: wrap; } header { display: block; } footer .flexrow .two-of-three { width: 100%; display: flex; margin-bottom: 30px; } footer .flexrow .two-of-three div:first-of-type { width: 100%; } footer .flexrow .two-of-three .one-of-five, footer .flexrow .two-of-three .one-of-three { width: 45%; margin-bottom: 15px; } .blog-sidebar { padding-bottom: 30px; margin-bottom: 40px; border-bottom: 2px solid #ddd; } .rankings-list span { display: block; text-align: center; width: 18px; height: 18px; margin: 0px auto 5px auto; } }

@media only screen and (max-width: 750px) { .nav { margin: 0; } .nav ul li a { margin: 0 12px 0 0; font-size: 13px; border: none; padding: 15px 0; } .nav ul li a.active { border: none; } .nav ul li a:last-child { padding: 5px 5px; font-size: 12px; } }

@media screen and (max-width: 700px) { .show-header-inner { grid-template-columns: 200px 1fr; } }

@media only screen and (max-width: 680px) { .break-med > .one-of-two, .break-med > .one-of-three, .break-med > .two-of-three, .break-med > .one-of-four, .break-med > .three-of-four, .break-med > .one-of-five, .break-med > .two-of-five, .break-med > .three-of-five, .break-med > .four-of-five, .break-med > .one-of-six { width: 100%; } .break-med { display: block; } .flex-row.break-med { display: block; } .show-med { display: block; visibility: visible; } .hide-med { display: none; } .footer-nav { margin-bottom: 20px; } }

@media only screen and (max-width: 650px) { .nav { display: none; } .hamburger, #mobile { display: block; transition: all 0.2s ease-in-out; } .social { margin-top: 15px; } .podcast-showcase { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media only screen and (max-width: 600px) { .gc-2, .gc-3, .gc-4, .gc-5 { grid-template-columns: 1fr; } .foot-two .gap-20 { gap: 0; } .show-header-inner { grid-template-columns: 1fr; gap: 20px; text-align: center; } .show-header-inner img { max-width: 300px; margin: 0 auto; } #prev, #next { text-align: center; } #prev i, #next i { display: none; } .hero { padding: 60px 0 40px 0; } }

@media only screen and (max-width: 650px) { header .flexrow { flex-direction: column; } nav { margin-top: 10px; } nav ul li:last-child a { background: transparent; border: none; font-size: 0.9rem; padding: 0; margin: 0 0 0 12px; color: #fff; } }

@media only screen and (max-width: 500px) { footer .flexrow .two-of-three { display: block; } footer .flexrow .two-of-three div:first-of-type { margin-bottom: 30px; } footer .flexrow .two-of-three .one-of-five, footer .flexrow .two-of-three .one-of-three { width: 100%; } footer .flexrow .two-of-three hr { display: none; } footer .one-of-three:first-of-type { text-align: center; margin-bottom: 60px; } .afterfooter { padding: 25px 0; } .afterfooter h4 { padding-right: 0; margin-bottom: 10px; } .afterfooter .flexrow { flex-direction: column; } .step3-outline { grid-gap: 0px; } }

@media only screen and (max-width: 465px) { .break-sm > .one-of-two, .break-sm > .one-of-three, .break-sm > .two-of-three, .break-sm > .one-of-four, .break-sm > .three-of-four, .break-sm > .one-of-five, .break-sm > .two-of-five, .break-sm > .three-of-five, .break-sm > .four-of-five { width: 100%; } .flex-row.break-sm { display: block; } .show-sm { display: block; visibility: visible; } .hide-sm { display: none; } .footer-end { text-align: center; display: block; } .footer-end p { margin-top: 10px; } nav ul { text-align: center; } .rankings-list div { margin: 0 0 8px 0; } .rankings-list span { display: inline-block; width: 18px; height: 18px; margin: 0 5px 0 0; } }

/*-- MOBILE MENU --*/
#mobile { max-height: 0; overflow: hidden; transition: max-height .5s; display: none; }

.hamburger { display: none; cursor: pointer; overflow: visible; position: absolute; background: transparent; border: none; z-index: 1; top: 16px; right: 5%; }

.hamburger-box { height: 24px; width: auto; width: 30px; display: block; }

.hamburger-inner { display: block; top: 50%; margin-top: -1px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 26px; height: 2px; background-color: #fff; border-radius: 3px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -8px; }

.hamburger-inner::after { bottom: -8px; }

.hamburger .hamburger-inner { transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger .hamburger-inner::before { transition: top 0.1s 0.14s ease, opacity 0.1s ease; }

.hamburger .hamburger-inner::after { transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease, opacity 0.1s 0.14s ease; }

.hamburger.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger.is-active ~ #mobile { transition: all 0.2s ease-in-out; max-height: 1000px; margin-top: 15px; }

.menu { padding: 0; margin: 0; }

.menu ul { margin: 0; padding: 0; }

.menu li { margin: 0px; background: #104399; list-style: none; transition: all 0.3s ease-out; }

.menu a { font-size: 18px; color: rgba(255, 255, 255, 0.8); font-weight: 400; text-decoration: none; line-height: 1; letter-spacing: .5px; padding: 16px 5%; display: block; }

.menu li:hover { background: #0c3374; transition: all 0.3s ease-out; }

.menu li:hover a { color: #fff; }

/*# sourceMappingURL=main-01-2026.css.map */