/*

  MEDIA QUERY MANAGER

  Helper mixins that adhere to mobile first design.

  0 - 600px:    Phone
  600-900px:    Tablet (Portait)
  900-1200px:   Tablet (Landscape)
  1200-1800px:  Desktop
  1800+      :  Big Desktop
*/

/*

  ABSOLUTE CENTER
  
  Absolute Center for children of elements relatively positioned.
  Use sparingly.

*/

/*
 * Variables
 * Below you will find scss variables that will be used
 * in order to maintain consistency across various components/pages.
 */

/************* GLOBAL ******************/

/********** Home Page *************/

/***********************************/

/*
 * Base Styles
 *
 * Below you will find base style overrides that will cascade
 * through the entire site.
 */

/* Custom Fonts */

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url("/hc/theming_assets/01HZPHEFRPJR0SX30M3VHZ5CNT") format("woff2"), url("/hc/theming_assets/01HZPHEFKX338GMZ419RRVN6BS") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 100;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEKP86N6W43X9P5B00617") format("woff2"),
       url("/hc/theming_assets/01HZPHEK8MV9J8SNJDVECF1MR7") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 200;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHE8DHT25ZSBK5QWKAC988") format("woff2"),
       url("/hc/theming_assets/01HZPHE865MX7BXXGE4N4Q5BY0") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 200;
  font-display: swap;
  src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"),
       url("Inter-ExtraLightItalic.woff?v=3.19") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 300;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEBC6PW8PGBM9DR2VFYTB") format("woff2"),
       url("/hc/theming_assets/01HZPHEB6SAPYP0SHTP2EPNVRA") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 300;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHECMMF45HZPQVDJTK2ZV5") format("woff2"),
       url("/hc/theming_assets/01HZPHEC2H6MH6VD6W3B6HR178") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEFRPJR0SX30M3VHZ5CNT") format("woff2"),
       url("/hc/theming_assets/01HZPHEFKX338GMZ419RRVN6BS") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 400;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEAGB0P57STPBTEJEGNVP") format("woff2"),
       url("/hc/theming_assets/01HZPHEA94A051YXXP327KVVPZ") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 500;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEDFV3EWTSTNW7PTJP1HF") format("woff2"),
       url("/hc/theming_assets/01HZPHEDB5AEYY0PG1N0YQ9CVZ") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 500;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEEYP3ZKXV7G7A0B5DF8M") format("woff2"),
       url("/hc/theming_assets/01HZPHEEA32S13WPRDGNVK7KEC") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 600;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEGFBBY873BYYJ008XBYF") format("woff2"),
       url("/hc/theming_assets/01HZPHEGAB0JT9ZEAT41B8212M") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 600;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEHCVCRJ1107ENNQ4S41E") format("woff2"),
       url("/hc/theming_assets/01HZPHEH7ZTFAW8MEJWR06XS32") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHE3QZ9K5W3S3J09Q67M7Q") format("woff2"),
       url("/hc/theming_assets/01HZPHE3BAM5F84AEA20SNWXAD") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 700;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHE5BK5E0JWCPCSC29PKK9") format("woff2"),
       url("/hc/theming_assets/01HZPHE4N4BE243T4WVKCDBQX3") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 800;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHE676THRJEC16W39C6YVQ") format("woff2"),
       url("/hc/theming_assets/01HZPHE62GK26STRQS19GS5PYG") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 800;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHE78P1Q92FTVCD69CGTCN") format("woff2"),
       url("/hc/theming_assets/01HZPHE6W1R5TWGSQN8G11FG7X") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 900;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHE19ZQPVYKRQ3JC689YQA") format("woff2"),
       url("/hc/theming_assets/01HZPHE14FJNYHJC11GZMTW644") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 900;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHE5BK5E0JWCPCSC29PKK9") format("woff2"),
       url("/hc/theming_assets/01HZPHE21CQB60D4AWQYVXNHV2") format("woff");
}

@font-face {
	font-family: 'Eina01';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url("/hc/theming_assets/01HZPHERJQR5RNXQPJ2EGQRR0J") format("woff2"),
       url("/hc/theming_assets/01HZPHER5DMWQ6CYG0XEH8FY27") format("woff");
}

@font-face {
  font-family: 'Eina01';
  font-style:  normal;
  font-weight: 300;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEPHX2DMZA7NG77ZB1691") format("woff2"),
       url("/hc/theming_assets/01HZPHEP25XFK9ACTJR46RWV0S") format("woff");
}
@font-face {
  font-family: 'Eina01';
  font-style:  italic;
  font-weight: 300;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEQNKPWABEH7MY0JTESTP") format("woff2"),
       url("/hc/theming_assets/01HZPHEQ5NQ16FRNGDR8E9E97M") format("woff");
}

