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

/* Font Imports */

@font-face {
  font-family: 'amazon_emberbold_italic';
  src: url("/aps/assets/fonts/amazon_ember_bold_italic-webfont.woff2") format("woff2"), url("https://a9.com/assets/fonts/amazon_ember_bold_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'amazon_emberbold';
  src: url("/aps/assets/fonts/amazon_ember_bold-webfont.woff2") format("woff2"), url("https://a9.com/assets/fonts/amazon_ember_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'amazon_emberlight_italic';
  src: url("/aps/assets/fonts/amazon_ember_light_italic-webfont.woff2") format("woff2"), url("https://a9.com/assets/fonts/amazon_ember_light_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'amazon_emberlight';
  src: url("/aps/assets/fonts/amazon_ember_light-webfont.woff2") format("woff2"), url("https://a9.com/assets/fonts/amazon_ember_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'amazon_emberitalic';
  src: url("/aps/assets/fonts/amazon_ember_regular_italic-webfont.woff2") format("woff2"), url("https://a9.com/assets/fonts/amazon_ember_regular_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'amazon_emberregular';
  src: url("/aps/assets/fonts/amazon_ember_regular-webfont.woff2") format("woff2"), url("https://a9.com/assets/fonts/amazon_ember_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'amazon_emberthin';
  src: url("/aps/assets/fonts/amazon_ember_thin-webfont.woff2") format("woff2"), url("https://a9.com/assets/fonts/amazon_ember_thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'amazon_emberthin_italic';
  src: url("/aps/assets/fonts/amazon_ember_thin_italic-webfont.woff2") format("woff2"), url("https://a9.com/assets/fonts/amazon_ember_thin_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.special-banner-area {
	color: #000;
	text-align: center;
	line-height: 125%;
	background-color: #FFCC00;
	margin-top: 32px;
	padding: 20px;
	font-weight: 700;
}

/* Primary Text Edits */

  a, p a h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  	font-family: 'amazon_emberlight', Helvetica, sans-serif;
  	color: #00a4b4;
  }

a,
a:hover {
	text-decoration: none !important;
}

a:hover {
  color: #008e9e;
}
  .et_pb_widget a {
	font-family: 'amazon_emberlight', Helvetica, sans-serif;
  	color: #00a4b4 !important;
  }

  p.post-meta a {
	font-family: 'amazon_emberlight', Helvetica, sans-serif;
  	color: #00a4b4 !important;
	  }

  ul.copylist {
	  padding-bottom: 0px !important;
	  padding-left: 30px !important;
  }


#et-main-area {
	margin-top: 0px;
}

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

.green-numbered-bullet {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	color:  #FFFFFF;
	background-color: #5CBD80;
	border-radius: 20px;
	clip-path: circle(15px at center);
	padding: 15px;
	font-weight: 900;
}

#header-title-section {
	position: relative;
	width: 100%;
	
	background-color: transparent !important;
	padding: 0 !important;
	z-index: 2000;
}

#header-title-section-content-wrapper {
	position: absolute !important;
	left:50%;
	top: 0;
	transform: translate(-50%,calc(-100% + 25px));
	background-color: #FFF;
}

#header-title-section-content {
	display: flex;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 40px;
}

#header-title-section-content > div {

}

#header-title-section-content .et_pb_title_container {
	display: inline-block !important;
	width: 65%;
}

#header-title-section-content .et_pb_title_container > h1 {
	position: relative;
	top: 50%;
	font-family: 'amazon_emberlight', Helvetica, sans-serif;
	font-size: 3rem !important;
	transform: translateY(-50%);
}

#header-title-section-content .et_pb_title_featured_container {
	display: inline-block !important;
	width: 35%;
}

#single-resource-header {

}

/*
#resource-content-section {
	width: 100%;
}

#resource-content-section > div {
	width: 100% !important;
	max-width: none !important;
}
*/


#filtered-resource-content {
	z-index: 6000;
}

ul {

}

ul, li {
	font-family: 'amazon_emberlight', Helvetica, sans-serif;
	font-size: 1rem;
	line-height: 125%;
	padding-bottom: 1rem;
}

header ul, 
header li {
	padding-bottom: 0;
}

@media (min-width: 768px) {
	h1 {
	  font-size: 40px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
  	  line-height: 120%;
  	  color: #373E3E;
	}
	h2 {
	  font-size: 28px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
      line-height: 120%;
      color: #373E3E;
	}
	h3 {
	  font-size: 20px;
	  font-family: 'amazon_emberbold', Helvetica, sans-serif;
 	  line-height: 120%;
      color: #373E3E;
	}
	h4 {
	  font-size: 20px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
  	  line-height: 120%;
      color: #373E3E;
	}
	h5 {
	  font-size: 14px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
  	  line-height: 120%;
  	  color: #373E3E;
	}

	p {
	  font-size: 16px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
  	  line-height: 140%;
  	  color: #373E3E;
	}
  }

.resource-grid.row {
	clear:both;
}

#resource-filtering-ui{
	display: inline-block;
}

#resource-sorting-right-column {
	display: inline-block;
	z-index: 4 !important;
}

@media (max-width: 787px)  {
	h1 {
	  font-size: 30px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
      line-height: 120%;
      color: #373E3E;
	}
	h2 {
	  font-size: 18px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
      line-height: 120%;
      color: #373E3E;
	}
	h3 {
	  font-size: 18px;
	  font-family: 'amazon_emberbold', Helvetica, sans-serif;
      line-height: 120%;
      color: #373E3E;
	}
	h4 {
	  font-size: 16px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
      line-height: 120%;
      color: #373E3E;
	}
	h5 {
	  font-size: 14px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
      color: #373E3E;
	}
	p {
	  font-size: 14px;
	  font-family: 'amazon_emberlight', Helvetica, sans-serif;
      line-height: 140%;
      color: #373E3E;
	}
  }

#left-area ol {
    font-size: 16px;
    font-weight: 300;
}


/* Alignment and Stacking Text Changes */

@media (min-width: 981px) {

  .first-on-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;
  }

  .first-on-mobile.partner-logo-group {
  	display: initial;
  }

  .second-on-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;
  }

  .third-on-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;
  }

  .fourth-on-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;

  }

}


