/* NORMALIZE ?? */

/* ======== */
/* ELEMENTS */
/* ======== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800|Varela+Round&display=swap');
/*body{font:16px/1.2 'Open Sans',sans-serif;margin-bottom:3em;color:#344;}*/
/* BLOCK */
h1,h2,h3,h4,h5,h6,p{margin:.5em 0;}
h1{widows:0;orphans:0;border:2px solid #00b0f0;padding:.1em .25em;font-size:1.3em;font-weight:normal;letter-spacing:.75em;color:#00b0f0;}
h2{widows:0;orphans:0;font-size:1em;font-weight:normal;}
p{}
ul,ol,dl{padding-left:1.5em;}
ul ul{margin-left:.9em;}
ol ul{list-style-type:disc;}
li{}
dl{}
dt{font-weight:700;}
dd{margin-left:.9em;margin-bottom:.75em;}
dd ul{margin-top:0;}
table{table-layout:fixed;margin:.5em 0;}
table,caption,thead,tbody,tfoot,tr{box-sizing:border-box;}
body table{display:table !important;}
table td p{font-size:1em;}
caption{width:100%;font-weight:700;}
tr{}
th{}
tbody tr:nth-child(odd){background-color:rgba(150,150,150,.1);}
td,th{padding:.25em .5em;}
tbody th{text-align:left;}
td img{max-width:100%;}

/* INLINE */
b,strong{}
abbr[title],dfn[title]{}
a{text-decoration:none;color:#0563c1;}
.WordSection1 a:not(.btn){background:linear-gradient(180deg,rgba(255,255,255,0) 50%, #dcefe4 50%);}
.WordSection1 a:has(img){background:none;}
a:hover{text-decoration:none;color:#0563c1;/*85aec9*/font-weight:bold;}
a:visited{text-decoration:none;color:#0563c1;font-weight:bold;}

/* MEDIA */
audio,canvas,img,svg,video{}
img{max-width:100%;/*80%*/ /*margin-top:1em;margin-bottom:1em;*/}
p img{}
iframe{max-height:100%;width:100%;margin-top:1em;margin-bottom:1em;}

/* FORM */
input,select,textarea{}
textarea{}
button,input[type='submit'],input[type='button']{}
label{}
form *:focus{}

/* ======= */
/* CLASSES */
/* ======= */
/* DE-STYLE */
.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.no-link{padding:0;line-height:1;text-decoration:none;color:inherit;background:none;}
.no-list,.no-list ul{list-style:none outside none;margin:0;padding:0;}
.no-list li,.no-list dd{margin:0;}
.no-italic{font-style:normal;}
.no-resize{resize:none;}


/*PN BRAND*/
[class^='brand-']{margin:0;padding:0;font-size:1em;text-align:center;}
[class*='-header']{font-weight:900;}
[class*='bg-ord-']{margin:0;padding:0;font-size:1em;font-weight:900;}
.brand-4-header{background-color:#bdd1e0;color:#036;}/*Blue 2*/
.brand-1-header{background-color:#218bb3;color:#036;}/*Gradient Blue*/
.brand-12-header{background-color:#99c9b5;color:#033;}/*Green 3*/
.brand-5-header{background-color:#dcefe4;color:#063;}/*Green 1*/
.brand-2-header{background-color:#4bbb8b;color:#033;}/*Gradient Green*/
.brand-7-header{background-color:#f9b6a7;color:#421;}/*Red 3*/
.brand-11-header{background-color:#fef1ef;color:#421;}/*Red 2*/
.brand-9-header{background-color:#f58e77;color:#532;}/*Red 4*/
.brand-6-header{background-color:#fecd8a;color:#532;}/*Orange 4*/
.brand-3-header{background-color:#fbf2d1;color:#864;}/*Gradient Peach*/
.brand-8-header{background-color:#fcf9d3;color:#552;}/*Yellow 3*/
.brand-10-header{background-color:#fbf298;color:#552;}/*Yellow 4*/
.brand-fog-header{background-color:#eee;color:#333;}/*fog*/
.brand-silver-header{background-color:#bbb;color:#333;}/*silver*/
/* ordinal / ranked */
.bg-ord-5-header{background-color:#f58e77;color:#421;}/*Red 4*/
.bg-ord-4-header{background-color:#fecd8a;color:#532;}/*Orange 4*/
.bg-ord-3-header{background-color:#fbf298;color:#552;}/*Yellow 4*/
.bg-ord-2-header{background-color:#cae7d7;color:#063;}/*Green 2*/
.bg-ord-1-header{background-color:#4fbd8d;color:#030;}/*Green 4*/


/* FLEX */
[class*='flexwrap']{display:flex;flex-flow:row wrap;justify-content:space-between;}
[class*='flexwrap'] > .flex{width:100%;box-sizing:border-box;}
ul[class*='flexwrap']{list-style-position:inside;}
li.flex{padding-left:.5em;}
.flex-ais{align-items:flex-start;}
.flex-aic{align-items:center;}
.flex-aie{align-items:flex-end;}
.flex-jc{justify-content:center;}
.flex-js{justify-content:flex-start;}
.flex-je{justify-content:flex-end;}
.flex-jsb{justify-content:space-between;}
.flex-jsa{justify-content:space-around;}
.flex-acsb{align-content:space-between;}
.flex-acsa{align-content:space-around;}
.flex-acs{align-content:flex-start;}
.flex-acc{align-content:center;}
.flex-ace{align-content:flex-end;}
.flex-ss{align-self:flex-start;}
.flex-sc{align-self:center;}
.flex-se{align-self:flex-end;}
.flex-force > .flex{flex:1;width:auto;}
.flex-center{display:flex;justify-content:center;align-items:center;}
/*!! 2+ will add space !! e.g. flexwrap4 with 2 flex and 1 span2 will correctly fit*/
.flex.span-full{width:100% !important;}
.flex .inner{box-sizing:border-box;}
.flex-force > .flex.span2{flex:2;}
.flex-force > .flex.span3{flex:3;}
.flex-force > .flex.span4{flex:4;}
.flex-force > .flex.span5{flex:5;}
.flex-force > .flex.span6{flex:6;}


/*FORM*/
/* Switch Toggler */
.switch{position:relative;display:inline-block;box-sizing:content-box;vertical-align:middle;width:3.75em;height:1em;margin:0;padding:.25em;cursor:pointer;font-size:1.25em;border-radius:1em;background:#fff;border:1px solid #bbb;box-shadow:0 0 .2em rgba(0,0,0,.3);}
.switch input{opacity:0;width:0;height:0;}
.switch input + .slider{display:block;height:1em;width:1em;border-radius:50% / 50%;position:absolute;z-index:10;background-color:#4bbb8b;transition:.4s;}
.switch input:checked + .slider{transform:translateX(2.75em);}
.switch:after{content:'Metric';display:block;width:100%;text-align:right;font-size:.75em;line-height:1.25;}
.switch:has(input:checked):after{content:'English';text-align:left;}

.field{display:block;box-sizing:border-box;margin-bottom:2em}
.field > *{font-size:1em;width:100%;box-sizing:border-box;}
.field > label{display:block;font-size:1em;text-align:left;color:#999}
.field > select{padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}

/*NOTE: Place <label> after <input type='checkbox||radio' /> */
.buttonize{position:relative}
.buttonize label{display:block;padding:.5em 1em;/*border:1px solid #218bb3;*/background-color:#fff;border-radius:.25em;font-weight:700;color:#218bb3;font-size:1em;cursor:pointer;position:relative;filter:drop-shadow(0 0 4px rgba(0,0,0,.1));}
.buttonize input[type='checkbox'],
.buttonize input[type='radio']{position:absolute;left:-9999px}
.buttonize input:checked+label{background-color:#218bb3;color:#fff}
.buttonize.checkmark label{padding-left:2em}
.buttonize.checkmark label:before{content:'';display:block;position:absolute;top:.6em;left:.5em;z-index:10;width:1em;border:1px solid #fff;height:1em}
.buttonize.checkmark input:checked+label:after{content:'';display:block;position:absolute;left:1em;z-index:11;top:.25em;height:1em;width:.5em;border:2px solid #fff;border-left:0;border-top:0;transform:rotate(45deg)}
.buttonize input[disabled]+label{background-color:#aaa;cursor:not-allowed}


/*TABLES*/
table.compact tr td,table.compact tr th{padding:.33em .5em;}
table.comfy tr td,table.comfy tr th{padding:.66em .5em;}
table.spacious tr td,table.spacious tr th{padding:1em .5em;}
table.even-rows tbody tr:nth-child(odd){background-color:initial;}
table.even-rows tbody tr:nth-child(even){background-color:rgba(0,0,0,.1);}
table th.row-header{/*max-width:120px;*/}
table th[scope]{font-size:.8em;}
table tbody th[class*='brand-'],table tr th.row-header{text-align:left;}
table.td-va-top td{vertical-align:top;}

table.responsive th[scope='col'],table.responsive th[scope='colgroup'],table.responsive colgroup{position:absolute;top:-9999px;left:-9999px;}
table.responsive th[scope='row'],table.responsive td{display:block;position:relative;}
table.responsive td:before{position:absolute;top:.5em;left:.5em;color:#777;font-weight:bold;font-size:.9em;content:attr(data-label);}
table.responsive td img{width:100%;max-width:300px;}


/*LISTS*/
.WordSection1 li{padding-top:.25em;padding-bottom:.25em;}
ul.alt-rows-odd li:nth-child(odd),
dl.alt-rows-odd dt:nth-child(4n+1),dl.alt-rows-odd dt:nth-child(4n+1) + dd{background-color:rgba(0,0,0,.1);}

ul.weekdays{padding:0;margin:0 auto 1em;}
ul.weekdays > li{margin:0;display:block;width:1.5em;border:1px solid #666;border-radius:50%;text-align:center;line-height:1em;font-size:.9em;}

.col-img{height:320px;margin-top:1em;text-align:center;}
.col-img img{height:auto !important;max-height:100% !important;width:auto !important;max-width:100% !important;}



#discovery-wrapper{background-color:#eee;padding:2em .5em 4em;position:relative;overflow:hidden;}
.discovery-box{box-sizing:border-box;border:.15em solid #fff;border-radius:.25em;text-align:center;padding:1em .25em 0;cursor:pointer;opacity:.6;background-color:#fff;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));}
.discovery-box[selected]{opacity:1;border-color:#0da;filter:drop-shadow(0 0 10px rgba(0, 204, 153, 0.3));}
.discovery-box-icon{width:auto;max-width:100%;height:8em;margin:0 auto;}
.discovery-box-icon img{width:auto;max-width:100%;max-height:100%;}
.discovery-box-title{margin:2em 0 .5em;height:3em;}
.quiz-intro{font-size:1em;text-align:left;max-width:80vw;margin-left:auto;margin-right:auto;}
.dyn-field{display:flex;width:100%;flex-wrap:wrap;}
.dyn-field > *{width:50%;}
.dyn-field > label{font-size:1em;margin-bottom:.5em;/*padding-top:1em;*/}
.dyn-field .buttonize label{padding:.5em;/*padding:1em .25em;margin:1em 0;*/}
.dyn-field label + *{vertical-align:top;}
.form-lens{max-height:24em;height:24em;position:relative;overflow:hidden;}
.form-lens > .top-blur{cursor:pointer;border-bottom:1px solid #ddd;position:absolute;top:0;left:0;right:0;height:8em;background-image:linear-gradient(to bottom, rgba(238,238,238,1) 0, rgba(238,238,238,1) 66%, rgba(238,238,238,1) 66%, rgba(238,238,238,0) 100%);z-index:1000;transition:opacity .5s;}
.form-lens > .bottom-blur{text-align:center;cursor:pointer;border-top:1px solid #ddd;position:absolute;bottom:0;left:0;right:0;height:8em;background-image:linear-gradient(to top, rgba(238,238,238,1) 0, rgba(238,238,238,1) 66%, rgba(238,238,238,1) 66%, rgba(238,238,238,0) 100%);z-index:1000;transition:opacity .5s;}
.form-lens > .top-blur:hover{opacity:.7;}
.form-lens > .bottom-blur:hover{opacity:.7;}
.form-lens > .blur-row svg{position:absolute;left:calc(50% - 100px);filter:blur(1px);}
.form-lens > .top-blur svg{top:25%;}
.form-lens > .bottom-blur svg{bottom:25%;}
.form-lens > .blur-row:hover svg polyline{stroke:#4bbb8b !important;}
.form-film{margin-top:0;position:relative;top:8em;left:0;right:0;transition:all 700ms ease-in-out;}
.field-wrapper{height:8em;margin:0;display:flex;align-items:center;}
#discovery-wrapper .dyn-field > label{width:100%;/*width:25%;*/}
#discovery-wrapper .dyn-field .buttonize{display:flex;width:100%;justify-content:center;/*width:75%;*/}
#discovery-wrapper .dyn-field .buttonize label{width:10%;margin:0 2%;}
#discovery-wrapper .dyn-field .buttonize label.span2{width:20%;}
.rating-scale-icon{width:50%;}
.rating-scale-num{font-weight:bold;font-size:2em;font-family:'Varela Round','Open Sans',sans-serif;}
#rating-legend .rating-scale-num{font-size:1.5em;}

.slide-panel{width:20em;height:auto;position:absolute;top:1em;z-index:1000;background-color:#fff;transition:1s;}
.slide-rtl{left:100%;}
.slide-trigger{width:3em;height:3em;padding:.25em;position:absolute;bottom:3em;background-color:#4bbb8b;z-index:1000;cursor:pointer;border-radius:.2em 0 0 .2em;}
.slide-rtl .slide-trigger{left:-3em;}
.slide-close{position:absolute;top:2em;right:1em;display:block;width:2em;height:0;}
.slide-close i{display:block;position:absolute;top:0;left:0;height:3px;width:100%;background-color:#4bbb8b;}
.slide-close i:first-child{rotate:45deg;}
.slide-close i:last-child{rotate:-45deg;}
#rating-legend{border:1px solid #ccc;border-radius:.25em;background-color:rgba(255,255,255,.3);padding:1em;filter:drop-shadow(-3px 0 3px rgba(0,0,0,.2));}
#rating-legend dl{padding-left:.5em;}
#rating-legend dt{margin-top:1em;}
#rating-legend dt img{width:2em;}
#rating-legend dd{margin-top:.5em;}


.img-letterbox{overflow:hidden;position:relative;background-color:#eee;}
.img-letterbox img{display:block;margin:0 auto;width:100%;}
#discovery-results-wrapper{background-color:#fff;padding:2em;position:relative;overflow:hidden;}
#discovery-results-wrapper blockquote{font-size:1.25em;font-weight:300;font-style:italic;padding:1em 2em;}
#discovery-results-wrapper h2{font-size:2.5em;font-weight:bold;margin:.5em 0 1em;}
#discovery-results-wrapper h3{font-size:2em;margin:2em 0 1em;}
#discovery-results-wrapper h4{margin:2em 0 1em;}
#discovery-results-wrapper .flexwrap3 h4{margin-top:1em;}
#discovery-results-wrapper p{margin:1.5em 0}
#discovery-results-wrapper ul{margin-left:2em;}
#discovery-results-wrapper li{padding:.5em 0;}
#discovery-results-wrapper form{margin-bottom:4em;}
#discovery-results-wrapper .img-wrapper{margin:0 auto 3em;}
#discovery-results-wrapper .img-wrapper *{margin:0;}
#discovery-results-wrapper a.button:hover{color:#fff !important;}

.matrix-result-image{border:1px solid #ccc;/*border-right:0;*/border-radius:.25em;padding:1em;margin-bottom:1em;}
.matrix-result-fields{padding:1em;margin-bottom:1em;}


[class*='film-viewer']{overflow:hidden;}
[class*='film-viewer'] .film-reel{display:flex;flex-flow:row;flex-wrap:nowrap;transition:.4s;}
.film-viewer2 .film-reel{width:200%;}
.film-viewer3 .film-reel{width:300%;}
.film-viewer2 .film-frame{width:50%;}
.film-viewer2 .film-frame:last-child{margin-left:1px;}
.film-viewer3 .film-frame{width:33.33%;}


/* Primally Nourished CLASSES */
a.btn-cta-orange{font-size:16px;background:#fecd8a;color:white;padding:10px 20px;line-height:1.5rem;font-weight:bold;border:0;outline:none;border-radius:2em;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0,0,0,0.3);text-decoration:none;}
.heart li{list-style-image:url(https://primallynourished.nyc3.digitaloceanspaces.com/fileUpload/f1970f5d-69bd-4f12-92f1-9d828eb59d51/f1970f5d-69bd-4f12-92f1-9d828eb59d51.svg);line-height:normal;}
.Emphasis{font-style:italic;}

strong,b,.PNR-Bold,.Strong{font-weight:bold;color:#344;}
.NoSpacing{margin-top:.5em;margin-bottom:0;font-size:1em;}
li.PNparagraphbase{margin-top:0;margin-bottom:0;}
p:has(.PNparagraphbase){margin-top:6pt;margin-bottom:6pt;widows:0;orphans:0;font-size:1em}
p:has(.PNparagraphnotopspace){margin-top:0pt;margin-bottom:6pt;widows:0;orphans:0;font-size:1em}
.PNreferencetablehang{margin-top:6pt;margin-left:14.4pt;margin-bottom:6pt;text-indent:-14.4pt;font-family:'Open Sans',sans-serif;font-size:1em}
p:has(.PNparagraphIndent10){margin-top:6pt;margin-left:7.5pt;margin-bottom:6pt;widows:0;orphans:0;font-size:1em}
.PNlatinnames{font-family:'Open Sans';font-size:1em;font-style:italic}
.PNreference10pt{font-family:'Open Sans',sans-serif;font-size:10px;font-weight:normal;font-style:normal;color:#000000}
.grey-color{color:#ccc;}
.PNSubheaderGrayVarelaRound{margin-top:12pt;margin-bottom:0pt;font-family:'Varela Round','Open Sans',sans-serif;font-size:1em;font-weight:bold;color:#767171;}
.PNLightGrayBold{font-weight:bold;color:#555;/*#7f7f7f*/}
.PNLightgreyboldchar{font-weight:bold;color:#555;/*#7f7f7f*/}
.PNcolorGrayBold{font-family:'Open Sans',sans-serif;font-weight:bold;color:#555;/*#404040*/}
.PNsectionsgreen{margin-top:12pt;margin-bottom:0pt;font-size:1.4em;font-weight:bold;color:#26a69a}
.PNcolorGreen{font-family:'Open Sans';color:#4fbd8d}
.PNcolorRed{font-family:'Open Sans',sans-serif;color:#f58e77;}
.PNcolorbrightRed{font-family:'Open Sans';color:#ff0000}
.PNcolorbrightBlue{font-family:'Open Sans';color:#00b0f0}
.PNcolorBlue{font-family:'Open Sans';color:#258CB3;}
.PNsectionsbluebold{color:#1a1a1a}
.PNsectionsblue{margin-top:12pt;margin-bottom:0pt;font-size:1em;font-weight:bold;color:#218BB3}
.PNTableHeader{margin-top:6pt;margin-bottom:6pt;text-align:center;widows:0;orphans:0;font-size:1.2em}
.PNTablecontent12pt{margin:6pt 3.6pt;widows:0;orphans:0;font-size:1em}
/*INNER FITNESS*/
.IFContent{display:none;}
.IFHeader{cursor:pointer;display:-webkit-box;padding:10px 0px;color:#f58e77;font-size:1.2em;line-height:1.2pt;font-weight:bold;}
.IFHeader a,.IFHeader a:hover,.IFHeader a:focus{color:#f58e77 !important;}
.IFHeader:before{content:"\002b";-webkit-transform:rotate(90deg);transform:rotate(90deg);background:#f58e77;border-radius:55%;padding:1px 6px;color:white;vertical-align:middle;font-size:16px;margin-right:5px;}
.IFHeader.expandedHeader:before{content:"\2212";-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#f58e77;border-radius:50%;padding:1px 6px;color:white;vertical-align:middle;font-size:16px;}
.PNExampleJournalEntry{margin-top:10pt;margin-bottom:0pt;font-size:1em;font-weight:bold;color:#258cb3}
.IFQuote,.PNQuote{width:80%;margin:1em auto;text-align:center;widows:0;orphans:0;font-family:"Open Sans",sans-serif;font-size:1em;font-style:italic;font-weight:700;color:#444;}

.app-color{color:#218bb3 !important;}
.pn-heading{padding-top:10px;padding-bottom:10px;text-align:left !important;}
.btn-gradient-primary{font-size:14px;background:linear-gradient(to right,rgba(41,146,184,0.8),rgba(79,195,142,0.8));color:white;padding:10px 20px;line-height:1.5rem;border:0;outline:none;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0,0,0,0.3);text-decoration:none;}

/*APP + RECIPES*/
.btnTimer{margin-top:6pt;color:#2D95BE;font-weight:600;cursor:pointer;}
.PNR-Notes{margin-top:6pt;margin-bottom:6pt;line-height:normal;font-family:"Open Sans" !important;font-size:12pt;}
.PNR-01Indent{margin-top:6pt;margin-left:7.2pt;margin-bottom:6pt;line-height:normal;font-family:"Open Sans" !important;font-size:12pt;}
.PNR-0bottom{margin-top:6pt;margin-bottom:0;line-height:normal;font-family:"Open Sans" !important;font-size:12pt;}
.PNR-Arrow-0Top{margin-left:2%;margin-bottom:0.5%;font-family:"Open Sans" !important;font-size:1em;text-indent:-23px;}
.PNR-ExtraTopSpace{margin-top:18pt;margin-bottom:6pt;line-height:normal;font-family:"Open Sans" !important;font-size:12pt;}
.PNR-IngStack,.PNR-IngStackCxSpFirst,.PNR-IngStackCxSpMiddle,.PNR-IngStackCxSpLast{margin-top:0;margin-left:0;margin-bottom:0;line-height:normal;font-size:12pt;list-style:none;padding-left:0.7em;}
.PNR-Meanwhile-GRN-Word,
.PNR-Meanwhile{margin-top: 6pt;margin-bottom: 6pt;line-height: normal;font-family: "Open Sans" !important;font-size: 12pt;font-weight:bold;color:#74d7b6;}
.PNR-RecipesBase{margin-top:6pt;margin-bottom:6pt;line-height:normal;font-family:"Open Sans" !important;font-size:12pt;}
.PNR-Subtitles{margin-top:6pt;margin-bottom:6pt;line-height:normal;font-family:"Open Sans" !important;font-size:12pt;font-weight:bold;color:#218bb3;}
.PNR-Subtitles ol{color:initial;font-weight:normal;padding-left:0;}
/**/
.PNR-Subtitles .d-flex{flex-wrap:wrap;}
.PNR-Subtitles .d-flex label.instructions-section-item{flex-basis:min-content;}
.PNR-Subtitles .d-flex div.section-body{flex:1;}
.PNR-Subtitles .d-flex ol.PNR-IngStack{flex-basis:100%;}
ol.PNR-IngStack{margin-top:-.5em;margin-left:0;margin-bottom:.5em;line-height:normal;font-size:12pt;list-style:none;padding-left:2.5em;}
ol.PNR-IngStack li:has(a.example-image-link){margin-top:.5em;/*margin-bottom:1em;*/}
.section-body ol.PNR-IngStack{padding-left:.5em;margin-top:0;}
.PNMA-Bolded{font-weight:bold;}
.PNR-Arrow-0TopChar{font-family:"Open Sans" !important;font-size:12pt;}
.PNR-Bold{font-weight:bold;}
.PNR-BoldUnderline{font-weight:bold;text-decoration:underline;font-family:"Open Sans" !important;}
.PNR-LGBold{font-weight:bold;color:#7f7f7f;}
.PNR-RecipesBaseChar{font-family:"Open Sans" !important;font-size:12pt;}
.PNR-Ref10pt{font-family:"Open Sans" !important;font-size:10pt;}
li.arrowClass{list-style-image:url('../images/icon/direction_arrow.png');margin-bottom:0px;margin-left:5%;}
.notes li{margin-top:6pt;margin-bottom:6pt;line-height:normal;font-family:"Open Sans" !important;font-size:12pt;}
#metabolic_balance li{margin-top:6pt;margin-bottom:6pt;line-height:normal;font-family:"Open Sans" !important;font-size:12pt;}
.recipe_ingredients span.app-color.font-weight-600{padding-top:5px;}
.micro-recipe-deatils tr td:nth-child(1){width:60%;font-size:.9em;line-height:1.3;}


/*===========================/
QUERIES [BROWSER]
============================*/
/*touch*/
@media only screen and (hover: none) and (pointer: coarse){
}

/*mouse / keyboard*/
@media only screen and (hover: hover) and (pointer: fine){

}

/*smaller than 320px*/
@media only screen and (max-width:19.99em) {
}

/*larger than 320px*/
@media only screen and (min-width:20em) {
    /*FLEX*/
    .flexwrap12 > .flex:not([class*='span']),.flexwrap10 > .flex:not([class*='span']){width:50%;}
}

/*smaller than 512px*/
@media only screen and (max-width:31.99em) {
    /*FLEX*/
    .flexwrap2.flex-force > .flex{width:50%;}
    .flex-hold-32 > .flex{width:100%;}
}

/*larger than 512px*/
@media only screen and (min-width:32em) {
    /*FLEX*/
    .flexwrap3 > .flex:not([class*='span']),.flexwrap9 > .flex:not([class*='span']),.flexwrap12 > .flex:not([class*='span']){width:33.33%;}
    .flexwrap2 > .flex,.flexwrap4 > .flex:not([class*='span']),.flexwrap6 > .flex:not([class*='span']),.flexwrap8 > .flex:not([class*='span']){width:50%;}
    .flexwrap3 > .flex.span2,.flexwrap9 > .flex.span2,.flexwrap12 > .flex.span2{width:66.67%;}

	.matrix-result-image{border-right:0;padding:.5em;border-radius:.25em 0 0 .25em;}
	.matrix-result-fields{border:1px solid #ccc;border-left:0;border-radius:0 .25em .25em 0;padding:.5em;margin-bottom:1em;}


	.quiz-intro{text-align:center;max-width:70vw;}
}

/*smaller than 768px*/
@media only screen and (max-width:47.99em) {
    /*FLEX*/
    .flex-hold-48 > .flex{width:100%;}
    .flexwrap6.flex-force > .flex{width:16.66%;}
    .flexwrap6.flex-force > .flex.span5{width:83.33%;}
     
    table.responsive tr td{padding-top:2em;}
    table.responsive td.ta-center{text-align:left;}
}

/*larger than 768px*/
@media only screen and (min-width:48em) {
    /*FLEX*/
    .vbars > .flex,ul.vbars > li{border-right:1px solid #ccc;/*padding-left:.5em;*/}
    .vbars.flexwrap5 > .flex:nth-child(5n),ul.vbars.flexwrap5 > li:nth-child(5n){border-right:none;}
    .vbars.flexwrap3 > .flex:nth-child(3n),ul.vbars.flexwrap3 > li:nth-child(3n){border-right:none;}
    .vbars.flexwrap2 > .flex:nth-child(2n),ul.vbars.flexwrap2 > li:nth-child(2n){border-right:none;}

    .flexwrap8 > .flex:not([class*='span']){width:12.5%;}
    .flexwrap7 > .flex:not([class*='span']){width:14.28%;}
    .flexwrap6 > .flex:not([class*='span']){width:16.66%;}
    .flexwrap5 > .flex:not([class*='span']),.flexwrap10 > .flex:not([class*='span']){width:20%;}
    .flexwrap4 > .flex:not([class*='span']),.flexwrap8 > .flex:not([class*='span']),.flexwrap12 > .flex:not([class*='span']){width:25%;}
    .flexwrap7 > .flex.span2{width:28.56%;}
    .flexwrap6 > .flex:not([class*='span']),.flexwrap9 > .flex:not([class*='span']){width:33.33%;}
    .flexwrap8 > .flex.span3{width:37.5%;}
    .flexwrap5 > .flex.span2,.flexwrap10 > .flex.span2{width:40%;}
    .flexwrap7 > .flex.span3{width:42.84%;}
    .flexwrap6 > .flex.span3,.flexwrap4 > .flex.span2,.flexwrap8 > .flex.span2,.flexwrap12 > .flex.span2{width:50%;}
    .flexwrap7 > .flex.span4{width:57.12%;}
    .flexwrap5 > .flex.span3,.flexwrap10 > .flex.span3{width:60%;}
    .flexwrap8 > .flex.span5{width:62.5%;}
    .flexwrap6 > .flex.span2,.flexwrap9 > .flex.span2{width:66.67%;}
    .flexwrap7 > .flex.span5{width:71.4%;}
    .flexwrap4 > .flex.span3,.flexwrap8 > .flex.span3,.flexwrap12 > .flex.span3{width:75%;}
    .flexwrap6 > .flex.span5{width:83.33%;}
    .flexwrap5 > .flex.span4,.flexwrap10 > .flex.span4{width:80%;}
    .flexwrap7 > .flex.span6{width:85.68%;}
    .flexwrap8 > .flex.span7{width:87.5%;}

	.quiz-intro{text-align:center;max-width:50vw;}


    table.responsive th,table.responsive td{/*padding:initial;vertical-align:top;*/}
    table.responsive th[scope='col'],table.responsive th[scope='colgroup']{position:static;top:initial;left:initial;/*padding:initial;*/}
    table.responsive th[scope='row'],table.responsive td{display:table-cell;position:relative;/*padding:initial;*/}
    table.responsive td:before/*,table.responsive th[scope='row']:before*/{position:static;top:0;left:0;width:auto;white-space:normal;content:'';}
}

/*smaller than 960px*/
@media only screen and (max-width:59.99em) {
    /*FLEX*/
    .flex-hold-60 > .flex{width:100%;}
    .flexwrap6.flex-force > .flex:not([class*='span']){width:16.66%;}
}

/*larger than 960px*/
@media only screen and (min-width:60em),print {
    /*FLEX*/
    .flexwrap8 > .flex:not([class*='span']){width:12.5%;}
    .flexwrap6 > .flex:not([class*='span']),.flexwrap12 > .flex:not([class*='span']){width:16.66%;}
    .flexwrap8 > .flex.span2{width:25%;}
    .flexwrap6 > .flex.span2,.flexwrap12 > .flex.span2{width:33.33%;}
    .flexwrap8 > .flex.span3{width:37.5%;}
    .flexwrap8 > .flex.span4,.flexwrap12 > .flex.span3{width:50%;}
    .flexwrap8 > .flex.span5{width:62.5%;}
    .flexwrap6 > .flex.span4,.flexwrap12 > .flex.span4{width:66.67%;}
    .flexwrap8 > .flex.span6{width:75%;}
    .flexwrap6 > .flex.span5,.flexwrap12 > .flex.span5{width:83.33%;}
    .flexwrap8 > .flex.span7{width:87.5%;}

    table th[scope]{font-size:1em;}
    table th.row-header{min-width:20%;}

	 #discovery-wrapper > .flex:not([class*='span']){width:25%;}
}

@media only screen and (max-width:71.99em) {
    .flex-hold-72 > .flex{width:100%;}
}

@media only screen and (min-width:72em),print {
    table caption[class^='brand-']{font-size:1.2em;}
    table tbody th[class*='brand-'],table tr th.row-header{padding-left:2em;}

	#discovery-wrapper > .flex:not([class*='span']){width:20%;}
	#discovery-wrapper{padding:2em 2em 4em 2em;}
	.discovery-box{padding:2em .5em 0;}
	.discovery-box-title{}
	.dyn-field > label{padding-top:1em;}
	.dyn-field .buttonize label{padding:1em .25em;margin:1em 0;}
	#discovery-wrapper .dyn-field > label{width:25%;}
	#discovery-wrapper .dyn-field .buttonize{width:75%;}
}

/*smaller than 1280px*/
@media only screen and (max-width:79.99em) {
    /*FLEX*/
    .flex-hold-80 > .flex{width:100%;}
}

/*larger than 1280px*/
@media only screen and (min-width:80em) {
    /*FLEX*/
    .flexwrap9 > .flex{width:11.11%;}
    .flexwrap9 > .flex.span2{width:22.22%;}
    .flexwrap9 > .flex.span3{width:33.33%;}
    .flexwrap9 > .flex.span4{width:44.44%;}
    .flexwrap9 > .flex.span5{width:55.56%;}
    .flexwrap9 > .flex.span6{width:66.67%;}
    .flexwrap9 > .flex.span7{width:77.78%;}
    .flexwrap9 > .flex.span8{width:88.89%;}
    .flexwrap12 > .flex{width:8.33%;}
    .flexwrap12 > .flex.span2{width:16.66%;}
    .flexwrap12 > .flex.span3{width:25%;}
    .flexwrap12 > .flex.span4{width:33.33%;}
    .flexwrap12 > .flex.span5{width:41.66%;}
    .flexwrap12 > .flex.span6{width:50%;}
    .flexwrap12 > .flex.span7{width:58.34%;}
    .flexwrap12 > .flex.span8{width:66.67%;}
    .flexwrap12 > .flex.span9{width:75%;}
    .flexwrap12 > .flex.span10{width:83.34%;}
    .flexwrap12 > .flex.span11{width:91.67%;}

	 #discovery-wrapper > .flex:not([class*='span']){width:16.66%}
}

/*larger than 1440px*/
@media only screen and (min-width:90em) {
}

/*print for high resolution */
@media print, (min-resolution:1.25dppx), (min-resolution:120dpi){
    .notes li{margin:.25em 0;}
}

.flex.span-full{width:100%}


/*printing*/
@media print{
    *,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
    a,a:visited{text-decoration:underline;}
    /*a[href]:after{content:" (" attr(href) ")";}*/
    abbr[title]:after{content:" (" attr(title) ")";}
    a[href^="#"]:after,a[href^="javascript:"]:after{content:"";}
    pre{white-space:pre-wrap !important;}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
    thead{display:table-header-group;}
    tr,img{page-break-inside:avoid;}
    img{max-width:100% !important;}
    p,h2,h3{orphans:3;widows:3;}
    h2,h3{page-break-after:avoid;}
    .no-print{display:none;}
     
    .flexwrap3 > .flex,.flexwrap6 > .flex,.flexwrap5 > .flex{width:33.33%;}
    .flexwrap2 > .flex,.flexwrap4 > .flex,.flexwrap6 > .flex.span3,.flexwrap8 > .flex{width:50%;}
    .flexwrap3 > .flex.span2,.flexwrap6 > .flex.span4{width:66.66%;}
    .flexwrap4 > .flex.span2,.flexwrap8 > .flex.span4{width:100%;}
     
     
    table.responsive th[scope='col'],table.responsive th[scope='colgroup'],table.responsive colgroup{position:absolute;top:-9999px;left:-9999px;}
    table.responsive th[scope='row'],table.responsive td{display:block;position:relative;}
    table.responsive td:before/*,table.responsive th[scope='row']:before*/{position:absolute;top:.5em;left:.5em;color:#444;/*width:50%;padding-right:10px;*/font-weight:bold;font-size:1em;content:attr(data-label);}
    table.responsive td img{width:100%;max-width:300px;}
}


/*screen readers*/
@media aural{
    .remove{display:block;}
    .hide{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
    .invisible{visibility:visible;}

    .seenot,.aural{position:static;left:inherit;}
}




/*===========================/
UTILITIES
============================*/
/*img[src$=".svg"]{width:100%;}*/
/* BOX MODEL */
.bs-bb{box-sizing:border-box;}
/*dimensions*/
.w-dyn{transition:width 50ms ease-in;}
.w-auto{width:auto;}
.w-full{width:100vw;}.w-100pc{width:100%;}.w-95pc{width:95%;}.w-90pc{width:90%;}.w-85pc{width:85%;}.w-80pc{width:80%;}.w-75pc{width:75%;}.w-70pc{width:70%;}.w-67pc{width:67%;}.w-65pc{width:65%;}.w-60pc{width:60%;}.w-55pc{width:55%;}.w-50pc{width:50%;}.w-45pc{width:45%;}.w-40pc{width:40%;}.w-35pc{width:35%;}.w-33pc{width:33%;}.w-30pc{width:30%;}.w-25pc{width:25%;}.w-20pc{width:20%;}.w-15pc{width:15%;}.w-10pc{width:10%;}.w-5pc{width:5%;}
.h-full{height:100vh;}.h-100pc{height:100%;}
.fullscreen{width:100vw;height:100vh;}
.w-1em{width:1em;}.w-2em{width:2em;}.w-3em{width:3em;}.w-4em{width:4em;}.w-5em{width:5em;}.w-6em{width:6em;}
.mw-80em{max-width:80vw;margin-left:auto;margin-right:auto;}
.mw-72em{max-width:72vw;margin-left:auto;margin-right:auto;}
.sq-10em{width:10em;height:10em;}
/*padding*/
.p-0{padding:0;}.p-1_2{padding:.5em;}.p-1{padding:1em;}.p-2{padding:2em;}.p-3{padding:3em;}.p-4{padding:4em;}
.pt-1_2,.py-1_2{padding-top:.5em;}.pt-1,.py-1{padding-top:1em;}.pt-2,.py-2{padding-top:2em;}.pt-3,.py-3{padding-top:3em;}.pt-4,.py-4{padding-top:4em;}
.pb-1_2,.py-1_2{padding-bottom:.5em;}.pb-1,.py-1{padding-bottom:1em;}.pb-2,.py-2{padding-bottom:2em;}.pb-3,.py-3{padding-bottom:3em;}.pb-4,.py-4{padding-bottom:4em;}
.pl-1_2,.px-1_2{padding-left:.5em;}.pl-1,.px-1{padding-left:1em;}.pl-2,.px-2{padding-left:2em;}.pl-3,.px-3{padding-left:3em;}.pl-4,.px-4{padding-left:4em;}
.pr-1_2,.px-1_2{padding-right:.5em;}.pr-1,.px-1{padding-right:1em;}.pr-2,.px-2{padding-right:2em;}.pr-3,.px-3{padding-right:3em;}.pr-4,.px-4{padding-right:4em;}
/*margin*/
.m-0{margin:0;}.m-1_2{margin:.5em;}.m-1{margin:1em;}.m-2{margin:2em;}.m-3{margin:3em;}.m-4{margin:4em;}
.mt-0,.my-0{margin-top:0;}.mt-1_2,.my-1_2{margin-top:.5em;}.mt-1,.my-1{margin-top:1em;}.mt-2,.my-2{margin-top:2em;}.mt-3,.my-3{margin-top:3em;}.mt-4,.my-4{margin-top:4em;}
.mb-0,.my-0{margin-bottom:0;}.mb-1_2,.my-1_2{margin-bottom:.5em;}.mb-1,.my-1{margin-bottom:1em;}.mb-2,.my-2{margin-bottom:2em;}.mb-3,.my-3{margin-bottom:3em;}.mb-4,.my-4{margin-bottom:4em;}
.mr-1_2,.mx-1_2{margin-right:.5em;}.mr-1,.mx-1{margin-right:1em;}.mr-2,.mx-2{margin-right:2em;}.mr-3,.mx-3{margin-left:3em;}.mr-4,.mx-4{margin-left:4em;}
.ml-1_2,.mx-1_2{margin-left:.5em;}.ml-1,.mx-1{margin-left:1em;}.ml-2,.mx-2{margin-left:2em;}.ml-3,.mx-3{margin-left:3em;}.ml-4,.mx-4{margin-left:4em;}
.m-auto{margin-left:auto;margin-right:auto;}
/*rounded*/
.rounded-1{border-radius:1em;}
.roundedt-1{border-radius:1em 1em 0 0;}
.roundedb-1{border-radius:0 0 1em 1em;}
.rounded-1_2{border-radius:.5em;}
.roundedt-1_2{border-radius:.5em .5em 0 0;}
.rounded-1_4{border-radius:.25em;}
.rounded-1_10{border-radius:.1em;}
/*border*/
.bt-0{border-top:0 none;}
.br-0{border-right:0 none;}
.bb-0{border-bottom:0 none;}
.bl-0{border-left:0 none;}
.br-1{border-right:1px solid #ccc;}
.b-1,.border{border:1px solid rgba(0,0,0,.3);}
.b-2{border:2px solid rgba(0,0,0,.3);}
.b-3{border:3px solid rgba(0,0,0,.3);}.br-3{border-right:3px solid rgba(0,0,0,.3);}
.b-0{border:none;}
.b-white{border-color:#fff;}
.b-silver{border-color:#aaa;}
/*brand*/
.b-brand-1{border:3px solid #218bb3;}
.b-brand-2{border:3px solid #4bbb8b;}
.b-brand-3{border:3px solid #fbf2d1;}
.b-brand-4{border:3px solid #bdd1e0;}
.b-brand-5{border:3px solid #dcefe4;}

/* TYPOGRAPHY */
.ti-2{text-indent:2em;}
.ta-center{text-align:center;}
.ta-right{text-align:right;}
.ta-left{text-align:left;}
.va-top,.va-top *{vertical-align:top;}
.va-middle,table td.va-middle{vertical-align:middle;}
.fw-700,.fw-bold{font-weight:700;}
.fw-normal{font-weight:400;}
.lh-i{line-height:inherit;}
.lh-1{line-height:1;}
.lh-1p3,.lh{line-height:1.3;}
.lh-1p5,.lh{line-height:1.5;}
.lh-2{line-height:2;}
.lh-2p5{line-height:2.5;}
.lh-3{line-height:3;}
.fs-initial{font-size:initial;}
.fs-p5{font-size:.5em;}
.fs-p75{font-size:.75em;}
.fs-p8{font-size:.8em;}
.fs-p9{font-size:.9em;}
.fs-1{font-size:1em;}
.fs-1p2{font-size:1.2em;}
.fs-1p3{font-size:1.3em;}
.fs-1p5{font-size:1.5em;}
.fs-2{font-size:2em;}
.fs-3{font-size:3em;}
.fs-4{font-size:4em;}
.fs-5{font-size:5em;}
.fs-6{font-size:6em;}
.tt-cap{text-transform:capitalize;}
.tt-none{text-transform:none;}

/* BACKGROUND COLORS */
/* brand */
.bg-brand-1{background-color:#218bb3;}/*Gradient Blue*/
.bg-brand-2{background-color:#4bbb8b;}/*Gradient Green*/
.bg-brand-3{background-color:#fbf2d1;}/*Gradient Peach*/
.bg-brand-4{background-color:#bdd1e0;}/*Blue 2*/
.bg-brand-5{background-color:#dcefe4;}/*Green 1*/
.bg-brand-6{background-color:#fecd8a;}/*Orange 4*/
.bg-brand-7{background-color:#f9b6a7;}/*Red 3*/
.bg-brand-8{background-color:#fcf9d3;}/*Yellow 3*/
.bg-brand-9{background-color:#f58e77;}/*Red 4*/
.bg-brand-10{background-color:#fbf298;}/*Yellow 4*/
.bg-brand-11{background-color:#fef1ef;}/*Red 2*/
.bg-brand-12{background-color:#fafafa;}/*verylightgray*/
/* ordinal / ranked */
.bg-ord-5{background-color:#f58e77;}
.bg-ord-4{background-color:#fecd8a;}
.bg-ord-3{background-color:#fbf298;}
.bg-ord-2{background-color:#cae7d7;}
.bg-ord-1{background-color:#4fbd8d;}
/*background*/
.bg-lt-red{background-color:#fcc/*rgb(255,204,204)*/;}
.bg-red{background-color:#dd514c/*rgb(221,81,76)*/;}
.bg-dk-red{background-color:#933/*rgb()*/;color:#fff;}
.bg-blue{background-color:#1f8dd6/*rgb(31,141,214)*/;}
.bg-orange{background-color:#f37b1d/*rgb(243,123,29)*/;}
.bg-lt-green{background-color:#cfc/*rgb()*/;}
.bg-green{background-color:#5eb95e/*rgb(94,185,94)*/;}
.bg-yellow{background-color:#fad232/*rgb(250,210,50)*/;color:#666;}
.bg-purple{background-color:#8058a5/*rgb(128,88,165)*/;}
.bg-darker{background-color:rgba(0,0,0,.1);}
.bg-lighter{background-color:rgba(255,255,255,.3);}
.bg-gold{background-color:#ccaa33/*rgb()*/;}
.bg-white{background-color:#fff/*rgb()*/;}
.bg-fog{background-color:#eee/*rgb()*/;}
.bg-silver{background-color:#aaa/*rgb()*/;}
.bg-gray{background-color:rgba(128,128,128,1);color:#fff;}
.bg-charcoal{background-color:rgba(33,33,33,1);color:#fff;}
.bg-charcoal-p9{background-color:rgba(33,33,33,.9);color:#fff;}
.bg-black{background-color:rgba(11,11,11,1);color:#fff;}

/*FOREGROUND COLORS*/
.brand-1,.Gradient-Blue{color:#218bb3;}
.brand-2,.Gradient-Green{color:#4bbb8b;}
.brand-3,.Gradient-Peach{color:#fbf2d1;}
.brand-4,.Blue-2{color:#bdd1e0;}
.brand-5,.Green-1{color:#dcefe4;}
.brand-6,.Orange-4{color:#fecd8a;}
.brand-7,.Red-4{color:#f58e77;}
.brand-8,.Yellow-3{color:#fcf9d3;}
.brand-9,.Red-4{color:#f58e77;}
.brand-10,.Yellow-4{color:#f0e030;}
.brand-11,.Red-2{color:#fef1ef;}
/*text*/
.red{color:#dd514c/*rgb(221,81,76)*/;}
.dk-red{color:#a00/*rgb(221,81,76)*/;}
.green{color:#5eb95e/*rgb(94,185,94)*/;}
.gold{color:#ccaa33;}
.brown{color:#6b4f23;}
.white{color:#fff;}
.fog{color:#eee/*rgb()*/;}
.silver{color:#aaa;}
.gray{color:#666;}
.charcoal{color:#333;}
.black{color:#222;}

/* MISC */
.blur-1{backdrop-filter:blur(1px);}
.blur-2{backdrop-filter:blur(2px);}
.blur-3{backdrop-filter:blur(4px);}
.blur-4{backdrop-filter:blur(8px);}
.c-pointer{cursor:pointer;}
.c-default{cursor:default;}
.c-help{cursor:help;}
.no-tshadow{text-shadow:none;}
.ts-111{text-shadow:1px 1px 1px rgba(0,0,0,.7);}
.bs-111{box-shadow:1px 1px 1px rgba(0,0,0,.7);}
.ts-021{text-shadow:0 2px 1px rgba(0,0,0,.7);}
.no-bshadow{box-shadow:none;}
.ds-142{filter:drop-shadow(1px 4px 2px rgba(0,0,0,.6));}
.text-outline{text-shadow:
    4px 4px 0 #eee,
    4px -4px 0 #eee,
    -4px 4px 0 #eee,
    -4px -4px 0 #eee,
    8px 0 0 #eee,
    -8px 0 0 #eee,
    0 -8px 0 #eee,
    0 8px 0 #eee;
}
.circle3{display:block;width:3em;height:3em;border-radius:50%;}

/* DE-STYLE */
.no-select{-webkit-touch-callout:none;user-select:none}
.no-link{text-decoration:none;color:inherit}
.no-list,.no-list ul,.no-list ol{list-style:none outside none;margin:0;padding:0}
.no-list li{margin:0}
.no-italic{font-style:normal}
.no-resize{resize:none}
.no-scroll{overflow:hidden;}
.no-tshadow{text-shadow:none}
.no-bshadow{box-shadow:none}
.no-marker summary{list-style:none;}
.no-border{border:none;}

/* CLIPS / MASKS */
.clip-circle{clip-path:circle(60px at center);}
.clip-ellipse{clip-path:ellipse(60px 40px at center);}
.clip-polygon{clip-path:polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);}
.clip-hex{clip-path:polygon(0% 28.9%, 50% 0%, 100% 28.9%, 100% 71.1%, 50% 100%, 0% 71.1%);}
.clip-hextop{clip-path:polygon(0% 28.9%, 50% 0%, 100% 28.9%, 100% 100%, 0% 100%);}

/* SVG */
svg .no-fill{fill:none;}
svg .stroke-black{stroke-width:2px;stroke:#333;}
svg .stroke-darker{stroke-width:2px;stroke:rgba(0,0,0,.3);}
svg .stroke-white{stroke-width:2px;stroke:white;}
.pn-icon{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;}
.pn-icon svg{width:100%;}
.pni-32{width:2em;height:2em;}
.pni-48{width:3em;height:3em;}
.pni-64{width:4em;height:4em;}
.pn-icon .svg-text{position:absolute;font-size:.75em;font-weight:700;}
.pn-icon.brand-1{fill:#218bb3;}
.pn-icon.brand-2{fill:#4bbb8b;}


/* VISIBILITY */
.d-block{display:block;}
.d-none{display:none;}
.d-ib{display:inline-block;}
.invisible{display:none;visibility:hidden;}
.remove{position:absolute;left:-9999px;}
.reset{position:static;}
.hide{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.hide:active,.hide:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

/* POSITIONING */
.pos-rel{position:relative;}
.pos-tr{position:absolute;top:0;right:0;}
.pos-tl{position:absolute;top:0;left:0;}
.o-hidden{overflow:hidden;}
.ox-hidden{overflow-x:hidden;}
.oy-hidden{overflow-y:hidden;}
.oy-scroll{overflow-y:auto;}
.clear:before,.clear:after{content:" ";display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
.f-left{float:left;}
.f-right{float:right;}
.rotate90{rotate:90deg;}