@font-face {
  font-family: 'Eina01';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHERJQR5RNXQPJ2EGQRR0J") format("woff2"),
       url("/hc/theming_assets/01HZPHER5DMWQ6CYG0XEH8FY27") format("woff");
}
@font-face {
  font-family: 'Eina01';
  font-style:  italic;
  font-weight: 400;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHESKPAETDRCKR21VS1VSY") format("woff2"),
       url("/hc/theming_assets/01HZPHES49FMEXVYPF7KTXSZB1") format("woff");
}

@font-face {
  font-family: 'Eina01';
  font-style:  normal;
  font-weight: 600;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHETJNAENA4DA991Z7SYHW") format("woff2"),
       url("/hc/theming_assets/01HZPHET4BKM870NBWXB496Y1B") format("woff");
}
@font-face {
  font-family: 'Eina01';
  font-style:  italic;
  font-weight: 600;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEVK3X2W976PF2XA6ST1V") format("woff2"),
       url("/hc/theming_assets/01HZPHEV1SW7JFHH12ZJ4MW2HG") format("woff");
}

@font-face {
  font-family: 'Eina01';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEMPBANM31QECH8QAFTPA") format("woff2"),
       url("/hc/theming_assets/01HZPHEM6280DJ5ZQ280MFCASD") format("woff");
}
@font-face {
  font-family: 'Eina01';
  font-style:  italic;
  font-weight: 700;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHENJCXF96SNYGBXCSMT1M") format("woff2"),
       url("/hc/theming_assets/01HZPHEN644922GRZ0411Z95J6") format("woff");
}

@font-face {
  font-family: 'Eina01';
  font-style:  normal;
  font-weight: 800;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHEMPBANM31QECH8QAFTPA") format("woff2"),
       url("/hc/theming_assets/01HZPHEM6280DJ5ZQ280MFCASD") format("woff");
}
@font-face {
  font-family: 'Eina01';
  font-style:  italic;
  font-weight: 800;
  font-display: swap;
  src: url("/hc/theming_assets/01HZPHENJCXF96SNYGBXCSMT1M") format("woff2"),
       url("/hc/theming_assets/01HZPHEN644922GRZ0411Z95J6") format("woff");
}

/* End Custom Font */
*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

html {

	/*
	  * Sets the default font-size to 10px for readability
	  * while using rems.
	  */
	font-size: 62.5%;
}

body {
	font-family: 'Inter', avenir next, avenir, helvetica neue, helvetica, arial, sans-serif;
	font-weight: 400;
	line-height: 1.7;
	color: #273266;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #273266;
}

h1 {
	font-size: 3.2rem;
	font-weight: 500;
}

h2,
h3 {
	font-size: 2rem;
	font-weight: 400;
	margin: 1rem 0;
}

strong {
	font-weight: 600;
}

div {
	font-size: 1.65rem
}

hr {
	height: 1px;
	border: 0px;
	background-color: #ddd;
}

p,
.article-page__row-2__col-1 img {
	font-size: 1.65rem;
	font-weight: 400;
	margin: 1.5rem 0
}

ol,
ul {
	list-style-position: inside;
}

li {
	font-size: 1.6rem;
}

img,
video {
	max-width: 100%;
}

* + img,
* + video,
* + ul,
* + ol,
* + p {
	margin-top: 1rem;
}

a {
	text-decoration: underline;
	transition: all .15s ease-in;
	font-weight: 400;
	color:#3B64A0;
}

a:focus {
	outline: 1px dotted #3B64A0;
}

a:hover {
	opacity: 0.85;
}

a:active {
	opacity: 0.95;
}

.u-color-logo {
	color: #3B64A0 !important;
}

.button {
	font-size: 1.4rem;
	font-weight: 600;
	outline: none;
	text-decoration: none;
	padding: 1rem 2rem;
	border-radius: 4px;
	text-transform: uppercase;
}

.button--white {
	color: #4d81cc;
	border: 1px solid #4d81cc;
	background-color: #fff;
}

.button--blue {
	color: #fff;
	background-color: #6aa4f8;
}

.container {
	max-width: 130rem;
	margin: 0 auto;
	padding: 0 2rem;
}

.input {
	font-family: 'Inter', avenir next, avenir, helvetica neue, helvetica, arial, sans-serif;
	font-size: 1.6rem;
	position: relative;
	width: 100%;  /*
	 * This bit is necessary, as ZenDesk applies the class on a
	 * parent form element.
	 */
}