@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
  }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
  -webkit-order: 1;
  order: 1;
  }

  .second-on-mobile {
  -webkit-order: 2;
  order: 2;
  }

  .third-on-mobile {
  -webkit-order: 3;
  order: 3;
  }

  .fourth-on-mobile {
  -webkit-order: 4;
  order: 4;

  }
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
  margin-bottom: 30px;
  }


  .et_pb_column {
  	margin-bottom: 30px;
  }

  .et_pb_row:last-child .et_pb_column:last-child {
  	margin-bottom: 0;
  }

  .et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child, 
  .et_pb_row .et_pb_column.et-last-child, 
  .et_pb_row .et_pb_column:last-child {
  	margin-bottom: 30px;
  }

  #header-title-section-content {
  	margin-top:0;
  }

  #header-title-section-content-wrapper {
  	transform: translate(-50%,-100%);
	}

  #header-title-section-content .et_pb_title_container {
		display: block !important;
		width: 100%;
	}

	#header-title-section-content .et_pb_title_featured_container {
		display: none !important;
		width: 100%;
	}

	#header-title-section-content .et_pb_title_container > h1 {
		font-size:2rem !important;
	}

	#single-resource-header {
		height: 320px;
	}

}




/* Primary Button Edits */

.et_pb_button.et_pb_bg_layout_light {
	color: #ffc400 !important;
    background-color: #ffc440;
  	box-shadow: 0 2px 0 #b2b2b2;
}

a.et_pb_button.et_pb_bg_layout_light {
	color: #373E3E !important;
	font-family: 'amazon_emberbold', Helvetica, sans-serif;
	padding-top: 6px !important;
    padding-bottom: 6px !important;
}

a.et_pb_button.et_pb_bg_layout_light:hover {
	padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.et_pb_button.et_pb_bg_layout_light:hover {
	color: #373E3E !important;
    background-color: #ffa724;
  	box-shadow: 0 2px 0 #b2b2b2;
}


/* Secondary Button Edits */

.et_pb_button.et_pb_bg_layout_dark {
    background-color: #ffffff;
}

a.et_pb_button.et_pb_bg_layout_dark {
	color: #ffc400 !important;
	font-family: 'amazon_emberbold', Helvetica, sans-serif;
	padding-top: 6px !important;
    padding-bottom: 6px !important;
}

a.et_pb_button.et_pb_bg_layout_dark:hover {
	color: #373E3E !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.et_pb_button.et_pb_bg_layout_dark:hover {
	color: #ffc400 !important;
    background-color: #ffa724;
}

/* Slider Button Edits */

.et_pb_button.et_pb_more_button {
	background-color: #ffffff;
}

a.et_pb_button.et_pb_more_button {
	color: #ffc400 !important;
	font-family: 'amazon_emberbold', Helvetica, sans-serif;
	padding-top: 6px !important;
    padding-bottom: 6px !important;
}

a.et_pb_button.et_pb_more_button:hover {
    color: #373E3E !important;
	padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.et_pb_button.et_pb_more_button:hover {
	color: #ffc400 !important;
    background-color: #ffa724;
}


/* Lightbox Edits */

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  top: -50px !important;
	}


/* Nav Edits */

#top-menu > .current-menu-item > a::before, #top-menu > .current-menu-ancestor > a::before {
	opacity: 1.0;
}

#top-menu > li > a:hover:before {
	opacity: 1;
}

#top-menu > li > a:before {
	content: '';
	position: absolute;
	top: 49px;
	left: 0;
	background: #ffc400; /* Change your color here */
	width: 100%;
	height: 5px;
	opacity: 0;
	transition: 0.3s ease;
}

.getstarted {
	border-radius: 8px;
	height: 40px;
	top: -14px;
}

.getstarted a {
	color: #373E3E !important;
  	font-size: 16px;
  	font-family: 'amazon_emberbold', Helvetica, sans-serif;
	top: 13px;
}

li.getstarted {
	background-color: #ffc400;
	text-transform: uppercase;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px !important;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
  	box-shadow: 0 2px 0 #b2b2b2;
}

li.getstarted:hover {
	background-color: #ffa724;
  	color: #373E3E !important;
}

a.getstarted:hover {
	color: #373E3E !important;
  	opacity: 1 !important;
}


#et-secondary-menu>ul>li>a:hover, #top-menu-nav>ul>li>a:hover, .et_mobile_menu li a:hover {
	opacity: 1 !important;
}

.nav li ul {
	border-top: 5px solid #ffc400 !important;
}

span.mobile_menu_bar:before {
    color: #373E3E !important;
}

.et_mobile_menu {
	border-top: 5px solid #ffc400 !important;
}


.nav li ul {
    width: 320px;
}

#top-menu li li a {
    width: 280px;
}

ul.sub-menu {
  margin-top: -5px;
}

.et_mobile_menu li li {
  padding-top: 5px;
}

.et_pb_slides .et_pb_container {
	width: 80%;
	max-width: 1080px;
}

#resourcing-filter-cap {
	padding-left: 15px;
}
 
#active-filter-bar {
	-webkit-box-shadow: 0 2px 5px 0 #D4D4D4;
	box-shadow: 0 2px 5px 0 #D4D4D4;
}

#resourcing-filter-status-wrapper {
	width: 80%;
	max-width: 1080px;
	position: relative;
}

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

#resourcing-show-filter-button a {
	display: inline-block;
}

#resourcing-filter-status a {
  display: none;
}

.tally-for {
  display: none !important;
}

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

#resource-filtering-ui #resourcing-filter-close-button {
	display: none;
}

#active-filter-bar.modal-is-active {
		display: block;
}



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

.form-check-label {
	padding-left: .5rem;
}

@media only screen and ( max-width: 1200px ) {
	#top-menu-nav, #top-menu {display: none;}
	#et_top_search {display: none;}
	#et_mobile_nav_menu {display: block;}
}


/* Mobile Scroll */

.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

/*Mobile Fixed */

