/*  
Theme Name: retailmosaic313
Theme URI:
Description: 2022 WP theme for Retail Mosaic
Version: 2.0.0
Author: Studio 313
Author URI: studio313.com.au
*/

/** RESET **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* box-sizing border box */
html {-webkit-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/

html { background-color: var(--grymid); scroll-behavior: smooth;}
body { -webkit-text-size-adjust: none; background-color:#fff; font-size:16px; font-family: var(--Copy);}

h1, h2, h3, h4, h6 { font-family: var(--Copy); margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:1.6; font-weight: var(--CopySemiBld);}

h1 { font-size: 22px; color: var(--Txt); margin:0 0 20px 0;}
h2 { font-size: 22px; color: var(--Txt); margin:0 0 15px 0;}
h3 { font-size: 20px; color: var(--Txt); margin:0 0 10px 0;}
h4 { font-size: 17px; color: var(--Txt); margin:0 0 10px 0;}

h6 { font-size: 20px; color: var(--Txt); margin:0 !important;}

p, a, li { font-family: var(--Copy); margin:0; padding:0; text-decoration:none; border:none; font-weight: var(--CopyReg);}
p, li { color: var(--Txt); line-height:1.6;}
p { margin:0 0 10px 0;}

a { text-decoration:none; color: var(--Txt); border:none; font-family: var(--Copy);}
a, button { text-decoration:none; color: var(--Txt); border:none; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
a:hover { text-decoration:none; color: var(--ppllt);}

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

table { margin:20px auto;}
th { text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

input, sselect, textarea { color: var(--Txt); font-family: var(--Copy);}

b, strong { font-family: var(--Copy); font-weight: var(--CopySemiBld);}
em, i { font-family: var(--Copy); font-style: italic;}
em b, i b, em strong, i strong { font-family: var(--Copy); font-style: italic; font-weight: var(--CopySemiBld);}

@media only screen and (min-width :700px) {
body, p, a, li { font-size:16px;}
h1 { font-size: 26px;}
h2 { font-size: 23px;}
h3, h6 { font-size: 20px;}
h4 { font-size: 18px;}
	
}

@media only screen and (min-width :1200px) {
body, p, a, li { font-size:17px;}
h1 { font-size: 31px;}
h2 { font-size: 28px;}
h3, h6 { font-size: 24px;}
h4 { font-size: 19px;}
}

.container-fluid { padding-left: 0; padding-right: 0;}
.container { width: 100%; max-width: 1170px;}
.pg-body { min-height: 1500px;}
img { max-width: 100%; height: auto;}

/* fonts

font-family: 'Assistant', sans-serif;

*/
	
:root {
        /*colours */
        --Txt: #141414;
        --ppllt:#cbb7d8;
        --pplmid:#8158a4;
        --ppldk:#7a3c97;
        --grylt:#cbcbcb;
        --grymid:#757574;
        --grydk:#3e3e3e;
        --char:#414141;

        /* fonts */
        --Copy: 'Assistant', sans-serif;
        --CopyReg: 400;
        --CopySemiBld: 600;
        --fontawe: "Font Awesome 6 Pro";

        /* padding */
        --TBPad: 40px 0;
        --TBPad700: 45px 0;
        --TBPad1000: 50px 0;
        --TBPad1400: 90px 0;
    }


/** HEADER **/
header { position:fixed; width: 100%; margin:0; padding:0; background: var(--grydk); padding: 0px; z-index: 9999;}
header .top-pnl { min-height: 65px; box-sizing: border-box; }
header .top-pnl > .container > .row { align-items: center; min-height: 65px; }
header .top-pnl-nav ul { list-style: none; position: relative; margin: 0; padding: 0; text-align: right;}
header ul li { display: inline-block; padding: 0 5px;}
header i, header ul li a { color: #fff; font-size: 12px;}
header ul li span { display: none;}
.ddwn-nav a { width: 40px; height: 55px; display: block; position: relative;}
.ddwn-nav a:after { content: '\f0c9'; font-family: var(--fontawe); display: block; position: absolute; left: 50%; top: 13px; transform: translateX(-50%); color: #fff; font-weight: 200; font-size: 30px;}
.ddwn-nav a[aria-expanded="true"]:after { content: '\f00d'; font-family: var(--fontawe); display: block; position: absolute; left: 50%; top: 13px; color: #fff; font-weight: 200; font-size: 30px;}

header .card-body { background: var(--pplmid); width: 100%; border-radius: 0; padding: 10px 0;}
header .card-body ul { padding: 0; margin: 0; }
header .card-body ul li { line-height: 1.3;display: block;}



@media only screen and (min-width :700px) {
    header i, header ul li a { font-size: 14px;}
    header ul li span { display: inline-block;}
    header i { font-size: 24px;}
    
    
}


@media only screen and (min-width :992px) {
    header .top-pnl-nav ul { padding: 0;}
    header ul li { padding: 0 10px;}
    header i, header ul li a { font-size: 16px;}
    header i { font-size: 28px; margin-top: 5px; margin-left: 5px;}
    
    header .card-body { padding: 15px 0;}
    
    header .card-body ul { padding: 0; margin: 0;}
    header .card-body ul li { display: inline-block;}
    header .card-body ul li:nth-child(n+2) { position: relative;}
    header .card-body ul li:nth-child(n+2):after { content: ''; display: block; width: 1px; height: 20px; background-color: white; position: absolute; top: 55%; transform: translateY(-50%); left: 0;}
}

	
/** CONTENT **/
.topfix {padding-top: 65px;}
.bdy { background: #fff; min-height: 400px; padding: 20px 0;}
.tb-pad, .tb-pad-sml {padding: 20px 0 !important;}
.no-btnpad { padding-bottom: 0 !important;}
.pg-cont {}
.pg-cont img { width: 100%; height: auto; margin: 0 auto 10px !important;}
.pg-cont h4 { margin: 15px 0; display: block;}
.pg-cont ul { margin-left: 30px;}
.wp-caption { text-align: left; padding-top: 4px; margin: 5px 0 20px;}
.wp-caption p.wp-caption-text {font-size: 11px; color: var(--grylt);}

.pg-ttl { border-bottom: 4px solid var(--char); padding-bottom: 10px;}
.pg-ttl.hide-title { display:none;}
.pg-ttl h1 { margin-bottom: 5px;}
.pg-ttl h3 { font-weight: var(--CopyReg); font-style: italic; margin-bottom:0;}
.pg-subttl { border-bottom: 1px solid var(--char); padding: 10px 0;}
.pg-subttl h2 {font-size: 22px; margin-bottom: 0;}
.pg-subttl h3 { font-size: 16px; font-weight: var(--CopyReg);}

.int-search { background: #f4f4f4; padding: 10px 0;}
.int-search img { width: auto; height: 40px;}
.int-search form { margin-bottom: 0 !important;}

@media only screen and (min-width :700px) {
    .bdy { padding: 30px 0;}
    .tb-pad, .tb-pad-sml {padding: 30px 0 !important;}
    .pg-cont img { margin: 0 auto 20px !important;}
    .pg-cont h4 { margin: 20px 0; display: block;}
    .wp-caption p.wp-caption-text {font-size: 12px;}
    
    .int-search { padding: 20px 0;}
    
    .pg-subttl h2 {font-size: 24px;}
    .pg-subttl h3 { font-size: 18px;}
}

@media only screen and (min-width :992px) {
    .bdy { padding: 40px 0;}
	.topfix {padding-top: 65px;}
    .tb-pad {padding: 40px 0 !important;}
    .wp-caption p.wp-caption-text {font-size: 14px;}
    
    .int-search img { width: auto; height: 55px;}
    
    .pg-subttl {padding: 20px 0;}
    .pg-subttl h2 {font-size: 26px;}
    .pg-subttl h3 { font-size: 20px;}
    
    .pg-cont img { margin: 0 auto 30px !important;}
}

@media only screen and (min-width :1200px) {
    .tb-pad {padding: 50px 0 !important;}
    
    .pg-subttl h2 {font-size: 28px;}
    .pg-subttl h3 { font-size: 22px;}
}

/* home */
.hme-form, .hme-links, .foot-signup { padding: 40px 0;}
.hme-form {min-height: 400px; border-bottom:2px solid var(--ppllt);}
.hme-form .container { max-width: 700px;}
.hme-form .container img { width: 50%; max-width: 300px; height: auto; display: block; margin: 0 auto; margin-bottom: 30px;}
.hme-form ul { list-style: none; position: relative; margin: 0; padding: 0; text-align: center;}
.hme-form ul li { display: inline-block; margin: 7px 5px; vertical-align:top;}
.hme-form ul li a { background: var(--grymid); border-radius: 999em; color: #fff; font-size: 16px; padding: 5px 15px;}
.hme-form ul li a:hover { background: var(--pplmid);}

.hme-links { border-bottom:2px solid var(--ppllt); margin-bottom: 4px;}
.hme-links .container { max-width: 1100px;}
.hmelinks-item { margin-bottom: 30px;}
.links-img { padding: 0;}
.links-img, .links-txt { text-align: center; }

.links-img div {border: 1px solid var(--ppllt); width: 90px; height: 90px; border-radius: 50%; position: relative; display: block; margin: 0 auto 10px;}
.links-img div img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 60%; margin-bottom: 20px;}
.links-txt { font-family: var(--copy);color: var(--txt); font-weight: var(--CopySemiBld); font-size: 18px;}

.hmelinks-item:hover .links-txt { color: var(--pplmid);}
.hmelinks-item:hover .links-img div { border: 1px solid var(--pplmid);}

.signin-btn { display: block; margin: 30px 0; text-align: center;}
.signin-btn a.cta.signin {border: 1px solid var(--grymid); border-radius: 20px; padding: 10px 20px; color: var(--ppldk); text-align: center; text-transform: none; font-size: 20px;}
.signin-btn a.cta.signin:hover {border: 1px solid var(--ppldk); border-radius: 20px; padding: 10px 20px; color: #fff; background: var(--ppldk); text-align: center; text-transform: none; font-size: 20px;}
.signin-btn i { padding-left: 25px;}

.foot-signup {background:#f3f3f3;}
.foot-signup .container { max-width: 630px;}
.foot-signup p { text-align: center; color: var(--pplmid); margin-bottom: 30px;}

@media only screen and (min-width :700px) {
    .hme-form, .hme-links, .foot-signup { padding: 60px 0;}
    .hme-form .container img { margin-bottom: 40px;}
    .hme-form ul li a { font-size: 18px;}
    
    .links-img, .links-txt { display: flex; align-items: center;}
    .links-txt div { text-align: left;}
    
    .signin-btn { margin: 40px 0;}
    
    .signin-btn a.cta.signin, .signin-btn a.cta.signin:hover { font-size: 22px;}

}

@media only screen and (min-width :992px) {
    .hme-form /*, .foot-signup */ { padding: 80px 0;}
    .hme-form .container img { margin-bottom: 50px;}
    .links-txt { font-size: 20px;}
    .hmelinks-item { margin-bottom: 0px;}
    .foot-signup p { font-size: 20px;}
    
    .signin-btn a.cta.signin, .signin-btn a.cta.signin:hover { font-size: 24px; padding: 10px 30px;}
}

@media only screen and (min-width :1200px) {
    .hme-form { padding: 100px 0;}
    .signin-btn a.cta.signin, .signin-btn a.cta.signin:hover { font-size: 26px;}
}
				
/* about */	
.pg-abt {}
.pg-abt img { width: 60%; height: auto; display: block; margin: 0 auto;}

.abt-contact {background: #f9f9f9; border-top: 2px solid var(--ppllt); border-bottom: 2px solid var(--ppllt); margin-bottom: 4px;}

/* member benefits */
.pg-bene p, .pg-bene li {font-size: 20px;}
.pg-bene ul { list-style: none; position: relative; margin: 0; padding: 0;}
.pg-bene ul li { display: block; margin-left: 40px; position: relative;}
.pg-bene ul li:before { content: "\f00c"; font-family: 'Font Awesome 5 Pro'; font-weight: 800; position: absolute; left:-35px; top:3px; color: var(--ppldk);}

.pricing-pnl { margin-bottom: 30px;}
.pricing-pnl > div { border: 1px solid var(--grymid); border-radius: 20px; max-width: 475px; display: block; margin: 0 auto 20px; overflow: hidden; padding: 30px 20px;}

.pricing-pnl > div a { display: block; padding: 30px;}
.pricing-pnl h3 { text-align: center; color: var(--pplmid); font-size: 24px;}
.pricing-pnl h4 { text-align: center;}
.pricing-pnl p { text-align: center; font-size: 16px; position: relative; margin-bottom: 10px; display: block;}
.pricing-pnl h6 { text-align: center; color: var(--pplmid); font-size: 18px; font-weight: var(--CopySemiBld); margin-bottom: 10px;}
.pricing-pnl ul { max-width: 290px; display: block; margin: 0 auto 30px;}
.pricing-pnl li { font-size: 18px; line-height: 2;}
.pricing-pnl li.strikethrough { text-decoration: line-through; color: var(--grylt);}
.pg-bene ul li.strikethrough:before { content: "";}
.features { position: relative; padding-top: 20px;}
.features:after { position: absolute; top: 0px; left: 30%; width: 40%; height: 1px; content: ''; display: block; background: var(--grymid);}
.pricing { padding: 20px;}
.pricing .price { font-size: 24px; color: var(--ppldk); font-weight: var(--CopyReg); line-height: 1; margin-bottom: 30px;}
.pricing .price span,
.pricing .sub-price { font-size: 12px; color: var(--Txt);}
/*.pricing .cta { margin-bottom: 0; border: 0; border-radius: 10px;  background: var(--ppldk); color: #fff; width: 60%; max-width: 200px; display: block; margin: 0 auto; -webkit-box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.12); box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.12);}*/

.pg-bene-btm { text-align: center;}
.pg-bene-btm a { color: var(--ppldk); text-decoration: underline;}

.pricing { border: 1px solid #ccc; border-radius: 20px; width: calc(100% - 40px);  display: block; margin: 0 auto 20px; height: 260px; padding: 20px; position:relative;}
.pricing.flex { display:flex;flex-direction: column;justify-content: center;align-items: center;}

.pricing select { text-align:left;}

/*.pg-bene-btm a:hover { color: var(--ppllt);}

.pricing-pnl > div:hover {background: var(--grydk); -webkit-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-box-shadow: 20px 20px 30px 0 rgba(0,0,0,0.12); box-shadow: 20px 20px 30px 0 rgba(0,0,0,0.12);}
.pricing-pnl > div:hover h3,
.pricing-pnl > div:hover p,
.pricing-pnl > div:hover li {color: #fff; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.pricing-pnl > div:hover li.strikethrough { color: var(--grymid); -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}

.pricing-pnl > div:hover .pricing { color: var(--pplmid); border: 1px solid #fff;}
.pricing-pnl > div:hover .pricing .price { color: var(--pplmid); }
.pricing-pnl > div:hover .pricing .price span { color: #fff;}
.pricing-pnl > div:hover .pricing .cta  { background: #fff; color: var(--ppldk);}*/

@media only screen and (min-width :700px) {
    /*.pg-bene p, .pg-bene li {font-size: 22px;}*/
    .pricing-pnl h3 { font-size: 28px;}
    .pricing-pnl h6, .pricing-pnl p, .pricing-pnl li { font-size: 20px;}
    .pricing-pnl ul { max-width: 320px;}
    .pricing .price { font-size: 30px; line-height: 1;}
	.pricing .price span,
	.pricing .sub-price { font-size: 16px;}
}

@media only screen and (min-width :992px) {
    .pricing-pnl h3 { font-size: 32px;}
    /*.pricing-pnl h6, .pricing-pnl p, .pricing-pnl li { font-size: 22px;}*/
    .pricing-pnl ul { max-width: 350px;}
    .pricing .price { font-size: 40px;}
	.pricing .price span { font-size: 20px;}
	.pg-bene-btm a { font-size:20px;}
}


/* feed */
.feed-sort {}
.feed-sort a { width: 100%; border: 1px solid var(--grymid); text-align: left;}
.feed-sort a:after { display: none;}
.feed-sort a i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.feed-sort ul { width: 100%;}
.feed-sort ul li a { border: 0;}
.feed-itm { margin: 20px 0;}
.feed-ttl { border-bottom: 2px solid var(--char); padding: 10px 0;}
.feed-ttl h1, .feed-ttl h1 a { margin-bottom: 0 !important; font-size: 18px;}
.feed-ttl h1 a { color: var(--ppldk); font-weight: var(--CopySemiBld);}
.feed-ttl h1 a:hover { text-decoration:underline;}
.feed-ttl h2, .feed-ttl h3 { margin-bottom: 0 !important; font-size: 16px;}
.feed-ttl h2 {font-weight: var(--CopyReg);}
.feed-ttl h3 { text-align: right; font-size: 14px;}
.feed-extract { padding: 10px 0;}
.feed-extract p { margin-bottom: 0;}
.feed-extract h3,
.feed-extract img,
.feed-extract .wp-caption { display:none !important;}
.feed-tags, .article-tags {}
.article-tags { border-top: 2px solid var(--char); border-bottom: 2px solid var(--char); padding: 5px 0; margin-bottom: 20px;}
.feed-tags ul, .article-tags ul { list-style: none; position: relative; margin: 0; padding: 0;}
.feed-tags ul li, .article-tags ul li { display: inline-block;}
.feed-tags ul li:nth-of-type(n + 2), .article-tags ul li:nth-of-type(n + 2) { padding: 0 10px;}
.feed-tags ul li a, .article-tags ul li a { font-weight: var(--CopySemiBld); color: var(--ppldk);}
.feed-tags ul li a:hover, .article-tags ul li a:hover {color: var(--ppllt);}

@media only screen and (min-width :700px) {
    .feed-ttl h1, .feed-ttl h1 a { font-size: 20px;}
    .feed-ttl h2 { font-size: 18px;}
    .feed-ttl h3 { font-size: 16px;}
	.feed-wrap { padding:0 30px;}
}

@media only screen and (min-width :992px) {
    .feed-ttl h1, .feed-ttl h1 a { font-size: 22px;}
    .feed-ttl h2 { font-size: 20px;}
    .feed-ttl h3 { font-size: 18px;}
	
}

/* sign in */
.signin-form { padding: 40px 0; text-align: center;}
.signin-form {min-height: 400px; border-bottom:2px solid var(--ppllt);}
.signin-form .container { max-width: 700px;}
.signin-form .container img { width: 50%; max-width: 300px; height: auto; display: block; margin: 0 auto; margin-bottom: 30px;}



/** FOOTER **/
footer { background: var(--grymid); padding:30px 10px; position:relative;}
.foot-icon { position: relative;}
.foot-icon:before { width: 60px; height: 60px; position: relative; background: url(assets/img/logos/RetailMosaicLogo_IconOnly-White.svg); background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; content: ''; display: block; margin-bottom: 20px; opacity: 0.6;}
footer ul {list-style: none; position: relative; margin: 0; padding: 0;}
footer ul:first-of-type { margin-bottom: 20px;}
footer ul li { display: block; margin-bottom: 5px; padding: 0 10px; line-height: 1.3; position: relative;}
footer ul li a { color: #fff; font-size: 14px;opacity: 0.6;}
footer ul li a:hover {opacity: 1; color: #fff;}

.foot-icon {position: relative;}

@media only screen and (min-width :700px) {
    footer { padding:40px 10px;}
    footer ul { margin-bottom: 0px;}
    footer ul li { display: inline-block; line-height: 1.3;}
    
    footer ul li:nth-child(n+2) { position: relative;}
    footer ul li:nth-child(n+2):after { content: ''; display: block; width: 1px; height: 18px; background-color: white; position: absolute; top: 55%; transform: translateY(-50%); left: 0;}
}

@media only screen and (min-width :992px) {
    footer { padding:50px 10px;}
    footer ul li a { font-size: 16px;}
    footer ul:first-of-type { margin-bottom: 0;}
    .foot-icon:before { width: 40px; height: 40px; position: absolute; left: -50px;}
}
	
	
	
	
/* misc */
.pg-ttl-icons { position: relative;}
.ttl-dnld { border: 1px solid red;}
.ttl-btn { position: relative;}
.ttl-btn i { font-size: 18px; color: var(--ppldk); position: relative; margin-top:15px;}
.ttl-btn i:hover { color: var(--pplmid);}

@media only screen and (min-width :700px) {
    ul.li-2col { position:relative; }
	ul.li-2col li {display:inline-block; width:45%;}
    .ttl-btn i { font-size: 20px;}
}

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

@media only screen and (min-width :1200px) {
    .ttl-btn i { font-size: 25px;}
}
/* forms */

form ::-webkit-input-placeholder { color: var(--grymid) !important;}
form ::-moz-placeholder { color: var(--grymid) !important;}
form :-ms-input-placeholder { color: var(--grymid) !important;}
form :-moz-placeholder { color: var(--grymid) !important;}

form.form-search,
form.form-footsignup {border: 1px solid var(--grymid); border-radius: 999em; overflow: hidden; margin-bottom: 30px;}
form.form-search input,
form.form-search button,
form.form-footsignup input,
form.form-footsignup button { height: 40px;}
form.form-search input,
form.form-footsignup input { border: 0; background: transparent; width: calc(100% - 80px); line-height: 0; padding: 5px 20px;}
form.form-footsignup input { width: calc(100% - 120px);}
form.form-search button,
form.form-footsignup button { float:right; width: 80px; background: var(--ppldk); color: #fff; text-transform: uppercase; }
form.form-footsignup button { width: 120px;}
form.form-search button i,
form.form-footsignup button i { font-size: 16px;}
form.form-search button:hover,
form.form-footsignup button:hover { background: var(--pplmid);}

form.form-search button {width: 80px; background: var(--ppldk); color: #fff !important; display: flex; align-items: center; justify-content: center;}
/* Single icon only: button uses <i>; remove any ::before/::after that could double the icon */
form.form-search button::before,
form.form-search button::after { content: none !important; display: none !important; }

form.searchandfilter {}
form.searchandfilter ul { list-style: none; position: relative; margin: 0;padding: 0;}
form.searchandfilter ul li { display: inline-block; padding: 0; }
form.searchandfilter ul li label { width: 100%;}
form.searchandfilter ul li input[type=text] { border: 1px solid var(--char); border-radius: 5px; padding: 3px 10px; width: 100%; background:#fff;}
form.searchandfilter ul li select {
    border: 1px solid var(--char);
    border-radius: 5px;
    padding: 5px 40px 5px 10px;
    width: 100%;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpolyline points='1,1 5,5 9,1' fill='none' stroke='%23222222' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 10px 6px;
    min-width: auto !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

form.searchandfilter ul li,
form.searchandfilter ul li input { width: 100%;}
form.searchandfilter ul li:last-of-type { margin-bottom:10px;}

@media only screen and (min-width :400px) {
	form.searchandfilter ul li { margin:0 5px;}
	form.searchandfilter ul li:nth-of-type(1) { width: calc(80% - 10px);}
    form.searchandfilter ul li:nth-of-type(1) input { width: 100%;}
	form.searchandfilter ul li:nth-of-type(2) { width: calc(20% - 10px);}
	form.searchandfilter ul li:nth-child(n+3) { width: calc(20% - 10px); margin-bottom:10px;}
}


@media only screen and (min-width :992px) {
    form.form-search input,
    form.form-search button,
    form.form-footsignup input,
    form.form-footsignup button { height: 55px;}
    form.form-search button i,
    form.form-footsignup button i { font-size: 18px;}
}

/* gravity form */
.gform_wrapper label.gfield_label { font-size:16px; font-family: var(--Copy); color: var(--Txt); font-weight: var(--CopyReg); padding:0 0 3px 0; margin:10px 0 0 0;}
.gform_wrapper input[type=text], .gform_wrapper textarea, .gform_wrapper input[type=submit] { border: 1px solid #ccc; border-radius: 15px; padding: 13px 20px; margin-top:0; width: 100%; background:#fff; font-size:16px; font-family: var(--Copy); display:block;}
.gform_wrapper input[type=submit] { background-color: var(--ppldk); color:#fff; text-transform:uppercase; font-weight: var(--CopySemiBld); width:100%; max-width:400px; font-size:18px; font-family: var(--Copy); cursor:pointer; margin:0; -webkit-appearance: none; display:block; border-radius:15px; padding:13px 20px;}
.gform_wrapper input[type=submit]:hover { background-color: var(--pplmid);}
.gform_confirmation_wrapper { font-size:16px; font-family: var(--Copy);}

.ginput_container_select { background: url(assets/img/base/select.svg) no-repeat 100% 0;  height: 39px; border-radius: 0; overflow: hidden; width: 100%;}
.ginput_container_select select { background: transparent; border: none; border-radius: 5px; font-size: 16px; height: 39px; padding: 5px;  width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none; border: 1px solid #ccc;}

#myBtn {
  display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgba(0,0,0,0.2); color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; }
#myBtn:hover {
    background-color: rgba(0,0,0,0.6); }
				

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 700px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 700px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	
				
				
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.no-r-pad { padding-right:0 !important;}
	.no-l-pad { padding-left:0 !important;}
	.hidden {display:none; height:0; width:0;}
	.display {display:block;}

@media only screen and (min-width : 993px) {
	.d-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.d-no-r-pad { padding-right:0 !important;}
	.d-no-l-pad { padding-left:0 !important;}
	}

@media only screen and (min-width : 700px) and (max-width : 992px) {
	.t-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.t-no-r-pad { padding-right:0 !important;}
	.t-no-l-pad { padding-left:0 !important;}
}

@media only screen and (max-width : 699px) {
	.m-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.m-no-r-pad { padding-right:0 !important;}
	.m-no-l-pad { padding-left:0 !important;}
	}
	

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	

.cta, a.cta { border: 1px solid #fff; border-radius: 999em; padding: 3px 15px; text-transform: uppercase; color: #fff; display: inline-block;}
.cta.circle, a.cta.circle { padding: 5px; width:35px; height:35px; border-radius:50%; display:flex; justify-content: center;align-items: center;}
.cta.circle span, a.cta.circle span {}
.cta.cta-gry {background: var(--grydk);}
.cta.cta-ppl {background: var(--ppldk);}
.cta.cta-gry:hover,
.cta.cta-ppl:hover { border: 1px solid var(--pplmid); background: var(--pplmid) !important; color: #fff;}
.foot-signup a.cta { padding:10px 20px; display:block; margin:0 auto; width:100%; max-width:400px; text-align:center; font-weight:800;}

@media only screen and (min-width : 700px) {
    .cta, a.cta { padding: 3px 20px;}
	.foot-signup a.cta { padding:20px; font-size:20px;}
}


.pricing a,
.pricing input[type=submit] { margin-bottom: 0; border: 0; border-radius: 10px;  background: var(--ppldk); color: #fff; width: 200px; max-width: 200px; display: block; margin: 0 auto; -webkit-box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.12); box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.12); text-align: center; text-transform: uppercase; padding: 15px !important;}
.pricing a:hover,
.pricing input[type=submit]:hover { background: var(--pplmid);}


/* MemberPress Styling */

div.mp-form-row.mepr_bold.mepr_price,
#mepr-account-welcome-message { display:none !important;}
.mp_wrapper,
.mp_login_form,
.mepr-account-form,
.mepr-account-change-password,
form.mepr-newpassword-form,
#mepr-account-nav,
.acc-select-pg { max-width:1000px; display:block; margin:30px auto;}
.mp_login_form { max-width:400px;}
.mepr-account-form,
.mepr-account-change-password { max-width:800px;}
.mepr-payment-methods-wrapper { margin:30px auto;}
.mp_wrapper input[type=text],
.mp_wrapper input[type=email],
.mp_wrapper select,
.mp_login_form input[type=text],
.mp_login_form input[type=password] { border: 1px solid var(--char); border-radius: 15px !important; padding: 3px 10px; margin-top:5px; width: 100%; background:#fff;}
.mp-form-label label {padding-bottom:5px; padding-top:10px;}

.mp_wrapper input[type=submit] { background-color: var(--ppldk); color:#fff; text-transform:uppercase; font-weight: var(--CopySemiBld); width:100%; max-width:400px; font-size:18px; font-family: var(--Copy); cursor:pointer; margin:0; -webkit-appearance: none; display:block; border-radius:15px; border:0; padding:13px 20px;}
.mp_wrapper input[type=submit]:hover { background-color: var(--ppldk);}

#mepr-account-nav { text-align:center; padding:0 10px 30px 10px;}
#mepr-account-nav .mepr-nav-item a {font-weight:800; background:var(--ppldk); padding:13px 20px; color:#fff; border-radius:15px; border:2px solid var(--ppldk);}
#mepr-account-nav .mepr-nav-item a:hover { background:var(--pplmid); border:2px solid var(--pplmid);}
#mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a { background:#fff; color:var(--pplmid);}
.mepr-account-change-password { text-align:right; width:100%; display:block;}
.mepr-account-change-password a { color:var(--pplmid); font-weight:800;}

@media only screen and (max-width : 700px) {
	#mepr-account-nav { padding:0 0 10px 0;}
	#mepr-account-nav .mepr-nav-item { padding:5px 0;}
	#mepr-account-nav .mepr-nav-item a { font-weight:600; padding:5px 10px; border-radius:7px; font-size:10px; margin:0;}
}


.acc-select-pg {}
.acc-select-pg h2 { background:var(--grydk); color:#fff; text-align:center; font-weight:800; padding:10px 20px; display:block; margin-bottom:5px; border-radius:999em;}
.acc-select-pg p { text-align:center;}
.acc-select-pg ul { list-style:none; margin:0; padding:0; text-align:center;}
.acc-select-pg ul li {display:inline-block; display:block; margin-bottom:5px;}
.acc-select-pg ul li a { display:block; padding:10px 20px; border: 2px solid var(--pplmid); color:var(--pplmid); display:block;border-radius:5px; font-weight:600;}
.acc-select-pg ul li a:hover { background:var(--pplmid); color:#fff;}


div.pg-404 { display:flex;justify-content: center;align-items: center; flex-direction: column; text-align:center; min-height:60vh; padding:5% 20px;}
div.pg-404 h2,
div.pg-404 p {display:block; max-width:500px;}

.mepr-login-actions a:after {display:inline; content:'?'; font-size:18px; color:#202020; font-family: var(--Copy);}

@media print {

@page { margin: 2cm }
.bdy, .pg-cont { width: 100%;  margin: 0;  float: none; }   
body {font: 13pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; background: #fff !important; color: #000; }

h1 {font-size: 24pt;}
h2 {font-size: 20pt;}
h3 {font-size: 27pt;}
h4 {font-size: 14pt;} 
p {font-size: 12pt;}
 
a {page-break-inside:avoid}
blockquote {page-break-inside: avoid;}
h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid }
img { page-break-inside:avoid; page-break-after:avoid; }
table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }
    
a:link, a:visited, a {background: transparent;color: #520; font-weight: bold;text-decoration: underline;
text-align: left;}
a {page-break-inside:avoid}
a[href^=http]:after {content:" <" attr(href) "> ";}
a > img::after { content: ""; }
a:not(:local-link):after {content:" <" attr(href) "> ";}
    
p, li, dt, dd, blockquote {font-size: 100%}

ul, ol {list-style: square; margin-left: 18pt;margin-bottom: 20pt;    }
li {line-height: 1.6em;}   
    
.topfix { padding: 0; }
    

    header,
    footer,
    .cta,
    .foot-signup,
    .int-search,
    .abt-contact,
	form,
	.form-search {display: none !important; height: 0 !important; width: 0 !important; font-size: 0 !important;}

    .li-2col { -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 0px; column-gap: 0px;}
    
}

.filter-pnl button { border: 1px solid var(--char); width: 100%; max-width: 300px; display: block;margin: 0 auto;}
.filter-pnl .card { border-radius: 0; border: 0;}

@media only screen and (min-width : 700px) {
    .filter-pnl button { display: none;}
    .filter-pnl .collapse { display: block;}
}

.gfield_description.validation_message.gfield_validation_message,
div#gform_2_validation_container.gform_validation_errors { display:none !important;}


/* WP Login */
#login,
#login h1,
#login p.message,
#loginform,
#login form{ box-shadow:none !important; outline-style: none !important; outline: none
!important; outline: 0 !important; }

.article-tags.latest-insights,
.article-tags.retail-mosaic-reports { border-bottom: 0 solid var(--char);}
.article-subttl.latest-insights p,
.article-tags.retail-mosaic-reports p{ display:none !important;}
.article-subttl.latest-insights h3,
.article-tags.retail-mosaic-reports h3 { font-weight: var(--CopyReg);}

a.have-coupon-link,
.mepr_tos a { text-decoration:underline !important; color:var(--ppldk) !important;}
a.have-coupon-link:hover,
.mepr_tos a:hover { text-decoration:none !important; color: var(--ppllt) !important;}


/* WP Paginate */
	ol.wp-paginate { margin-top:30px; position:relative; text-align:center;}
	ol.wp-paginate li, ol.wp-paginate li a, ol.wp-paginate li span.current { background:none; border:none; color: var(--ppllt);}
	ol.wp-paginate li a:hover { background:none; color: var(--ppllt);}
	ol.wp-paginate li a { color: var(--ppldk);}

.pagetitle, .pg-ttl .pagetitle { text-align:center; color:#aaa; font-size:13px;}
.pg-ttl .pagetitle { text-align:left;}


/* DOWNLOAD BUTTONS HIDING */
.ttl-btn .dwnld-btn,
.article-copy .signin-btn a { display:none !important;}

.ttl-btn .dwnld-btn.latest-insights-in,
.ttl-btn .dwnld-btn.retail-mosaic-reports-in,
.ttl-btn .dwnld-btn.thought-provoking-data-in { display:block !important;}

.ttl-btn .dwnld-btn.fashion-and-department-stores-in,
.ttl-btn .dwnld-btn.electronics-furniture-hardware-and-auto-parts-in,
.ttl-btn .dwnld-btn.food-and-beverage-manufacture-and-agriculture-in,
.ttl-btn .dwnld-btn.qsr-restaurants-and-leisure-in,
.ttl-btn .dwnld-btn.supermarket-liquor-and-pharmacy-in { display:block !important;}

.article-copy .signin-btn.fashion-and-department-stores a.fashion-and-department-stores-in,
.article-copy .signin-btn.electronics-furniture-hardware-and-auto-parts a.electronics-furniture-hardware-and-auto-parts-in,
.article-copy .signin-btn.food-and-beverage-manufacture-and-agriculture a.food-and-beverage-manufacture-and-agriculture-in,
.article-copy .signin-btn.qsr-restaurants-and-leisure a.qsr-restaurants-and-leisure-in,
.article-copy .signin-btn.supermarket-liquor-and-pharmacy a.supermarket-liquor-and-pharmacy-in { display:block !important;}

.ttl-btn .all-industries .dwnld-btn.fashion-and-department-stores-in,
.ttl-btn .all-industries .dwnld-btn.electronics-furniture-hardware-and-auto-parts-in,
.ttl-btn .all-industries .dwnld-btn.food-and-beverage-manufacture-and-agriculture-in,
.ttl-btn .all-industries .dwnld-btn.qsr-restaurants-and-leisure-in,
.ttl-btn .all-industries .dwnld-btn.supermarket-liquor-and-pharmacy-in { display:block !important;}

.article-copy .signin-btn.all-industries a.fashion-and-department-stores-in,
.article-copy .signin-btn.all-industries a.electronics-furniture-hardware-and-auto-parts-in,
.article-copy .signin-btn.all-industries a.food-and-beverage-manufacture-and-agriculture-in,
.article-copy .signin-btn.all-industries a.qsr-restaurants-and-leisure-in,
.article-copy .signin-btn.all-industries a.supermarket-liquor-and-pharmacy-in { display:block !important;}

/* Webinar CTA */
.webinar_cta { margin-top: 2.5%; display: none;}
.webinar_cta p { max-width: 800px; padding:0 20px 40px 20px; margin:0 auto; display:block; text-align:center;}
.webinar_cta.cta_show { display: block;}
.webinar_cta a {background: var(--pplmid); display: block; text-align: center; color: #fff; line-height: 1; padding: 15px 20px; max-width: 250px; margin: 0 auto; border-radius: 5px; font-weight: 600;}
.webinar_cta a:hover {background: var(--ppldk);}

@media only screen and (min-width : 700px) {
    .webinar_cta a { padding: 20px 30px; border-radius: 10px;}
}