.input[role="search"]::before {
	content: '';
	background: url( "/hc/theming_assets/01HZPHEVQZSYEQR3KETKHN3KTN");
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 1.8rem;
	left: 1.4rem;
	height: 2rem;
	width: 2rem;
}

.input > input {

	/*
	 * This normally is inherited, but ZenDesk is overwriting this
	 * for one reason or another.
	 */
	box-sizing: border-box;
	border-radius: 5px;
	padding: 1.5rem 1rem;
	border: 2px solid #3B64A0;
	width: 100%;
}

.input > input[type="search"] {
	padding-left: 4.5rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border: 2px solid #FAFBFC;
}

.input > input:focus {
	outline: none;
}

.pill {
	font-size: 1rem;
	font-weight: 600;
	padding: 2px 1rem;
	background-color: #6aa4f8;
	color: #232f41;
	border-radius: 5px;
}

.card {
	box-shadow: 0 0 2px 0 rgba(20, 52, 92, 0.05), 0 3px 1.5rem 0 rgba(20, 52, 92, 0.05), 0 1.5rem 4rem 0 rgba(20, 52, 92, 0.05);
	width: 100%;
	background-color: #fff;
	padding: 2rem;
}

.card_title {
	font-weight: 500;
}

.divider {
	height: 1px;
	border: 0;
	background-color: #e6eaee;
}

.list ul {
	list-style: none;
}

.list > li {
	display: flex;
	align-items: center;
	list-style: none;
	font-size: 1.6rem;
	color: #4b5b5f;
	padding: 2rem;
	border-top: 1px solid #e6eaee;
}

.list > li:last-child {
	border-bottom: 1px solid #e6eaee;
}

.list > li:hover {
	background-color: #f5f8f9;
}

.list--blue-hover > li:hover {
	background-color: rgba(73, 153, 255, 0.15);
}

.list--links > li {
	padding: 0;
}

.list--links > li > a {
	text-decoration: none;
	display: flex;
	flex: 1;
	align-items: center;
	padding: 2rem;
	color: inherit;
}

.list--links .list__nested-list {
	display: block;
	padding: 2rem;
}

.list--links .list__nested-list:hover {
	background-color: inherit;
}

.list--links .list__nested-list > li > a {
	display: inline;
	padding: 0;
}

.link {
	text-decoration: none;
	transition: all .15s ease-in;
	font-weight: 600;
	font-size: 1.4rem;
	color: #3B64A0;
}

.link:focus {
	outline: 1px dotted #6aa4f8;
}

.link:hover {
	opacity: 0.85;
}

.link:active {
	opacity: 0.95;
}

.link--dark {
	color:  #3B64A0;
}

.link--dark:focus {
	outline: 1px dotted #4d81cc;
}

.link--underline {
	text-decoration: underline;
}

.link--large {
	font-size: 1.6rem;
}

.breadcrumbs ol {
	list-style: none;
}

.breadcrumbs li {
	display: inline-block;
	font-weight: 600;
	color: #4d81cc;
	font-size: 1.4rem;
}

.breadcrumbs li a {
	color: #4d81cc;
	font-size: 1.4rem;
	text-decoration: none;
	transition: all .15s ease-in;
	font-weight: 600;
}

.breadcrumbs li a:focus {
	outline: 1px dotted #6aa4f8;
}

.breadcrumbs li a:hover {
	opacity: 0.85;
}

.breadcrumbs li a:active {
	opacity: 0.95;
}

.breadcrumbs li:not(:last-child) {
	position: relative;
	padding-right: 2.3rem;
}

.breadcrumbs li:not(:last-child)::after {
	content: '';
	right: 0.6rem;
	height: 0.8rem;
	width: 0.6rem;
	background: url("/hc/theming_assets/01HZPHDTHAKN7AV0ETCBSJY1ZF");
	background-size: cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.breadcrumbs li:last-child {
	pointer-events: none;
	cursor: default;
	color: #575757;
}

.breadcrumbs li:last-child a {
	color: #575757;
}

.breadcrumbs__chevron {
	margin-left: 5px;
}

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

@media (min-width:900px) {
	.sub-nav {
		display: flex;
	}

}

.sub-nav .input {
	max-width: 44rem;
	margin-top: 1rem;
}

@media (min-width:900px) {
	.sub-nav .input {
		margin-left: auto;
		margin-top: 0;
	}

}

.sub-nav .input > input[type="search"] {
	border-color: #e6eaee;
}

.sub-nav ol {
	margin-left: 0
}

#cta {
	margin-bottom: 50px
}