@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    	position: fixed;
	}

	div.active-filter-tally {
		top: 50%;
		transform: translateY(-50%);
	}

	div.active-filter-tally-secondary {
		display: none;
	}

	#resourcing-filter-status-wrapper {
		width:100%;
		margin-right: 0;
		display:flex;
	}

	#filter-by-button {
		padding-top:40px;
	}

	#resource-page-header {
		z-index: 1;
	}


	#resource-filtering-ui {
		display: none;
		position: fixed;
		height: calc(100vh - 70px) !important;
		width: 100% !important;
		left: 0;
		top: 70px;
		margin-left:auto;
		margin-right:auto;
		padding-left: 0;
		padding-right: 0;
		overflow: scroll;
		z-index: 40000;
	}

	#resource-filtering-ui.modal-is-active {
		display: block;
	}


	#tile-filter-wrapper {
		margin-bottom:0;
		background-color:#FFF;
	}

	#tile-filter {
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}


	#resourcing-filter-status {
		display: inline-block;
		flex-grow:1;
	}

	#resourcing-filter-status a {
		display: none;
	}
	
	#resourcing-show-filter-button {
		display: inline-block;
		flex-grow:1;
		text-align: right;
	}

	#resource-filtering-ui #resourcing-filter-apply-button {
		display: block;
		background-color: #FFF;
		margin-bottom: 0;
		padding: 20px;
		text-align: right;
	}

	#resource-filtering-ui #resourcing-filter-apply-button a {
		display: inline-block;
	}


	#resource-filtering-ui #resourcing-filter-close-button {
		display: block;
		background-color: #FFF;
		margin-bottom:0;
		padding:20px;
		font-size: 2rem;
		font-weight:700;
		text-align: right;
	}

	#resource-filtering-ui #resourcing-filter-close-button a {
		color: #000;
	}

	#active-filter-bar {
		padding-bottom: 20px;
		padding-top: 20px;

	}

	#active-filter-bar > div {
		margin-bottom: 0;
	}

	#active-filter-bar .active-filter-pill {
		display: none;
	}

	#active-filter-bar > a {
		
	}

	#grid-alert-wrapper {
		margin-bottom: 0;
	}
}

/* Footer Edits */

@media screen and (min-width: 1024px) {
  .footerbottom {
	  text-align: right;
  }
}
@media screen and (max-width: 1025px)  {
  .footerbottom {
		text-align: center;
	}
}

a.footerlinks {
    color: #ffffff;
  	font-size: 14px;
}

#footer-bottom {
    padding: 45px 0 45px;
}

.textwidget a {
    color: #fff !important;
}


/* Homepage Edits */

@media screen and (max-width: 399px) {
img#hpimg {
	width: 40%;
  }
}

@media screen and (max-width: 1600px) and (min-width: 400px) {
img#hpimg {
	width: 50%;
  }
}
  
@media screen and (max-width: 2200px) and (min-width: 1601px) {
img#hpimg {
	width: 70%;
  }
}

@media screen and (min-width: 2201px) {
img#hpimg {
	width: 100%;
  }
}


.getting-started-cells img {
	border:  3px solid #707070;
}


/* Slider Edits */

.su-column {
    margin: 0 10px 0 10px !important;
}

.quotename {
    padding-left: 3px;
}

@media screen and (min-width: 1101px) {
  	.quotename {
    	padding-top:30px;
    	padding-right: 20px;
	}
	.et_pb_slide_content .one_fourth img {
		margin-top: 30px;
	}
}

@media screen and (max-width: 1100px) and (min-width: 960px)  {
	.quotename {
		padding-top:20px;
		padding-right: 20px;
	}
	.et_pb_slide_content .one_fourth img {
		margin-top: 20px;
	}
}

@media screen and (max-width: 959px) {
  	.quotename {
    	text-align: center;
    	padding-top: 30px;
	}
	.et_pb_slide_content .one_fourth img {
		margin-top: 30px;
	}
}



.hp-slider .et_pb_slides .et_pb_slider_container_inner {
	padding: 0px 0px 0px 0px !important;
}

h1.main-1 {
    padding-top: 100px; padding-bottom: 100px;
}

.et-pb-arrow-next, .et-pb-arrow-prev {
  font-size: 100px !important;
	}

/* Blog Grid Edits */

.et_pb_blog_grid .et_pb_post {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px solid #d8d8d8;
}

.et_pb_post h2 a {
	color: #00a4b4;
}

.et_pb_post .post-content {
	display: none;
}

a.et-pb-arrow-prev {
  color: #d8d8d8!important
}

a.et-pb-arrow-next {
  color: #d8d8d8!important
}


/* Six Column Logo Grid Edits */

@media only screen and (min-width: 900px) {
	  .six-columns .et_pb_module {
		  width: 16.66%;
		  float: left;
		  padding-left: 10px;
		  padding-right: 10px;
	  }
	}

/* Five Column Logo Grid Edits */

@media only screen and (min-width: 900px) {
	  .five-columns .et_pb_module {
		  width: 20%;
		  float: left;
		  padding-left: 10px;
		  padding-right: 10px;
	  }
	}



/* News Sidebar Edits */

p.sorttype {
    background-color: #eaeded;
    padding: 10px 10px 10px 20px;
    font-weight: 700;
    margin: 20px 0px 20px 0px;
}

ul.newslist a {
    padding-left: 10px !important;
    color: #00a4b4 !important;
}

ul.newslist {
    list-style-type: disc !important;
    color: #373E3E;
    padding-left: 40px !important;
    padding-right: 0px !important;
}


#left-area li {
    padding-top: 15px;
	list-style-type: disc;
    color: #373E3E;
	font-size: 16px;
}

#left-area ul {
	padding-left: 20px !important;
}

div#recent-posts-2 {
		  margin-bottom: 10px;
		  padding-bottom: 0px;
}

a.leftrail {
		color: #00a4b4 !important;
	  }


h4.widgettitle {
    font-size: 23px;
}

.et_pb_widget a {
	font-size: 16px;
}

#tile-filter {
	background-color: #FFF;
}

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

#filter-by-button {
	padding-left: 0;
	padding-bottom:10px;
}

#filter-by-button h2 {
	font-family: 'amazon_emberlight', Helvetica, sans-serif;
	font-size: 1.875rem;
	font-weight: 300;
}

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

.sorting-type-label {
	color: #383E3E;
	font-family: 'amazon_emberbold', Helvetica, sans-serif;
	font-size:1.125rem;
	font-weight:400;
}

.resource-sorting-check {
	color: #383E3E;
	font-family: 'amazon_emberregular', Helvetica, sans-serif;
	font-weight:400;
	padding-left: 5px;
}

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

