/*Marketing Style Overrides*/
body {
  background: url("/MarketingAssets/Generic/Images/1x1cacheclear.jpg?version=556868");
  background-repeat: no-repeat;
}
 
@media screen and (max-width: 28.75em /* 460px */ ) {
    .resources-nav { display: none; }
    .resources-container { padding: 0px; width: 100%; }
}

/* New Marketing Page Styles */

.no-bottom-border { border-bottom:0px; }

.marketing-callout-box { background-color: #f0f0f0; border:none !important; }
.marketing-callout-box p { padding:10px 10px 0px 10px; }
.marketing-callout-box p:last-of-type { padding-bottom: 10px; }
p.marketing-callout-box-header { display:block; background-color:#ccc; padding-bottom: 5px; font-size:large; border:none !important; }

.marketing-page-container .thin-gray-bottom-line { border-bottom: 1px solid #f1f1f1; margin-bottom:5px; }
.marketing-page-container .thin-gray-bottom-line h3 { display: inline-block; padding-bottom: .3em; padding-right: 24px; color:#000000; }
.marketing-page-container .thin-gray-bottom-line h1 { display: inline-block; padding-bottom: .3em; padding-right: 24px; }
.marketing-page-container .brand-border-bottom-thin { border-bottom-width: 1px; border-bottom-style: solid; }

a.orange-button-large, a.orange-button-large:visited { color:#FFFFFF; }

/* Promo Code Callout */
.promo-code { background-color: #CCCCCC; border: 1px solid #999999; font-size: large; font-family: "RobotoBold"; padding-left: 5px; padding-right: 5px; }
    
/* Marketing Font Sizes */
.marketing-page-container p.small-mkt-text, span.small-mkt-text, div.small-mkt-text { font-size:0.75em; }
h3 { margin-top:10px; }
.marketing-resources h3 { font-size:1.1em; }

/* Keeps h1 from dropping to tiny size on small screens */
@media only screen and (max-width: 680px) and (min-width: 321px) {
	#new-content-container h1 {
		font-size: 2.1em;
	}
}

/* Lightbox */

#lbBox { display:none; background-color:rgba(0, 0, 0, 0.5); position:absolute; top:0; left:0; width:100%; height:100%; }
#lbContent { display:block; z-index:1000; position:relative; top:100px; margin:0 auto; max-width:700px; }
#lbClose { border: none; }

a.uparrow::after {
    font-family: FontAwesome;
    content: "\f106";
    font-size: 1.1em;
    font-style: normal;
    font-variant: normal;
	font-weight: 700;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #FFCC33;
    margin-left: 4px;
}

/*  Left Nav Tweaks  */
.left-nav-heading { padding: 1em 1.6em; background-position: .5em center; }
.nav-label { padding-left: 10px; font-size: medium; }

/*  Wilmar Resources Section - TV 05.02.18  */
.greyBox { background-color: #eeeded; }
@media only screen and (min-width: 1440px) and (max-width: 1440px) {
    .greyBox { display:block; min-height: 120px; }
}
@media only screen and (min-width: 1080px) and (max-width: 1440px) {
    .greyBox { display:block; min-height: 140px; }
}
@media only screen and (min-width: 640px) and (max-width: 1080px) {
    .greyBox { display:block; min-height: 140px; }
}

/*  Blockquote & Citation  */
blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	margin: 0.25em 0;
	padding: 0.35em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
}
blockquote:before {
	display: block;
	padding-left: 10px;
	content: "\201C";
	font-size: 4.5em;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}
blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
blockquote cite:before { content: "\2014 \2009"; }


/* CTA Brand Color  */
.thd-button.primary {
    background-color: #FFCC33;
    border: 2px solid #FFCC33;
    box-shadow: 0 3px 0 #FFCC33;
    color:#292929 !important;
}

.thd-button.primary:hover {
    border: 2px solid #F3B306;
    background-color: #F3B306;
}
.marketing-page-container a.thd-button, .marketing-page-container a.thd-button:visited { color:#FFFFFF; }
.thd-button.auto-width { display:inline-block; width:auto; padding:0 20px; }
.thd-button.tall-button { font-size:1.4em; line-height:2.0em; }

/***  10/24/18 Font  Additions - jM  ***/
.marketing-page-container h1, .marketing-page-container h2, .marketing-page-container h3, .marketing-page-container h4, .marketing-page-container h5, .marketing-page-container h6, .marketing-page-container h1 a:link, .marketing-page-container h2 a:link, .marketing-page-container h3 a:link, .marketing-page-container h4 a:link, .marketing-page-container h5 a:link, .marketing-page-container h6 a:link {
    color: #5a5b5d;
}

.marketing-page-container .white-text, .marketing-page-container p.white-text, .marketing-page-container ul.white-text li { color: #FFFFFF; }

.marketing-page-container h1 {
	font-weight: 300;
	line-height: normal;
    letter-spacing: normal;
    padding-right:0px;
}

.marketing-page-container h2 {
	font-weight: 400;
	line-height: normal;
    letter-spacing: normal;
    padding: 0;
}

.marketing-page-container h3 {
	font-weight: 400;
	line-height: normal;
    letter-spacing: normal;
}

.marketing-page-container h4 {
	font-weight: 400;
	letter-spacing: -0.010em;
	line-height: normal;
    font-size: 1.5em;
    font-family: 'HelveticaNeue', HelveticaNeue, Roboto, Arial, sans-serif;
}

.marketing-page-container h5 {
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.010em;
}

.marketing-page-container h6 {
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.010em;
}

.marketing-page-container h1, .marketing-page-container h2, .marketing-page-container h3, .marketing-page-container h4 {
    line-height: 1.1em;
    margin-top: 15px;
}

.marketing-page-container p, .marketing-page-container li, .marketing-page-container td, .marketing-page-container ul li  {
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.marketing-page-container a { text-decoration: none; }
.marketing-page-container a:hover { text-decoration: underline; }

/* Overriding default vlink color */
.marketing-page-container p a:visited, .marketing-page-container h3 a:visited { color: #116297; }

.marketing-page-container .jumbo { font-size: 4.4rem; }
.marketing-page-container .xlarge { font-size: 3.6rem; }
.marketing-page-container .large { font-size: 3rem; }
.marketing-page-container .husky { font-size: 2.4rem; }
.marketing-page-container .medium { font-size: 1.8rem; }
.marketing-page-container .normal {
	font-size: 1.4rem;
    line-height: 1.15em;
}
.marketing-page-container .petite { font-size: 1.1rem; }
.marketing-page-container .legal { font-size: 1.1rem; font-style: italic; }
.text-12 { font-size: 1.2em; }

.page-header {
	font-family: "HelveticaNeueLight", HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 3rem;
	line-height: 3rem;
	clear: both;
	padding-bottom: 10px;
}

.marketing-page-container .row-header {
    font-size: 2.4rem;
    font-family: "HelveticaNeueLight", HelveticaNeue, Helvetica, Arial, sans-serif !important;
    color: #333;
    border-bottom: 1px solid #FFCC33;
    padding-right: 24px;
    display: inline-block;
    margin-bottom: -3px;
    padding-bottom: 4px;
}

.marketing-page-container .row-header-gray-line {
    padding-bottom: .1em;
    padding-right: 24px;
    border-bottom: 1px solid #f1f1f1;
}

.marketing-page-container .row-header-under {
    font-size: 2.4rem;
    font-family: "HelveticaNeueLight", HelveticaNeue, Helvetica, Arial, sans-serif !important;
    color: #333;
    border-top: 5px solid #FFCC33;
    padding-right: 0px;
    display: inline-block;
    margin-top: -1px;
    padding-top: 4px;
}

.marketing-page-container .row-header-gray-under-line {
    padding-right: 24px;
    border-top: 1px solid #f1f1f1;
}

.hero-title {
	font-size: 4rem;
	letter-spacing: -0.005em;
	font-family: "HelveticaNeueHeavyCondensed";
}

.banner-title {
	font-size: 3.6rem;
	letter-spacing: -0.005em;
	font-family: "HelveticaNeueHeavyCondensed";
}

.block-header {
	font-size: 3.6rem;
	letter-spacing: -0.005em;
	font-family: "HelveticaNeueLight", HelveticaNeue, Helvetica, Arial, sans-serif;
}

.hero-subhead {
	font-size: 1.4rem;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
}

.text-quote {
	font-size: 1.4rem;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
}

.bold { font-family: "HelveticaNeueBold"; }
.headline-heavy { font-family: "HelveticaNeueHeavyCondensed"; }
.headline-light { font-family: "HelveticaNeueLight"; }

.text-cta {
	font-family: 'HelveticaNeue', Roboto, Arial, sans-serif;
	margin-top: 8px;
	letter-spacing: normal;
}
.text-cta a::after {
	font-family: FontAwesome;
	content: "\f105";
	font-size: 1.1em;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	color: #FFCC33;
	margin-left: 0.25em;
}
.text-cta.downarrow a::after { content: "\f107"; vertical-align: middle; }
.text-cta a, #main-wrapper .text-cta a { color: #333; }
.text-cta a:hover { text-decoration: none; }

.mc-title {
	font-size: 1.4em;
	font-family: 'HelveticaNeueHeavyCondensed', HelveticaNeueBold, Roboto Bold, Arial, sans-serif;
	margin-top: 10px;
	letter-spacing: normal;
	color: #5a5b5d;
}
.mc-title a { color: #5a5b5d; }


/* Product Lists - Modules 110818 */
.promo-img { height: 230px; width:100%; display:flex; align-items:center; }
.promo-img a { width:100%; }
.prod-desc { display: inline-block; }
.prod-savings { display: inline-block; color: #0CB14B; font-weight:bold; padding-right: 8px; }
.product-list div[name="ButtonBarQuantityUom"] { display: block; max-width: 240px; }
.product-list .thd-button { width: 90% }
.product-list .uom-width { display:inline-block; width:49%; }
.product-list .green-text { color: #0CB14B; }


/* 1440x200 banner with header text over image -  Modules 110818 */
.hero-text { position: relative; }
.hero-text a.thd-button, .hero-text a.gray-button { padding-left: 20px; padding-right: 20px; font-size: 1em; }
.hero-text p { font-size: 1.2rem; }
.hero-text-content div { width:100%; }

@media only screen and (min-width: 1440px) {
    .hero-text-content { letter-spacing: normal; }
    #new-content-container .hero-text-content h1, #new-content-container .hero-text-content h2 { margin-top: 0; color:#5A5B5D; font-size: 3.4rem; }
    #new-content-container .hero-text-content h1.white-text, #new-content-container .hero-text-content h2.white-text { color:#FFFFFF; }
    #new-content-container .hero-text-content p { max-width: 50%; }
}

@media only screen and (min-width: 1170px) {
    .hero-text-content {
        position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-left:50px;
        display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .hero-text-content h1, .hero-text-content h2 { max-width: 50%; margin-top: 0; font-size: 3.7vw; }
    .hero-text-content p { padding-top: 5px; max-width: 50%; }
}

/* PROPURCHASE BANNER */
#propurchase-banner, #propurchase-banner img, #propurchase-banner div {
    cursor: pointer;
}
.PP-Logo { width: 30%; height: auto; }
#propurchase-banner .hero-text-content {
    position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-left:50px;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media only screen and (max-width: 1024px) {
    #propurchase-banner .hero-text-content h3 { max-width:50%; font-size:2.3vw; line-height:normal; }
}
@media only screen and (max-width: 768px) {
    #propurchase-banner { height:400px; position:relative; background:#EEEEEE; }
    #propurchase-banner .hero-text-content h3 { max-width:100%; font-size:1.2vw; line-height:normal; }
    #propurchase-banner img.hero-img { position:absolute; bottom:0; right:0; }
    #propurchase-banner .hero-text-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 20px;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-flex-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
.PP-Logo { width: 50%; height: auto; }
}
/* END PROPURCHASE BANNER */

@media only screen and (max-width: 1170px) {
    .hero-text-content { letter-spacing: normal; }
    #new-content-container .hero-text-content h1, #new-content-container .hero-text-content h1, #new-content-container .hero-text-content h2, #new-content-container .hero-text-content h2 { color: #5A5B5D; font-size: 3.6vw; margin-top: 10px; }
    #new-content-container .hero-text-content h1.white-text, #new-content-container .hero-text-content h2.white-text, #new-content-container .hero-text-content h3.white-text, #new-content-container .hero-text-content p.white-text, #new-content-container .hero-text-content ul.white-text li, #new-content-container .hero-text-content p.white-text a { color: #5A5B5D !important; }
    #new-content-container .hero-text-content p { padding-top: 5px; color:#5A5B5D; }
    #new-content-container .hero-text-content ul li { color:#5A5B5D; }
    #new-content-container .hero-text-content p { padding-top: 5px; font-size: 1.2rem; }
}

@media only screen and (max-width: 768px) {
    .hero-text-content { letter-spacing: normal; }
    #new-content-container .hero-text-content h2, #new-content-container .hero-text-content h1, #new-content-container .hero-text-content h2, #new-content-container .hero-text-content h2 { font-size: 1.8rem; margin-top: 10px; }
    #new-content-container .hero-text-content h1, #new-content-container .hero-text-content h2, #new-content-container .hero-text-content p { color: #5A5B5D; }
    #new-content-container .hero-text-content h1.white-text, #new-content-container .hero-text-content h2.white-text, #new-content-container .hero-text-content h3.white-text, #new-content-container .hero-text-content p.white-text, #new-content-container .hero-text-content ul.white-text li, #new-content-container .hero-text-content p.white-text a { color: #5A5B5D !important; }
    #new-content-container .hero-text-content p { padding-top: 5px; font-size: 1.1rem; }
}

.hero-text-content h1.full-width, .hero-text-content h2.full-width { max-width:100%; }

/* Button Sizes - Modules 110818 */
.button200 { display: inline-block; width:200px; }
.button300 { display: inline-block; width:300px; }
button.promo-button { min-width:160px; padding-left: 20px; padding-right:20px; }

/* Grey Boxes - Add Bottom Margins, Remove H Top Margin */

.bottom-margin-1perc { margin-bottom:1%; }
.light-gray-background h1, .light-gray-background h2, .light-gray-background h3, .light-gray-background h4 { margin-top:0; }

/* More Breaks */
.wastexl { min-height: 100px; }
.wastemed { min-height: 60px; }

/* Bullet Lists */
ul.disc-bullets { margin-top:1em; }
ul.disc-bullets li {
    list-style-type: disc;
}
ul.circle-bullets li {
    list-style-type: circle;
}

/* Kill Margin */
.no-top-margin { margin-top:0px; }

/* Mobile Hide */
@media only screen and (max-width: 480px) {
    .mobile-hide { display:none; }
}
@media only screen and (max-width: 900px) {
    .tablet-hide { display:none; }
}

/* Fix presentation.css un-centering paragraphs at small screen sizes */
@media only screen and (min-width : 321px) and (max-width : 568px) {
	.marketing-page-container p.text-center {
        text-align:center;
    }
}

/* Homepage Top */
#homepage-categories a.left-nav-item { padding: 6px; }
#homepage-categories a.left-nav-item { display: block; font-size: 13px; color: #333; padding: 7px 15px; text-transform: uppercase; border: none; } /* Color EFEFEF */
#homepage-categories a.left-nav-item:first-of-type { padding-top:14px; }
#homepage-categories a.left-nav-item:last-of-type { padding-bottom:14px; }
.extra-dark-grey-background { background-color: #5A5B5D; margin:2px; height:100%; display: grid; align-items: center; justify-content: center; }
.marketing-page-container ul.sy-list { display:normal; margin:0; padding:0; }

#homepage-nav-marketing { padding-top:0px !important; margin-top:1.5em !important; }
#homepage-categories { }
#homepage-categories a.left-nav-item { background-color:#F1F1F1; /* #D9D9D6 */ }
#homepage-marketing { }
@media only screen and (min-width: 1201px) { #homepage-marketing { padding-left:10px; } }

/* FLEX HOME CONTENT */
#flex-hp-content {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
#target-authlinks { flex-grow: 1; }

/* Homepage Mobile */
@media only screen and (max-width: 1200px) {
    #homepage-categories { display:none; }
    #homepage-marketing { width:100%; }
    #flex-hp-content { height:auto; display:normal; }
}

/* Vertical-Align Internally */
.vertmiddle { display: flex; align-items: center; }
.verttop { display: flex; align-items: flex-start; }

.img-cover-left {
    width: 100%;
    object-fit: cover;
    object-position: 100%;
    height: 21vh;
}

.img-cover-center {
    width: 100%;
    object-fit: cover;
    object-position: 50%;
}


/* Text Colors */
.hero-text-content h1.white-text, .hero-text-content h2.white-text, .hero-text-content h3.white-text, .hero-text-content p.white-text, .hero-text-content p.white-text a {
    color:#FFFFFF !important;
}
.marketing-page-container h1.hds-text, .marketing-page-container h2.hds-text, .marketing-page-container h3.hds-text, .marketing-page-container p.hds-text, .marketing-page-container li.hds-text, .marketing-page-container span.hds-text {
    color: #FFCC33 !important;
}
.hero-text-content h1.hds-text, .hero-text-content h2.hds-text, .hero-text-content p.hds-text {
    color:#FFCC33 !important;
}

.hds-background { display:block; background:#FFCC33; }

/* Right Border that drops on mobile */
@media (min-width: 880px) {
    .border-right-mobile-hide {
        border-right: 1px solid #CCCCCC;
    }
}


/* Tables */
.info_table { border-collapse: collapse; width:100%; margin-top:15px; }
.info_table tr {background:#FFFFFF;}
.info_table tr:nth-child(odd) {background: #F1F1F1}
.info_table td { border: 1px solid #5A5B5D; padding:5px; text-align:center; font-size:1.0em; }
.info_table th { border: 1px solid #5A5B5D; padding:5px; text-align:center; font-family: "HelveticaNeueHeavyCondensed"; color: #5A5B5D; font-size:1.2em; background:#E1E1E1; }

.info_table2 { border: none; width:100%; margin-top:15px; }
.info_table2 tr {background:#FFFFFF;}
.info_table2 tr:nth-child(odd) {background: #F1F1F1}
.info_table2 td { padding:5px; font-size:1.0em; }
.info_table2 th { padding:5px; font-family: "HelveticaNeueHeavyCondensed"; color: #FFFFFF; font-size:1.2em; background:#5A5B5D; }

.info_table3 { border: none; width:100%; margin-top:15px; }
.info_table3 tr {background:#FFFFFF;}
.info_table3 tr:last-child {background: #F1F1F1}
.info_table3 td { border: 1px solid #5A5B5D; padding:5px; font-size:1.0em; text-align:center; }
.info_table3 tr td:first-child { text-align:left; }
.info_table3 th { border: 1px solid #5A5B5D; padding:5px; font-family: "HelveticaNeueHeavyCondensed"; color: #FFFFFF; font-size:1.2em; background:#5A5B5D; text-align:center; }
.info_table3 tr th:first-child { text-align:left; }

.info_table_hds { border-collapse: collapse; width:100%; margin-top:15px; }
.info_table_hds tr {background:#FFFFFF;}
.info_table_hds td { border: 1px solid #5A5B5D; padding:5px; text-align:center; font-size:1.0em; }
.info_table_hds th { border: 1px solid #5A5B5D; padding:5px; text-align:center; font-family: "HelveticaNeueHeavyCondensed"; font-size:1.2em; background:#FFCC33; color:#292929; }

tr.info_table_section_header td { color: #FFFFFF; font-size:1.2em; background:#5A5B5D !important; }
tr.light-gray-background { background-color: #f1f1f1; }

.table-borders td, .table-borders th { border: 1px solid #5A5B5D; }
th.white-border { border: 1px solid #FFFFFF; }
.table-center td, .table-center th { text-align:center; }
td.it_lborder { border-left: 1px solid #5A5B5D; }
td.it_rborder { border-right: 1px solid #5A5B5D; }
td.left-td { text-align:left; }
table.scrolling-table { position:relative; }
table.scrolling-table th { position:sticky; position: -webkit-sticky; top:0; }
div.responsive-table { position:relative; width:100%; overflow:auto; }
div.responsive-table table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
div.responsive-table tr td:first-of-type, div.responsive-table tr th:first-of-type {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    min-width: 110px;
}
div.responsive-table tr td:first-of-type { background-color:inherit; }


/* Graphic Over Orange Line */
p.graphic-rule {
    background: -moz-linear-gradient(#ffffff 0%, #ffffff 49%, #FFCC33 50%, #FFCC33 51%, #ffffff 52%, #ffffff 100%);
    background: -ms-linear-gradient(#ffffff 0%, #ffffff 49%, #FFCC33 50%, #FFCC33 51%, #ffffff 52%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ffffff), color-stop(50%, #FFCC33), color-stop(51%, #FFCC33), color-stop(52%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(#ffffff 0%, #ffffff 49%, #FFCC33 50%, #FFCC33 51%, #ffffff 52%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff 0%, #ffffff 49%, #FFCC33 50%, #FFCC33 51%, #ffffff 52%, #ffffff 100%);
    background: linear-gradient(#ffffff 0%, #ffffff 49%, #FFCC33 50%, #FFCC33 51%, #ffffff 52%, #ffffff 100%);
}

/* Text Shadow */
.text-shadow {text-shadow: 2px 2px 2px rgba(90,91,93,0.6);}
@media only screen and (max-width: 1170px) {
.text-shadow {text-shadow: none;}
}

/* Kill Border/Background on Mobile (default is md) */
/* Smaller Screen Size Centers Text */
@media (max-width: 38.75em) {
	.mobile-no-border { border:none !important; }
    .mobile-no-bg { background:none !important; }
    .text-center-md { text-align:center; }
}
@media screen and (max-width: 47.5em /* 760px */ ) {
	.mobile-no-border-my { border:none !important; }
    .mobile-no-bg-my { background:none !important; }
    .text-center-my { text-align:center; }
    }
@media screen and (max-width: 56.25em /* 900px */) {
	.mobile-no-border-lg { border:none !important; }
    .mobile-no-bg-lg { background:none !important; }
    .text-center-lg { text-align:center; }
}

/* Legacy Green Buttons */
a.green-button-large,
a.green-button-large:link,
a.green-button-large:visited,
a.green-button-large:hover,
a.green-button-large:active,
input.green-button-large,
input.green-button-large:link,
input.green-button-large:visited,
input.green-button-large:hover,
input.green-button-large:active {
  padding: 5px 12px;
  line-height: 16px;
  color: #ffffff !important;
  font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-size: small;
  text-decoration: none;
  text-align: center;
  position: relative;
  cursor: pointer;
  border: 1px solid #028002;
  background: #028002;
}

  a.green-button-large:hover,
  a.green-button-large:focus,
  input.green-button-large:hover,
  input.green-button-large:focus {
    color: #ffffff !important;
    border: 1px solid #005200;
    background: #005200;
  }



/* Clear Button */
a.clear-button { display:inline-block; font-size:0.85em; font-weight:bold; color:#5A5B5D !important; padding:6px 12px; border:1px solid #5A5B5D; }
a.clear-button:hover { background:#5A5B5D; color:#FFFFFF !important; text-decoration:none; }

/* Brand Color BG */
.brand-background { background-color:#FFCC33; }

/* HERO IMG */
.hero-img-container {overflow: hidden;}
.hero-img {float: right;}

.hero-420 {--imageHeight: 420px;}
.hero-300 {--imageHeight: 300px;}
.hero-200 {--imageHeight: 200px;}

@media only screen and (max-width: 1170px) {
    .hero-img {height: calc(var(--imageHeight) * 0.90);}
}

@media only screen and (max-width: 768px) {
    .hero-img {height: calc(var(--imageHeight) * 0.75);}
}

@media only screen and (max-width: 480px) {
    .hero-img {height: calc(var(--imageHeight) * 0.50);}
}

/* 50/50 banner */
@media only screen and (min-width: 900px) {
	.title-225vw {
		font-size: 2.25vw;
	}
}

.padding_15px_top { padding-top: 15px; }
.padding_15px_bottom { padding-bottom: 15px; }
.padding_15px_left { padding-left: 15px; }
.padding_30px_left { padding-left: 30px; }

/*# sourceMappingURL=Marketing-css.css.map */

/* Correcting list margins */
.marketing-page-container ul, .marketing-page-container ol {
    margin-left: 30px;
    padding: 10px 5px;
}

/* New Homepages */

.mc-text .mc-title {
    position:relative;
    padding-right:20px;
}
.mc-text .mc-title::after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 1.4em;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #FFCC33;
    margin-left: 0.25em;
    text-align: right;
    float: right;
    margin-top: -7px;
    position:absolute;
    top:0;
    right:0;
}
.hds-border { border: 1px solid #FFCC33; }
.center-row-line {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, white calc(50% - 1px), #FFCC33 calc(50% - 1px) calc(50% + 1px), white calc(50% + 1px));
}
h3.center-row-header {
    font-size: 2.4rem;
    font-family: "HelveticaNeueLight", HelveticaNeue, Helvetica, Arial, sans-serif !important;
    color: #333;
    display: inline-block;
    background: #FFFFFF;
    margin: 0;
    padding:0px 10px;
}
#homepage-mc .mc-text {
    margin: 0 auto;
    max-width: 345px;
}
#homepage-resources .mc-text {
    margin: 0 auto;
    max-width: 480px;
}

#homepage-categories-strip {

}
#hp-cats {
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content:space-between;
    margin: 0px 0px 15px 0px;
    width:100%;
    height:30px;
    overflow:hidden;
}
div.hp-category {
    font-family: 'HelveticaNeue', Arial, sans-serif;
    font-size: 1.15em;
    color: #000000;
    padding: 5px 10px;
    white-space: nowrap;
    border-bottom: 2px solid #FFFFFF;
    position:relative;
}
.hpc-line {
    border-right: 1px solid #FFCC33;
}
#hp-cats div.hp-category a {
    color: #000000;
}
#hp-cats div.hp-category a:hover {
    text-decoration:none;
}
#hp-cats div.hp-category:hover {
    border-bottom: 2px solid #F96302;
}
#hp-cats div.hp-category:last-of-type {
    border-right: none;
}

.hpsc-right {
    right:-5px;
}

#hp-cats div.hp-category .hp-sub-cats div a {
    font-family: 'HelveticaNeue', Arial, sans-serif;
    font-size: 1em;
}
#hp-cats div.hp-category .hp-sub-cats div a:hover {
    text-decoration: underline
}
#hp-cats div.hp-category .hp-sub-cats a.hpsc-all {
    float: right;
    color: #FFCC33;
    font-size: 1.1em;
    padding: 5px 20px 10px 20px;
}
#hp-cats div.hp-category .hp-sub-cats a.hpsc-all::after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 1.1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #FFCC33;
    margin-left: 0.25em;
}

#homepage-orange-boxes h3, #homepage-orange-boxes h4 { margin-top:5px; }

#about-content p:first-of-type { padding-top:0; margin-top:0; }


@media only screen and (max-width: 960px) {
    .main-carousel .pure-u-xl-2-3 img {
        max-width:100%;
    }
}

@media only screen and (min-width: 960px) {
    .main-carousel .pure-u-xl-2-3 {
        overflow:hidden
    }
    .main-carousel .pure-u-xl-2-3 img {
        float:right;
    }
}

.height50 {max-height: 50px;}
.height100 {max-height: 100px;}
.height150 { max-height:150px; }

/* Left Nav Header */

.help-center-header {
    margin-top: 0;
    padding: 1em 0.75em 1em 2.2em;
    border-bottom: 1px solid #cfcfcf;
    background-color: #5a5b5d;
    font-size: medium;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 1em center;
    background-size: 0.8em 0.8em;
    cursor: pointer;
}


/* Formstack Edits */

.fsForm { background-color: #FFFFFF !important; padding:0px !important; }
.fsBody { padding:0px !important; }
.bUayw { max-width: 100% !important; }
.fsLabel {
    font-family: "HelveticaNeue", Helvetica, Arial, sans-serif !important;
    font-size: 1.1em !important;
    color: #333 !important;
    -webkit-font-smoothing: antialiased;
    padding-top:15px !important;
    margin-bottom:5px !important;
}
.fsSupportingSubLabel { font-size: 0.7em !important; }
.fsSectionHeader { display: none; }
.fsForm, .fsPage { min-width:100% !important; }