#cta h3 {
	margin-bottom: 3rem;
}

.header {
	display: block;
	flex-wrap: wrap;
	padding: 2rem 2rem;
	font-weight: 600;
	box-shadow: 0 0 2px 0 rgba(20, 52, 92, 0.05), 0 3px 1.5rem 0 rgba(20, 52, 92, 0.05), 0 1.5rem 4rem 0 rgba(20, 52, 92, 0.05);
}

@media (min-width:600px) {
	.header {
		display: flex;
	}

}

.header .dropdown-toggle {
	display: flex;
	align-items: center;
}

.header .login {
	display: none;
}

.header span[id="user-name"] {
	margin-left: 1rem;
}

.header__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #3B64A0;
}

.header__logo img {
	margin-top: 0;
}

@media (min-width:600px) {
	.header__logo {
		justify-content: start;
	}

}

.header__logo__img {
	display: flex;
	align-items: center;
	border-right: 1px solid #eeeeee;
	padding-right: 1rem;

}

.header__logo__img img {
	height: 3rem;
	width: 3rem;
}

.header__logo__img span {
	font-size: 1.6rem;
	margin-left: 1rem;
}

.header__logo__support-link {
	font-size: 1.4rem;
	margin-left: 1rem;
}

.header__links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-top: 1rem;
  
}

.header__links .button {
	margin-left: 2rem;
}

@media (min-width:600px) {
	.header__links {
		margin-top: 0;
		justify-content: start;
	}

}

.header span[id="user-name"] {
	font-size: 1.4rem;
}

.header img[id="user-avatar"] {
	height: 3rem;
}

.footer {
	margin-top: 8rem;
	background-color: #232f41;
	color: #fff;
}

.footer__container {
	max-width: 130rem;
	padding: 5rem 2rem;
	margin: -1rem auto;
}

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

.footer__category {
	margin: 1rem 3rem;
}

.footer__category__title {
	font-size: 1.4rem;
	font-weight: 300;
}