.form-check-label {
	color: #383E3E;
	font-family: 'amazon_emberregular', Helvetica, sans-serif;
	font-size:1rem;
	font-weight:400;
}

.tile-content-type {
	color: #383E3E;
	font-family: 'amazon_emberbold', Helvetica, sans-serif;
	font-size: .875rem;
	text-transform: uppercase;
	font-weight: 400;
}

.tile-title a {
	font-family: 'amazon_emberregular', Helvetica, sans-serif !important;
	font-size: 1.125rem !!important;
	font-weight: 400;
	line-height: 125%;
}

#active-filter-bar {
	display: block;
	background-color: #FFF !important;
	opacity: 1;
	padding-left: 15px;
	padding-right: 15px;
	margin-left:auto;
	margin-right:auto;
	z-index: 7000;
}

#active-filter-bar > div {
	width: 80%;
	max-width: 1080px;
	left: 50%;
	transform: translateX(-50%);
	margin-left:auto;
	margin-right:auto;
}

.active-filter-pill {
	display:inline-block;
	color: #383E3E;
	background-color: #D5DBDB;
	font-family: 'amazon_emberregular', Helvetica, sans-serif !important;
	font-size: .875rem !!important;
	font-weight: 400;
	line-height: 125%;
	border-radius:15px;
	margin-left:10px;
	margin-right:10px;
	margin-top:-5px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
}

.active-filter-tally-format {
	color: #383E3E;
	display:inline-block;
	position: relative;
	font-family: 'amazon_emberbold', Helvetica, sans-serif !important;
	font-size: .875rem;
	line-height: 125%;
	text-transform: uppercase;
}

.active-filter-tally {
	color: #383E3E;
	font-family: 'amazon_emberbold', Helvetica, sans-serif !important;
	font-size: .875rem;
	line-height: 125%;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.active-filter-tally-secondary {
	display:inline-block;
	position: relative;
	vertical-align: middle;
}

#grid-alert-wrapper {
	padding-top:60px;
	text-align: center;
}

.no-top-padding {
	padding-top: 0 !important;
}


/* THREE COLUMN PORTFOLIO GRID LAYOUT */



.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3:nth-child(3n), 
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.last_in_row, 
.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3:nth-child(3n), 
.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item.last_in_row {
	margin-right: 0 !important;
}


@media only screen and ( min-width: 768px ) {

	.three-column-grid .et_pb_grid_item {
		width: 28.333% !important;
		margin: 0 7.5% 7.5% 0 !important;
	}

	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}

	.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}

	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1), 
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n+1), 
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget:nth-child(4n+1), 
	.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1), 
	.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n+1), 
	.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget:nth-child(4n+1) {
		clear: unset !important;
	}

}


/*-----------------------------------------------------------------------------*/
/*-----Filterable Portfolio with Custom Columns & Image Sizes			  -----*/
/*-----------------------------------------------------------------------------*/

/*Set number of columns and margin for the images*/

@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item,
    .et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.active,
    .ds-library-grid.et_pb_portfolio_grid .et_pb_portfolio_item,
    .et_pb_column_4_4 .ds-library-grid.et_pb_grid_item:nth-child(2n) /*Change this number to value 4 in the calculator (don't remove the 'n')*/ {
        width: 32% !important; /*Change this number to value 3 in the calculator (don't remove the '%') */
        margin: 0 2.0% 2.0% 0; /*Change these numbers to values 1 & 2 in the calculator (don't remove the '%' or '0')*/
    }
}

/*Ensures portfolio images display on mobile and tablets, you don't need to touch this*/

@media only screen and ( max-width: 980px) {
    .ds-library-grid .et_portfolio_image img {
        width: 100%;
    }
}

/*--------------------------------------------------------------------*/
/*-----End Filterable Portfolio with Custom Columns & Image Sizes-----*/
/*--------------------------------------------------------------------*/



.et_pb_portfolio_filters {
	float: none;
}

.et_pb_portfolio_filters ul {
	width: 100%;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
	float: none;
  	width: 100%;
}

.show>.btn-primary.dropdown-toggle:focus {
  	box-shadow: 0;
}

.dropdown .selector_label {
	float: left;
}

.dropdown .selector_icon {
	float: right;
  	position: absolute;
	top: 0;
	right: 0;
	font-family: ETmodules;
	font-size: 16px;
	font-weight: 800;
	margin-right: 10px;
	margin-top: 3px;
  	display: inline-block;
  	height: 20px;
  	width: 20px;
}

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

#dropdown_my_types .btn, #dropdown_my_services .btn {
  	width: 100%;
  	border-radius: 0;
  	border-width: 0;
  	background-color: #e3e3e3;
  	color: #333333;
  	text-transform: uppercase;
  	font-size: .9em;
  	font-weight: 700;

}

@media (max-width: 787px)  {
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
		width: auto;
	}

	.dropdown {
		margin-bottom: 10px;
	}
}

#dropdown_my_types .service-item {
	display: none;
}

#dropdown_my_services .type-item {
	display: none;
}

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

.ds-library-grid .row {
	  padding-top: 15px;
	}

/* Pardot Form Box Styling */

.form-box {
    border: #d5dbdb;
    border-style: solid;
    border-width: 1px;
}

.pardotform {
	  overflow: hidden;
	}



/* HTML5 Animation Edits */

.tam-html5 {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 0px;
   height: 0;
   overflow: hidden;
 }

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

/* Bootstrap adjustments for homepage quote rotator */
.col-md-1, .col-md-10 {
  	padding-right: 0;
	padding-left: 0;
}
 #tam_anim_frame iframe {
	width: 10px !important;
	min-width: 100%;
}



/* CSS edits - 02-2018 Push */


@media only screen and (min-width: 981px) {
  	span.mobile_menu_bar.mobile_menu_bar_toggle {
	  	top: -10px
  	}
  
	.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module {
		margin-top: 0;
	}
		  
	.read-latest-entries .et_pb_post .entry-title {
  		margin: 0 -18px 0 -18px;
	}
    
  	.animation-cell {
		width: 100%;
	}
  	.et_pb_image_wrap {
		margin-top: -18px;
	}

		  body.et_left_sidebar .one_fourth, 
	  body.et_left_sidebar .one_half, 
	  body.et_left_sidebar .one_third, 
	  body.et_left_sidebar .three_fourth, 
	  body.et_left_sidebar .two_third, 
	  body.et_right_sidebar .one_fourth, 
	  body.et_right_sidebar .one_half, 
	  body.et_right_sidebar .one_third, 
	  body.et_right_sidebar .three_fourth, 
	  body.et_right_sidebar .two_third {
	  	float: none;
    	margin-right: 0;
    	width: auto;
    	margin-bottom: 10px;
	  }

	  body.et_no_sidebar .one_fourth, 
	  body.et_no_sidebar .one_half, 
	  body.et_no_sidebar .one_third, 
	  body.et_no_sidebar .three_fourth, 
	  body.et_no_sidebar .two_third {
    	margin-right: 0;
    	margin-bottom: 10px;
	  }

	.et_pb_slides .et_pb_slider_container_inner {
		 padding: 0px 40px 60px 40px !important; 
	}

	.et_pb_slider .et_pb_slide {
    background-color: transparent !important;
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (min-width: 1200px) {
	img#logo {
		margin-top: 0px;
  	}
  	
}

@media only screen and (max-width: 980px) {
	
  
	#contact-image.et_pb_image .et_pb_image_wrap {
		display: none;
	}
		
	.read-latest-entries .et_pb_post .entry-title {
  		margin: 0 -18px 0 -18px;
	}
	.et_pb_row {
  		padding: 0;
  	}

	.et_pb_image_wrap {
		margin-top: -18px;
	}

	.blogpost-header {
		display: block;
	}
	.animation-cell {
		width: 100%;
	}

	.mobile-left-lock, .mobile-left-lock div.et_pb_button_module_wrapper.et_pb_module {
  		text-align: center;
	}

	.programmatic-image {
  		background-size: 250%;
	}

	.insights-image {
  		background-size: 125%;
	}
	

	body.et_no_sidebar .one_fourth, 
	body.et_no_sidebar .one_half, 
	body.et_no_sidebar .one_third, 
	body.et_no_sidebar .three_fourth, 
	body.et_no_sidebar .two_third {
		width: auto;
    	margin-right: 0;
    	margin-bottom: 10px;
    	float: none;
    	text-align: center;
	}

	.et_pb_slides .et_pb_slider_container_inner {
		 padding: 0px 40px 60px 40px !important; 
	}

	.et_pb_slider .et_pb_slide {
    background-color: transparent !important;
		padding-left: 0;
		padding-right: 0;
	}
}


@media screen and (max-width: 981px) and (min-width: 405px) {
  
.responsive-image img {
		width: 50%;
	}
}
	
tr.faqtable-titles {
    background-color: #F4F6F8;
	font-family: 'amazon_emberbold', Helvetica, sans-serif;
	}

@media only screen and (max-width: 400px) {
	  table.faqtable {
    font-size: 9px;
	line-height: 12px;
	}
}

	
table.faqtable .uam-cell {
	background-color: rgb(231,236,235);
}
		
table.faqtable .tam-cell {
	background-color: rgb(244,246,245);
}
	
table.faqtable .label-cell {
	background-color: #ffffff;
}

table.faqtable .cell-value-diff-a {
	color: #373E3E;
}
	
table.faqtable .cell-value-diff-b {
	color: #373E3E;
}

.square {
	list-style-type: square !important;
	margin-left: 3em;
  }
  
sup {
	font-size: 10px;
  }

  
/* ///////// New Form ///////// */

/* New Form Accordinate Mains */

.card-body {
  background-color: #f4f6f5;
}
  
.card-body p {
    font-size: 15px;
  	color: #394e50;
}


#headingOne {
  background-color: #f4f6f5;
  border-bottom: 0px;
	padding-bottom: 5px;
}

#headingTwo {
  background-color: #f4f6f5;
  border-bottom: 0px;
	padding-bottom: 5px;
}


.btn.btn-link {
  color: #373E3E !important;
  font-family: 'amazon_emberregular', Helvetica, sans-serif;
  font-size: 20px;
  padding: 10px;
  text-decoration: none;
  text-align: left;
}


/* New Form Main Holder Width */

@media (min-width: 960px) {
  .card-body {
    padding-left: 30%;
    padding-right: 30%;
    }
}


/* New Form Main Button */

.btn.btn-primary {
  color: #ffc400 !important;
  background-color: #ffc440;
  box-shadow: 0 2px 0 #b2b2b2;
  border:0px;
  color: #373E3E !important;
    font-family: 'amazon_emberbold', Helvetica, sans-serif;
  text-transform: uppercase;
}

a.btn.btn-primary {
	color: #373E3E !important;
	font-family: 'amazon_emberbold', Helvetica, sans-serif;
	padding-top: 6px !important;
  padding-bottom: 6px !important;
}

a.btn.btn-primary:hover {
    padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.btn.btn-primary:hover {
	color: #373E3E !important;
  background-color: #ffa724;
  box-shadow: 0 2px 0 #b2b2b2;
}

/* New Form Dropdown */

#dropdownMenuButton,
#country-dropdownMenuButton {
  width: 100%;
  text-align: left;
  font-family: 'amazon_emberregular', Helvetica, sans-serif;
  background-color: #ffffff;
  border-color: #cccccc;
  color: #666666;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #373E3E;
  font-size: 14px;
  border-radius: 0px;
}

/* New Form Label and Input Styles */

.form-group.form-item {
  color: #373E3E;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'amazon_emberregular', Helvetica, sans-serif;
  font-size: 14px;
}

.form-group.form-item input {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  font-family: 'amazon_emberregular', Helvetica, sans-serif;
  font-size: 14px !important;
  border-radius: 0px !important;
  border-color: #cccccc !important;
}

.form-group.form-item label {
  padding-bottom: 5px;
}

/* New Form Toggles */

.btn.btn-secondary {
    background-color: #ffffff;
    border-color: #cccccc;
    color: #373E3E;
    padding: 10px 20px 10px 20px !important;
    font-family: 'amazon_emberregular', Helvetica, sans-serif;
    font-size: 14px;
}


.btn.btn-secondary.active {
    background-color: #EAEDED !important;
    border-color: #cccccc !important;
    color: #373E3E !important;
    padding: 10px 20px 10px 20px !important;
    font-family: 'amazon_emberregular', Helvetica, sans-serif;
    font-size: 14px;
}