.footer__copyright {
	display: flex;
	align-items: center;
	margin-top: 8rem;
	padding-top: 2rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__copyright-text {
	font-size: 1rem;
	font-weight: 600;
	margin-left: 1rem;
	padding-top: 5px;
}

.footer__logo {
	height: 2rem;
	width: 2rem;
	background-color: #fff;
	border-radius: 5px;
}

.footer__logo-text {
	font-size: 1.4rem;
	font-weight: 600;
	color: #6aa4f8;
	margin-left: 1rem;
}

.footer ul {
	list-style: none;
	margin-top: 2rem;
}

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

.footer li a .pill {
	margin-left: 1rem;
}

.footer li:not(:first-child) {
	margin-top: 1rem;
}

.home-page__hero {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 36rem;
	background: url("/hc/theming_assets/01HZPHDS2Z15KPAMPMEBS9YRVM");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__hero > .input {
	margin-top: 2rem;
	max-width: 70rem;
}

.home-page__hero h1 {
	text-align: center;
}

.home-page__article-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media (min-width:900px) {
	.home-page__article-cards {
		justify-content: center;
	}

}

@media (min-width:1200px) {
	.home-page__article-cards {
		justify-content: initial;
	}

}

.home-page__article-cards > .card {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 100%;
	order: 2;
	color: #273266;
	text-decoration: none;
	margin: 2rem;
	padding: 2rem 3rem;
	border-radius: 5px;
	box-shadow: 0 0 2px 0 rgba(20, 52, 92, 0.05), 0 3px 1.5rem 0 rgba(20, 52, 92, 0.05), 0 1.5rem 4rem 0 rgba(20, 52, 92, 0.05);
	transition: all 0.15s ease-in;
}

@media (min-width:900px) {
	.home-page__article-cards > .card {
		height: 35rem;
		flex: 0 0 37rem;
	}

}

.home-page__article-cards > .card:hover {
	transform: translateY(-4px);
	box-shadow: 0 0 2rem 0 rgba(20, 52, 92, 0.05), 0 3rem 10.5rem 0 rgba(20, 52, 92, 0.05), 0 1.5rem 4rem 0 rgba(20, 52, 92, 0.05);
}

.home-page__article-cards > .card > .card__description {
	font-size: 1.6rem;
	text-align: center;
}

.home-page__article-cards > .card > .card__description > .card__description__sub-text {
	color: #4b5b5f;
}

.home-page__article-cards > .card > .card__logo {
	position: relative;
	height: 11rem;
	width: 11rem;
	margin: 2rem;
	border-radius: 50%;
}

.home-page__article-cards > .card > .card__logo:after {
	content: '';
	height: 5rem;
	width: 5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.home-page__article-cards > .card > .card__link {
	margin-top: 1rem;
}

.home-page__article-cards > .card[name="New to Clearbit"] {
	order: 1;
	background-color: rgba(73, 153, 255, 0.15);
	border: 3px solid #6aa4f8;
	padding: 2rem 4rem;
}

@media (min-width:900px) {
	.home-page__article-cards > .card[name="New to Clearbit"] {
		display: flex;
		flex-direction: row;
		flex: 1 1 100%;
		height: 16rem;
	}

}

.home-page__article-cards > .card[name="New to Clearbit"] > .card__description {
	flex: 1;
}

@media (min-width:900px) {
	.home-page__article-cards > .card[name="New to Clearbit"] > .card__description {
		text-align: left;
		margin-top: 1.7rem
	}

}

.home-page__article-cards > .card[name="New to Clearbit"] > .card__logo {
	background-color: #fff;
	border-color: #6aa4f8;
}

.home-page__article-cards > .card[name="New to Clearbit"] > .card__logo:after {
	background: url("/hc/theming_assets/01HZPHDSH72R9YTVAKKJ8QXP71");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="New to Clearbit"] > .card__link {
	flex: 1;
	margin-top: 2rem;
	text-decoration: none;
}

@media (min-width:900px) {
	.home-page__article-cards > .card[name="New to Clearbit"] > .card__link {
		text-align: right;
		margin-top: 0;
	}

}

.home-page__article-cards > .card[name="New to Clearbit"] > .card__link span {
	padding: 1rem 2rem;
	background-color: #6aa4f8;
	color: #fff;
	border-radius: 2px;
}

.home-page__article-cards > .card[name="General"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDV8TTPDDJ74YFDQA54F2");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Article For Review (KCS)"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHEWQX0SK596ZA1Z43GVKP");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Partner Integrations"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDWBGAHYBZVHWS5D4E0CK");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="APIs"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDWFPZASZVC9JAV9KMY91");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Marketo"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDXJS3JQGM4DT2BQ1XAEE");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Clearbit Advertising "] > .card__logo {
	background: url("/hc/theming_assets/01HZPHEXKGJNKJWWBJRC6XNMK8");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Google Analytics"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHEXVV9AXZ66S6JKVPZRQN");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Audiences and Destinations"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHEXDGG7YDXN7W5DYGACK1");
	background-size: cover;
	background-repeat: no-repeat;
}

/* added by manny */
#changelog {
  display: flex;
}

.home-page__article-cards > .card[name="Account & User Management"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDV8TTPDDJ74YFDQA54F2");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Clearbit Platform (Free Version)"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHEYWFTYJ9Q0CQ9KYQ5Q56");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Credits and Usage"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHEVQZSYEQR3KETKHN3KTN");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="First Steps with Clearbit"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHEW7T77BGTQP79M7BW6QA");
	background-size: cover;
	background-repeat: no-repeat;
}
/* end */
.home-page__article-cards > .card[name="HubSpot"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDYKPCX7KZ04YNVHGH619");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Pardot"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDZ851HDV5S1K39M0K0X0");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Security & Data Privacy"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDXD564ZK2CXX46GBTS19");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Clearbit Classic"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDYFY7JC1W9RHD8FMJGRZ");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Clearbit 101"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHE0A3JJAN6QKHVAWC5ZTR");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Clearbit 🆕 "] > .card__logo {
	background: url("/hc/theming_assets/01HZPHE0A3JJAN6QKHVAWC5ZTR");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Free Tools"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHE0EM90FT46SAH128KJN4");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Clearbit Forms"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDWZRT1VBA8RF4VMG7BZY");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Clearbit X"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDYFY7JC1W9RHD8FMJGRZ");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Salesforce"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDQSHF17QKAJPGH025H0P");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Support Engineer Knowledge Base"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHEW7T77BGTQP79M7BW6QA");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Enrichment"] > .card__logo {
	background-color: rgba(34, 140, 230, 0.1);
	border-color: #228ce6;
}

.home-page__article-cards > .card[name="Enrichment"] > .card__logo:after {
	background: url("/hc/theming_assets/01HZPHDTZ23TJD5P8SNJAFSP0G");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Reveal"] > .card__logo {
	background: url("/hc/theming_assets/01HZPHDXD564ZK2CXX46GBTS19");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__article-cards > .card[name="Prospector"] > .card__logo {
	background-color: rgba(212, 140, 64, 0.1);
	border-color: #d48c40;
}

.home-page__article-cards > .card[name="Prospector"] > .card__logo:after {
	background: url("/hc/theming_assets/01HZPHDRZDYMC82R4QN97XAH5J");
	background-size: cover;
	background-repeat: no-repeat;
}

.home-page__popular-articles {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 8rem;
}

.home-page__popular-articles__title {
	text-align: center;
}

.home-page__popular-articles__title p {
	font-size: 2rem;
	color: #4b5b5f;
}

.home-page__popular-articles__lists {
	width: 100%;
	margin: 0 -1rem 3rem -1rem;
}

@media (min-width:900px) {
	.home-page__popular-articles__lists {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

}

.home-page__popular-articles__lists > div {
	flex: 0 0 55rem;
	margin: 2rem 1rem;
}

.home-page__popular-articles__lists ul {
	list-style: none;
	margin-top: 1rem;
}

.home-page__popular-articles__lists li a {
	text-decoration: none;
}

.home-page__popular-articles__lists li a > div {
	display: flex;
	font-size: 1.6rem;
	padding: 1rem 2rem;
	border-top: 1px solid #e6eaee;
	color: #000;
}

.home-page__popular-articles__lists li strong {
	font-size: 1.4rem;
}

.home-page__popular-articles__lists li img {
	margin-left: auto;
}

.home-page__popular-articles__lists li p {
	color: #4b5b5f;
}

.home-page__popular-articles__lists li:last-child {
	border-bottom: 1px solid #e6eaee;
}

.home-page__popular-articles__lists li:hover {
	background-color: #f5f8f9;
}

.category-page {
	margin-top: 2rem;
}

.category-page .section-tree-with-article ul {
	list-style: none;
}
/* Most Popular Article Section */ 

.category-page .chevron-right, .chevron-right {
	background: url("/hc/theming_assets/01HZPHDQMQJAHX9G9X5S7S5BGQ");
	background-repeat: no-repeat;
	height: 1.3rem;
	width: 1rem;
	margin-left: 0.5rem;
  
}

.popular-article-link {
  display: flex;
  align-items: center;
  justify-items: space-between;
  
}

.popular-article-link > div > strong {
  color: #3B64A0;
}

.category-page .chevron-right--full-width {
	margin-left: auto;
}

.category-page:target:before {
	content: "";
	display: block;
	height: 6rem;
	margin: -6rem 0 0;
}

.category-page__hidden {
	display: none;
}

.category-page a {
	text-decoration: none;
}

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

@media (min-width:900px) {
	.category-page__header {
		display: flex;
	}

}

.category-page__header .input {
	max-width: 44rem;
	margin-top: 1rem;
  
}

@media (min-width:900px) {
	.category-page__header .input {
		margin-left: auto;
		margin-top: 0;
	}

}

.category-page__header .input > input[type="search"] {
	border-color: #e6eaee;
}

.category-page__home-link span {
	margin-left: 5px;
  color: #3B64A0;
}

.category-page__content {
	margin-top: 3rem;
	margin-left: -2rem;
	margin-right: -2rem;
}

@media (min-width:900px) {
	.category-page__content {
		display: flex;
	}

}

.category-page__content > div {
	margin: 0 4rem 0 2rem;
}

.category-page__content__sections {
	flex: 0 0 40rem;
}

.category-page__content__sections__title {
	display: flex;
	align-items: center;
}

.category-page__content__sections li {
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: 400;
	color: #273266;
	letter-spacing: 0.5px;
}

.category-page__content__sections li > a {
	color:#273266;
	font-size: 1.4rem
}

.category-page__content__sections ul > a {
	letter-spacing: normal;
	text-transform: none;
	display: block;
	transition: all 0.15s ease-in;
}

.category-page__content__sections ul > a:hover {
	background-color: #e0edff;
}

.category-page__content__sections ul > a:active {
	background-color: #3d7cd8;
	color: #fff;
}

.category-page__content__description {
	color: #4b5b5f;
	font-size: 2rem;
}

.category-page__sections {
	margin-top: 3rem;
}

.category-page__sections ul {
	margin-bottom: 2rem;
}

.category-page__sections a {
	color: #4b5b5f;
	font-weight: 400;
}

.category-page__subsections__title {
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: 600;
	color: #575757;
	letter-spacing: 0.5px;
	margin-top: 1rem;
}

.category-page__content__info {
	min-width: 50%;
}

.article-page {
	margin-top: 3rem;
}

.article-page__row-2 {
	margin-top: 3rem;
}

.article-page__row-2__col-1 ul,
ol {
	margin-left: 2rem;
}

.article-page__row-2__col-1 li {
	margin: 1.5rem 0;
}

.article-page__row-2__col-1 h2 {
	font-weight: 600;
}

.article-page__row-2__col-1 a {
	font-weight: 600;
	text-decoration: none
}

@media (min-width:900px) {
	.article-page__row-2 {
		display: flex;
	}

}

.article-page__row-2__col-1 {
	flex: 1;
}

@media (min-width:900px) {
	.article-page__row-2__col-2 {
		margin-left: 5rem;
		width: 44rem;
	}

}

.article-page__row-2__col-2 .list a {
	font-weight: 400;
}

.article-page__see-more {
	padding: 2rem;
}

.article-page__see-more a {
	display: inline-flex;
	align-items: center;
}

.article-page__see-more__chevron {
	height: 1.2rem;
	width: 0.8rem;
	background: url("/hc/theming_assets/01HZPHDQMQJAHX9G9X5S7S5BGQ");
	background-size: cover;
	margin-left: 1rem;
}

.article-page__recent-articles {
	margin-top: 10rem;
}

.article-page__recent-articles li {
	margin: 0
}

.article-page__recent-articles li a {
	font-weight: 400;
}

.article-page__more-questions {
	margin-top: 10rem;
	text-align: center;
}

.article-page__more-questions h3 {
	margin-bottom: 3rem;
}

.article-page__join-clearbit {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: 10rem;
	height: 40rem;
	background: url("/hc/theming_assets/01HZPHDS2Z15KPAMPMEBS9YRVM");
	background-size: cover;
}

.article-page__join-clearbit h3 {
	font-weight: 600
}

.article-page__join-clearbit p {
	color: #4b5b5f;
	margin-top: 0px
}

.article-page__join-clearbit .button {
	margin-top: 2rem;
}

.article-page .recent-articles ul {
	list-style: none;
}

.article-page .recent-articles ul > li {
	position: relative;
	padding: 0;
	border-top: 1px solid #e6eaee;
}

.article-page .recent-articles ul > li:last-child {
	border-bottom: 1px solid #e6eaee;
}

.article-page .recent-articles ul > li:hover {
	background-color: #f5f8f9;
}

.article-page .recent-articles ul > li::after {
	content: '';
	height: 1.2rem;
	width: 0.8rem;
	background: url("/hc/theming_assets/01HZPHDQMQJAHX9G9X5S7S5BGQ");
	background-size: cover;
	right: 1rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.article-page .recent-articles ul > li > a {
	font-size: 1.6rem;
	color: #4b5b5f;
	text-decoration: none;
	display: flex;
	flex: 1;
	align-items: center;
	padding: 2rem;
}

.article-page__row-2__col-1 table {
	font-size: 1.6rem;
}

.article-page__row-2__col-1 h3 {
	font-weight: 600;
	font-size: 1.6rem
}

.article-page__row-2__col-1 table tbody td {
	padding: 2rem 2rem 2rem 0rem
}

.article-page__row-2__col-1 pre {
	background: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;       /* Since CSS 2.1 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;
	font-size: 1.6rem;
	max-width: 770px
}

.new-request-page {
	margin-top: 3rem;
}

.new-request-page form {
	max-width: 80rem;
}

.new-request-page form label {
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.4rem;
}

.new-request-page form label + input,
.new-request-page form label + textarea,
.new-request-page form label + .upload-dropzone {
	margin-top: 1rem;
}

.new-request-page form input,
.new-request-page form textarea {
	font-size: 1.6rem;
	border-radius: 5px;
	padding: 1.5rem 1rem;
	border: 2px solid #e6eaee;
	width: 100%;
}

.new-request-page form input:focus,
.new-request-page form textarea:focus {
	outline: none;
}

.new-request-page form input[type="submit"] {
	font-size: 1.4rem;
	font-weight: 600;
	border: none;
	outline: none;
	text-decoration: none;
	padding: 1rem 2rem;
	border-radius: 4px;
	width: inherit;
	text-transform: uppercase;
	color: #fff;
	background-color: #6aa4f8;
}

.new-request-page form * + .form-field {
	margin-top: 2rem;
}

.new-request-page form #request_description_hint {
	font-size: 1.4rem;
	color: #4b5b5f;
}

.new-request-page form #request_description_hint + textarea {
	margin-top: 1rem;
}

.new-request-page form .upload-dropzone {
	height: 15rem;
	max-width: 40rem;
	border: 2px solid #e6eaee;
	border-radius: 5px;
}

.new-request-page form .upload-dropzone span {
	position: absolute;
	font-size: 1.6rem;
	color: #4b5b5f;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.new-request-page form .upload-dropzone span a {
	text-transform: uppercase;
	text-decoration: underline;
	color: #6aa4f8;
	font-weight: 600;
	cursor: pointer;
}

.new-request-page form footer {
	margin-top: 2rem;
}

.search-results-page {
	margin-top: 3rem;
}

.search-results-page__sub-heading {
	font-weight: 400;
	color: #4b5b5f;
}

.search-results-page__results-count {
	font-weight: 600;
	color: #6aa4f8;
}

.search-results-page__search-results {
	max-width: 78rem;
}

.search-results-page__search-results li h2 {
	color: #000;
}

ul > .search-results-page__search-results__result {
	display: block;
}

ul > .search-results-page__search-results__result a {
	padding-top: 0;
}

.search-results-page__search-results ol {
	margin-top: 1rem;
	margin-left: 2rem;
}

.search-results-page .pagination {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	font-weight: 600
}

.search-results-page h2 {
	margin-top: 0;
	margin-bottom: 1.5rem;
}

.search-results-page .pagination a {
	text-decoration: none;
	font-weight: 600
}

.search-results-page .pagination ul {
	list-style: none;
}

.search-results-page .pagination li {
	display: inline-block;
}

.search-results-page .pagination li + li {
	margin-left: 2rem;
}

.search-results-page .pagination-prev a {
	margin-right: 3rem;
}

.search-results-page .pagination-next a {
	margin-left: 3rem;
}

/* apply search input styling to other view that's appearing in Google searches */

/* this styling should only affect search inputs on pages such as this one: */

/* https://help.clearbit.com/hc/en-us/sections/360004235893-Getting-started-sending-data-to-Clearbit-X */

/* if it affects other pages, delete all below styles or alter selectors */

.sub-nav {
	margin: 75px 0 0 0;
}

.search {
	font-family: 'Inter', avenir next, avenir, helvetica neue, helvetica, arial, sans-serif;
	font-size: 1.6rem;
	position: relative;
	width: 300px;
	margin: 0 0 0 auto;
  
}

.search[role="search"]::before {
	content: '';
	background: url("/hc/theming_assets/01HZPHDV36JY0S2CSXEXR96CRE");
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 1.8rem;
	left: 1.4rem;
	height: 2rem;
	width: 2rem;
}

.search > input {
	box-sizing: border-box;
	border-radius: 5px;
	padding: 1.5rem 1rem;/*   border: 2px solid #4b5b5f; */
	width: 100%;
}

.search > input[type="search"] {
	padding-left: 4.5rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border: 2px solid #e6eaee;
}

.search > input:focus {
	border: 2px solid #6aa4f8;
	outline: none;
}

.callout {
	background-color: #FEFBF1;
	padding: 10px 25px 10px 25px;
	border-left: 5px solid #FEF4D7;
	margin: 15px;
}
.disclaimer {
	background-color: #f7dcd5;
	padding: 10px 25px 10px 25px;
	border-left: 5px solid #ffa994;
	margin: 15px;
}
.tip {
	background-color: #edf5ff;
	padding: 10px 25px 10px 25px;
	border-left: 5px solid #8fc0ff;
	margin: 15px;
}
.nextstep {
	background-color: #ebfff0;
	padding: 10px 25px 10px 25px;
	border-left: 5px solid #93b89c;
	margin: 15px;
}
/* end styling referenced in comments above */

/* start Custom Notification Banner Styling ,manny*/
.notification-banner {
  background-color: #fff3cd; /* Light yellow background */
  color: #664d03; /* Dark yellow/brown text */
  padding: 10px 20px; /* Add some padding around the text */
  text-align: center; /* Center the text */
  font-size: 1rem; /* Standard font size */
  line-height: 1.5; /* Improve readability */
  margin: 0 0 20px 0; /* Add some margin at the bottom */
  border-bottom: 1px solid #ffecb5; /* Add a subtle bottom border */
  width: 100%; /* Make it span the full width */
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.notification-banner p {
  margin: 0; /* Remove default paragraph margins */
}

/* Optional: Add some responsiveness */
@media (max-width: 768px) {
  .notification-banner {
    padding: 10px 15px;
    font-size: 0.9rem;
  }
}
/* end Custom Notification Banner Styling ,manny*/