/*  */

@media only screen and ( max-width: 980px) {
	#et-main-area {
		margin-top: 0;
	}

	.new-gradient-section {
		margin-top: 0 !important;
	}

	.left-block-area {
		width: 100%;
	}

  #main-content .container {
	width: 98%;
  }
  
  .card-header .header-text {
	width: 75%;
	}
	
	#post-87 .et_pb_section_1 .et_pb_row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #post-87 .et_pb_section_1 .et_pb_row > .et_pb_column:first-child {
    order: 2;
  }

  #post-87 .et_pb_section_1 .et_pb_row > .et_pb_column:last-child {
    order: 1;
  }

  #active-filter-bar.modal-is-active {
		display: none;
	}
}
  

.et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner {
  padding-top: 0px !important;
 }

.dev-hide {
	display: none !important;
}

/*

New 2021 styles

*/

  .new-gradient-section {
    height: 420px;
    min-height: 420px;
    margin-top: 0;
    margin-left: 0;
	margin-right: 0;
    z-index: 600;
  }

  .header-follower {
    z-index: 500;
  }
  
.gradient-aps {
  background: rgb(254,230,0);
background: -moz-linear-gradient(146deg, rgba(254,230,0,1) 0%, rgba(254,221,5,1) 16%, rgba(254,196,18,1) 23%, rgba(255,167,36,1) 37%, rgba(246,110,31,1) 71%, rgba(229,22,22,1) 100%);
background: -webkit-linear-gradient(146deg, rgba(254,230,0,1) 0%, rgba(254,221,5,1) 16%, rgba(254,196,18,1) 23%, rgba(255,167,36,1) 37%, rgba(246,110,31,1) 71%, rgba(229,22,22,1) 100%);
background: linear-gradient(146deg, rgba(254,230,0,1) 0%, rgba(254,221,5,1) 16%, rgba(254,196,18,1) 23%, rgba(255,167,36,1) 37%, rgba(246,110,31,1) 71%, rgba(229,22,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fee600",endColorstr="#e51616",GradientType=1);
}

.gradient-publishers {
  background: rgb(255,170,76);
  background: -moz-linear-gradient(135deg, rgba(255,170,76,1) 0%, rgba(254,171,97,1) 12%, rgba(254,173,117,1) 24%, rgba(254,159,113,1) 36%, rgba(254,144,107,1) 48%, rgba(254,128,101,1) 60%, rgba(255,113,95,1) 72%, rgba(255,97,88,1) 84%, rgba(255,82,82,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(255,170,76,1) 0%, rgba(254,171,97,1) 12%, rgba(254,173,117,1) 24%, rgba(254,159,113,1) 36%, rgba(254,144,107,1) 48%, rgba(254,128,101,1) 60%, rgba(255,113,95,1) 72%, rgba(255,97,88,1) 84%, rgba(255,82,82,1) 100%);
  background: linear-gradient(135deg, rgba(255,170,76,1) 0%, rgba(254,171,97,1) 12%, rgba(254,173,117,1) 24%, rgba(254,159,113,1) 36%, rgba(254,144,107,1) 48%, rgba(254,128,101,1) 60%, rgba(255,113,95,1) 72%, rgba(255,97,88,1) 84%, rgba(255,82,82,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffaa4c",endColorstr="#ff5252",GradientType=1);
}

.gradient-mobile {
  background: rgb(212,225,77);
  background: -moz-linear-gradient(135deg, rgba(212,225,77,1) 0%, rgba(191,223,115,1) 10%, rgba(170,221,153,1) 20%, rgba(149,218,192,1) 30%, rgba(132,214,227,1) 40%, rgba(153,193,221,1) 50%, rgba(153,193,221,1) 60%, rgba(175,172,216,1) 70%, rgba(196,152,211,1) 80%, rgba(200,148,210,1) 90%, rgba(218,131,206,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(212,225,77,1) 0%, rgba(191,223,115,1) 10%, rgba(170,221,153,1) 20%, rgba(149,218,192,1) 30%, rgba(132,214,227,1) 40%, rgba(153,193,221,1) 50%, rgba(153,193,221,1) 60%, rgba(175,172,216,1) 70%, rgba(196,152,211,1) 80%, rgba(200,148,210,1) 90%, rgba(218,131,206,1) 100%);
  background: linear-gradient(135deg, rgba(212,225,77,1) 0%, rgba(191,223,115,1) 10%, rgba(170,221,153,1) 20%, rgba(149,218,192,1) 30%, rgba(132,214,227,1) 40%, rgba(153,193,221,1) 50%, rgba(153,193,221,1) 60%, rgba(175,172,216,1) 70%, rgba(196,152,211,1) 80%, rgba(200,148,210,1) 90%, rgba(218,131,206,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4e14d",endColorstr="#da83ce",GradientType=1);
}

.gradient-atv {
  background: rgb(81,193,208);
  background: -moz-linear-gradient(135deg, rgba(81,193,208,1) 0%, rgba(95,196,212,1) 12%, rgba(100,197,214,1) 26%, rgba(105,188,212,1) 42%, rgba(113,177,211,1) 49%, rgba(146,124,203,1) 83%, rgba(153,113,201,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(81,193,208,1) 0%, rgba(95,196,212,1) 12%, rgba(100,197,214,1) 26%, rgba(105,188,212,1) 42%, rgba(113,177,211,1) 49%, rgba(146,124,203,1) 83%, rgba(153,113,201,1) 100%);
  background: linear-gradient(135deg, rgba(81,193,208,1) 0%, rgba(95,196,212,1) 12%, rgba(100,197,214,1) 26%, rgba(105,188,212,1) 42%, rgba(113,177,211,1) 49%, rgba(146,124,203,1) 83%, rgba(153,113,201,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51c1d0",endColorstr="#9971c9",GradientType=1);
}

.gradient-programmatic {
  background: rgb(166,231,206);
  background: -moz-linear-gradient(135deg, rgba(166,231,206,1) 0%, rgba(184,227,213,1) 12%, rgba(202,222,220,1) 25%, rgba(220,218,227,1) 30%, rgba(238,213,233,1) 38%, rgba(255,200,197,1) 49%, rgba(255,209,238,1) 62%, rgba(255,192,157,1) 74%, rgba(255,184,116,1) 80%, rgba(255,175,76,1) 86%, rgba(255,167,36,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(166,231,206,1) 0%, rgba(184,227,213,1) 12%, rgba(202,222,220,1) 25%, rgba(220,218,227,1) 30%, rgba(238,213,233,1) 38%, rgba(255,200,197,1) 49%, rgba(255,209,238,1) 62%, rgba(255,192,157,1) 74%, rgba(255,184,116,1) 80%, rgba(255,175,76,1) 86%, rgba(255,167,36,1) 100%);
  background: linear-gradient(135deg, rgba(166,231,206,1) 0%, rgba(184,227,213,1) 12%, rgba(202,222,220,1) 25%, rgba(220,218,227,1) 30%, rgba(238,213,233,1) 38%, rgba(255,200,197,1) 49%, rgba(255,209,238,1) 62%, rgba(255,192,157,1) 74%, rgba(255,184,116,1) 80%, rgba(255,175,76,1) 86%, rgba(255,167,36,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6e7ce",endColorstr="#ffa724",GradientType=1);
}

.gradient-cxm {
  background: rgb(21,150,135);
  background: -moz-linear-gradient(135deg, rgba(21,150,135,1) 0%, rgba(24,165,150,1) 13%, rgba(64,182,173,1) 22%, rgba(130,216,227,1) 61%, rgba(136,208,221,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(21,150,135,1) 0%, rgba(24,165,150,1) 13%, rgba(64,182,173,1) 22%, rgba(130,216,227,1) 61%, rgba(136,208,221,1) 100%);
  background: linear-gradient(135deg, rgba(21,150,135,1) 0%, rgba(24,165,150,1) 13%, rgba(64,182,173,1) 22%, rgba(130,216,227,1) 61%, rgba(136,208,221,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#159687",endColorstr="#88d0dd",GradientType=1);
}

.gradient-tam {
  background: rgb(220,226,61);
  background: -moz-linear-gradient(135deg, rgba(220,226,61,1) 0%, rgba(214,225,73,1) 3%, rgba(183,222,128,1) 26%, rgba(145,217,197,1) 45%, rgba(130,216,227,1) 50%, rgba(105,209,212,1) 79%, rgba(54,194,180,1) 98%, rgba(54,194,180,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(220,226,61,1) 0%, rgba(214,225,73,1) 3%, rgba(183,222,128,1) 26%, rgba(145,217,197,1) 45%, rgba(130,216,227,1) 50%, rgba(105,209,212,1) 79%, rgba(54,194,180,1) 98%, rgba(54,194,180,1) 100%);
  background: linear-gradient(135deg, rgba(220,226,61,1) 0%, rgba(214,225,73,1) 3%, rgba(183,222,128,1) 26%, rgba(145,217,197,1) 45%, rgba(130,216,227,1) 50%, rgba(105,209,212,1) 79%, rgba(54,194,180,1) 98%, rgba(54,194,180,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dce23d",endColorstr="#36c2b4",GradientType=1);
}

.gradient-uam {
  background: rgb(254,188,23);
  background: -moz-linear-gradient(135deg, rgba(254,188,23,1) 0%, rgba(254,200,16,1) 4%, rgba(254,216,7,1) 23%, rgba(254,222,4,1) 37%, rgba(254,230,0,1) 50%, rgba(239,230,36,1) 70%, rgba(181,231,171,1) 94%, rgba(166,231,206,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(254,188,23,1) 0%, rgba(254,200,16,1) 4%, rgba(254,216,7,1) 23%, rgba(254,222,4,1) 37%, rgba(254,230,0,1) 50%, rgba(239,230,36,1) 70%, rgba(181,231,171,1) 94%, rgba(166,231,206,1) 100%);
  background: linear-gradient(135deg, rgba(254,188,23,1) 0%, rgba(254,200,16,1) 4%, rgba(254,216,7,1) 23%, rgba(254,222,4,1) 37%, rgba(254,230,0,1) 50%, rgba(239,230,36,1) 70%, rgba(181,231,171,1) 94%, rgba(166,231,206,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#febc17",endColorstr="#a6e7ce",GradientType=1);
}

.gradient-si {
  background: rgb(254,170,88);
  background: -moz-linear-gradient(135deg, rgba(254,170,88,1) 0%, rgba(254,172,108,1) 12%, rgba(254,173,119,1) 16%, rgba(254,148,132,1) 45%, rgba(254,87,166,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(254,170,88,1) 0%, rgba(254,172,108,1) 12%, rgba(254,173,119,1) 16%, rgba(254,148,132,1) 45%, rgba(254,87,166,1) 100%);
  background: linear-gradient(135deg, rgba(254,170,88,1) 0%, rgba(254,172,108,1) 12%, rgba(254,173,119,1) 16%, rgba(254,148,132,1) 45%, rgba(254,87,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#feaa58",endColorstr="#fe57a6",GradientType=1);
}

.gradient-audio {
  background: rgb(38,179,194);
background: -moz-linear-gradient(227deg, rgba(38,179,194,1) 0%, rgba(53,185,199,1) 10%, rgba(62,188,203,1) 12%, rgba(62,188,203,1) 16%, rgba(65,190,204,1) 26%, rgba(81,193,208,1) 28%, rgba(95,196,212,1) 34%, rgba(100,197,214,1) 38%, rgba(105,188,212,1) 44%, rgba(113,177,211,1) 50%, rgba(146,124,203,1) 74%, rgba(187,61,194,1) 99%, rgba(203,37,191,1) 100%);
background: -webkit-linear-gradient(227deg, rgba(38,179,194,1) 0%, rgba(53,185,199,1) 10%, rgba(62,188,203,1) 12%, rgba(62,188,203,1) 16%, rgba(65,190,204,1) 26%, rgba(81,193,208,1) 28%, rgba(95,196,212,1) 34%, rgba(100,197,214,1) 38%, rgba(105,188,212,1) 44%, rgba(113,177,211,1) 50%, rgba(146,124,203,1) 74%, rgba(187,61,194,1) 99%, rgba(203,37,191,1) 100%);
background: linear-gradient(227deg, rgba(38,179,194,1) 0%, rgba(53,185,199,1) 10%, rgba(62,188,203,1) 12%, rgba(62,188,203,1) 16%, rgba(65,190,204,1) 26%, rgba(81,193,208,1) 28%, rgba(95,196,212,1) 34%, rgba(100,197,214,1) 38%, rgba(105,188,212,1) 44%, rgba(113,177,211,1) 50%, rgba(146,124,203,1) 74%, rgba(187,61,194,1) 99%, rgba(203,37,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26b3c2",endColorstr="#cb25bf",GradientType=1);
}


  .gradient-area {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .gradient-area > div {
    height: 100%;
  }

  .text-area.et_pb_row {
    position: absolute;
    height: 420px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-area > div {
    height: 100%;
    width: 60% !important;
    float: right;
  }

  .text-area > div > div {
    height: 100%;
  }


  .left-block-area {
  }

  .left-block-image-area {
    position: absolute;
    top: 30px;
    left: 38%;
    transform: translateX(-50%);
    padding-top: 0;
    padding-bottom: 0;
    z-index: 700;
  }

  .left-block-text-area {
    position: relative;
    height: 100%;
  }

  .left-block-text-area > div {
    position: absolute;
    top: 50%;
	left: -100px;
    transform: translateY(-50%);
    padding-top: 0;
    padding-bottom: 0;
    z-index: 700;
  }

  .left-block-image-area img {
    max-width: none;
    height: 500px;
    width: auto;
  }

  .text-block {
    height: 100%;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 25%;
    padding-right: 25%;
  }

  .text-block > div {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .white-text-block {
    color: #CCC;
    background-color: #FFF;
  }

  .image-block-1 {
      background-image: url('/aps/wp-content/uploads/2018/09/aps_postimage_Introducing-New-Analytics-on-Unified-Ad-Marketplace.jpg');
    }

.image-block-publishers {
    background-image: url('/aps/wp-content/uploads/2023/01/aps_large_publishers_solutions_update2023.png');
}


.image-block-mid-publishers {
    background-image: url('/aps/wp-content/uploads/2022/11/aps_mid-size_publishers.png');
}

.image-block-mobile {
  background-image: url('/aps/wp-content/uploads/2021/04/Mobile-Developers-2021.jpg');
}

.image-block-atv {
  background-image: url('/aps/wp-content/uploads/2021/04/Advanced-TV-2021.jpg');
}

.image-block-programmatic {
  background-image: url('/aps/wp-content/uploads/2021/04/Programmatic-Buyers-2021.jpg');
}

.image-block-resources {
  background-image: url('/aps/wp-content/uploads/2023/01/resources-header-image-final.jpg');
}
 
.image-block-audio {
	background-image: url('/aps/wp-content/uploads/2021/09/hero-image.png');
	background-position: top;
}
    .left-image-block {

    }

    .left-text-block h2,
    .left-text-block p {
      color: #383E3E;
    }

div.tile-item {
	padding-top: 30px;
	padding-bottom: 30px;
}

div.tile-title {
	font-size: 1.125rem;
	margin-top: 10px;
}

#dropdown-type-menu {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

#dropdown-type-menu .dropdown-item {
	color: #666666;
	font-size: .95rem;
	line-height: .95rem;
	border-bottom: 1px #e3e3e3 solid;
	padding: 10px 20px;
}

#dropdown-services-menu {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

#dropdown-services-menu .dropdown-item {
	color: #666666;
	font-size: .95rem;
	line-height: .95rem;
	border-bottom: 1px #e3e3e3 solid;
	padding: 10px 20px;
}

@media only screen and ( max-width: 1336px) {

    .left-block-image-area img {
		height: 36vw;
        top: 50px;
		margin-top: 60px;
	}


	.left-image-block .et_pb_image_wrap {
		margin-top: auto;
		margin-bottom: -60px;
	}
         .text-block h1, h1 {
    font-size: 36px;
    }
}

@media only screen and ( max-width: 1024px) {
	.left-block-text-area > div {
		width: 100% !important;
	}

}

@media only screen and ( max-width: 1012px) {
	.left-block-image-area > div {
		width: 100% !important;
	}

	.text-block {
    height: 100%;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20%;
    padding-right: 20%;
  }
    
   .left-block-image-area img {
	height: 35vw;
    top: 50px;
	margin-top: 100px;
	}
    .text-block h1, h1 {
    font-size: 30px;
    }
}

@media only screen and ( max-width: 996px) {
  .new-gradient-section.et_pb_section {
    padding: 0;
  }

  .left-block-text-area {
    position: relative;
    display: inline-block;
  }

  .left-block-text-area > div {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 700;
  }
	
  .left-block-image-area img {
	margin-top: auto;
	}

  .text-area {
    position: relative;
    display: inline-block;
  }

  .text-area > div {
    height: 100%;
    width: 100% !important;
    float: none;
  }

  .left-text-block {
  	width: 80%;
  	margin-left: auto;
  	margin-right: auto;
  	}
  }

@media only screen and ( max-width: 996px) {

  .new-gradient-section {
    height: auto;
    min-height: 0;
    margin-top: 30px;
    z-index: 600;
    margin-bottom:0px;
    margin-left: 0;
    margin-right: 0;
  }

 .text-area.et_pb_row {
    position: relative;
    width: 100%;
    height: 320px;
    top: 0;
    left: 0;
    transform: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .text-block {
    height: 100%;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 30%;
    padding-right: 30%;
  }

  .text-block h1, h1 {
    font-size: 28px;
    }

    .left-text-block {
    	padding: 40px;
    }

  .left-block-image-area {
    /*position: relative;*/
    top: 0;
    margin-top: 220px;
    left: 5px;
    transform: none;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 700;
  }
	
   .left-block-image-area img {
    max-width: 100%;
    height: auto;
  }
	
 .left-block-area {
     top: 0;
  }

  .left-block-area.white-background {
  	background-color: #FFF;
  }

  .new-service-gradient-section {
    margin-bottom: 300px;
  }
}

@media only screen and ( max-width: 490px) {


  .left-block-image-area {
    margin-top: 220px;
    left: 0px;
  }
  
  .left-block-image-area img {
    height: auto;
    width: auto;
  }
    
  .text-block h1, h1 {
    font-size: 20px;
    }
	
.new-service-gradient-section {
    margin-bottom: 80px;

  }
	}