/*
 Theme Name:   GF
 Theme URI:    http://www.glowfish-creative.co.uk/
 Author:       Phillip Whitehorn
 Author URI:   http://www.glowfish-creative.co.uk/
 Description:  Fully responsive theme for PFAS Free by GlowFish Creative.
 Version:      2.0.1
 Text Domain:  gf
*/

html { font-family: sans-serif; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; height:100%; -webkit-font-smoothing: antialiased; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { overflow-x: hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
b, strong { font-weight: bold; }
small { font-size: 100%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none; }
fieldset { padding:0;  margin: 0;  border: none; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
div, span, input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }
.clr { width: 100%; clear: both; height: 0; }
.wrapper a { text-decoration:none; color:#f7b919; }
.flt { float:left; }
.frt { float:right; }

@font-face {
    font-family: 'latolight';
    src: url('/wp-content/themes/gf/assets/fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('/wp-content/themes/gf/assets/fonts/lato-bol-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('/wp-content/themes/gf/assets/fonts/lato-reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


h1, h2, h3, h4, h5, h6 { font-weight:700; font-style: normal; font-family: "latobold", Helvetica, Arial, "sans-serif"; color:#163856; }
.pagecont h1, .pagecont h2, .pagecont h3, .pagecont h4, .pagecont h5, .pagecont h6 { padding: 0 0 0.5em 0; }
h1, h1 a {	font-size:48px; line-height:48px; }
h2, h2 a {	font-size:36px; line-height:36px; }
h3, h3 a {	font-size:22px; line-height:22px; }
h4, h4 a {	font-size:18px; line-height:18px; }
.col2 { width:50%; }
.col3 { width:33%; }
.col4 { width:25%; }
.col5 { width:75%; }
.colrow3 { width:75%; }
.colrow3 .col3 { margin: 0 0 5px 0; }
.whtext, .whtext a, .whtext h1, .whtext h2, .whtext h3, .whtext h4, .whtext h5, .whtext h6, .slbut a { color:#FFFFFF; }
.ltext { font-size: 24px; line-height: 30px; }
.smtext { font-size: 11px; line-height: 14px; }
.vltext { font-size: 80px; line-height: 80px; font-family: 'latobold'; }
.latobold { font-family: "latobold", Helvetica, Arial, "sans-serif"; }
.orange { color: #f7b919; }
.half {opacity: 0.5!important;}
.half:hover {opacity: 1!important;}
.hide { display: none;}
.textright { text-align: right; }

body { font-size: 16px; color:#163856; font-weight:400; font-style: normal; font-family: "latoregular", "Gill Sans", "Myriad Pro", Helvetica, Arial, "sans-serif"; width: 100%; height: 100%; background: #fff url(/wp-content/themes/gf/assets/img/page-bk.png) repeat; }

/* header */
.wrapper { margin: 0px auto; width:1200px;  }
.header { width:100%; padding: 0 0 20px 0; height: 144px;  }
.logo {  width:388px; height: 80px; margin: 30px 0 0 0; }
.logo img { width:388px; height:80px; }
.headertxt { color: #f7b919; text-transform: uppercase; font-size: 34px; line-height: 34px; font-weight:400; font-style: normal; font-family: "latoregular", Helvetica, Arial, "sans-serif"; padding: 15px 0 0 0; width:810px; text-align: right; }
.social { width:200px; font-size:14px; line-height: 28px; margin: 10px 0 0 480px; color: #2766ab; } .socialtxt { display:block; padding: 0 5px 0 0; }
/*.home .social { color: #ffffff; }*/
.socbuttons { width:28px; height:28px; display:block; overflow: hidden; text-indent: 100px; }
.fbbt:hover { background:url(assets/img/social-icons.png) no-repeat; }
.twtbt:hover { background:url(assets/img/social-icons.png) no-repeat -27px 0; }
.litbt:hover { background:url(assets/img/social-icons.png) no-repeat -54px 0; }
.fbbt { background:url(assets/img/social-icons.png) no-repeat; }
.twtbt { background:url(assets/img/social-icons.png) no-repeat -27px 0; }
.litbt { background:url(assets/img/social-icons.png) no-repeat -54px 0; }
/*
.home .fbbt { background:url(assets/img/social-icons.png) no-repeat 0 -27px; }
.home .twtbt { background:url(assets/img/social-icons.png) no-repeat -27px -27px; }
.home .litbt { background:url(assets/img/social-icons.png) no-repeat -54px -27px; }
.home .fbbt:hover { background:url(assets/img/social-icons.png) no-repeat; }
.home .twtbt:hover { background:url(assets/img/social-icons.png) no-repeat -27px 0; }
.home .litbt:hover { background:url(assets/img/social-icons.png) no-repeat -54px 0; }
*/
.nav-container { width: 100%; background: #4a7db1; height: 36px; z-index: 999999999;  }
.header .whtext { color: #2766ab; }
.home .header .whtext {  }

.hslider { margin: 0;  }
.offerbar { border-top: #163856 solid 7px; color: #ffffff; }
/* twitter */
.twtbar { width: 100%; background: #2766ab; }

.twttitle { font-size: 20px; padding: 0 10px 0 0; line-height: 40px; font-family: "latoregular"; height: 40px; color: #5dcfe1; display: table; vertical-align: middle; }
.twttitle .twticon { display: inline-table; vertical-align: middle;  }
#twitter-feed { width: 1000px; height:40px; color:#fff; font-size:14px; font-family: "latolight", Arial, Helvetica, sans-serif; margin: 0 10px 0 0; float: left; }
#twitter-feed .list { height:40px; width: 1000px; }
.twitter-actions { line-height: 40px; }
.up, .down { margin: 8px 0 0 0; width:22px; height:22px; background:url(/wp-content/themes/gf/assets/img/twt-arrows.png) no-repeat 0px 0px; cursor:pointer; float: left; }
.down { background:url(assets/img/twt-arrows.png) no-repeat -24px 0px; }
.intent { float:right; font-size:14px; }
.intent a { color:#fff; }
.tweet-time { font-weight:bold; font-size:16px; margin: 0 10px 0 0; }
.twitter-text { line-height: 40px; }
.wrapper .twtfollow { line-height: 40px; color: #FFF; background: #3e0d22; height: 40px; float: left; display: block; padding: 0 20px; }
.wrapper .twtfollow:hover { background: #f7b919; }

.blog-box { border-left: #2766ab solid 1px; padding: 0 0 0 20px; }
.blog-box h2 { margin: 0 0 30px 0; font-size: 40px; line-height: 40px; }

.newspanel { width:95%; height: 380px; overflow: auto; }
.entry .news-list { font-size: 16px; line-height: 16px; margin: 10px 0 0 0; height: 440px; overflow: auto; padding: 0 5px 0 0; }
.entry .news-list li { list-style: none; }
.entry .news-item { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: #fff 1px solid; }
.entry .news-item:last-of-type { border-bottom: none; }
.entry .news-item a { color:#5d8fb4; }
.bbdate { font-family: "latobold", Helvetica, Arial, "sans-serif"; font-size: 18px; line-height: 18px; color: #2766ab; width: 100%; margin-bottom: 5px!important; }
.bbdetails { width: 100%; font-family: "latoregular", Helvetica, Arial, "sans-serif"; font-style: italic; }
.bbtitle { }
.entry .news-item .alignleft { margin: 0 0 5px 0; }
.entry .news-item img { width:100%; height: auto; }

/* Home */
.wrapper .topbox { color: #ffffff; font-style: italic; font-weight: 400; font-size: 18px; line-height: 20px; }
.wrapper .topbox h2 { color: #ffffff; font-size: 36px; line-height: 36px;}
.wrapper .pfasmore button, .wrapper .pfasmore a { font-style: italic; font-weight: 700; color: #f7b919; font-size: 16px; background: url(/wp-content/themes/gf/assets/img/r-arrow.svg) no-repeat center right; padding: 0 44px 0 0; display: block; background-size: 40px 40px; line-height: 40px; height: 40px; float: right; }
.wrapper .pfasmore button:hover, .wrapper .pfasmore a:hover { color: #aaa9ac; background: url(/wp-content/themes/gf/assets/img/r-arrow.svg) no-repeat center right; }

/* Content */
.pagecont { padding: 50px 0 0 0; } .notopsp { margin: -50px 0 0 0; }
.entry p, .ttips p { padding: 0 0 1em 0; line-height: 1.5em; }
.entry ul, .entry ol { margin: 20px 0 20px 40px; }
.entry li { margin: 0 0 1em 0; }
.entry img { max-width: 100%; height: auto; }
.alignleft { float: left; margin: 0 15px 15px 0; }
.ttips { font-size: 12px; text-align: left; }
.ttips ol, .ttips ul { margin: 0.5em 0 0.5em 1em; }
.ttips a { color: #f17674; }
.wpcmtt-tooltip-style-4.wpcmtt-tooltip.html .qtip-content a { margin: 10px 0; padding: 10px; display: block; width: 90%; border: 4px #f6fbfe solid; }
.wpcmtt-tooltip-style-4.wpcmtt-tooltip.html .qtip-content a:hover { color: #f17674!important; }
.bf-blog-box {}
.wrapper .vc_gitem-link.vc_btn3.vc_btn3-style-outline { border-bottom-style: solid!important; }
.wrapper .bf-blog-box .vc_btn3.vc_btn3-style-outline, .wrapper .vc_btn3.vc_btn3-style-outline { border-width: 5px; }
.wrapper .bf-title-blog.vc_gitem-post-data, .wrapper .bf-title-blog.vc_gitem-post-data h3 { margin-bottom: 0; padding-bottom: 0; }
.bf-date-blog {}
.wrapper .vc_toggle.vc_toggle_simple { margin: 0 0 20px 0; }
.wrapper .bestPlanTitle a { color: #fff;}
.wrapper #ArpTemplate_main { margin-bottom: 0!important; }
.wrapper .ArpPriceTable #ArpPricingTableColumns { padding:0!important; }
.wrapper .arptemplate_101 #main_column_12 .arp_column_content_wrapper,  .wrapper .arptemplate_102 #main_column_10 .arp_column_content_wrapper { border-right-width: 10px; }
.wrapper .wpcmtt_hotspot_pin:hover { cursor: pointer; }
.bluebutton input { background-color: #2766ab; color: #ffffff; font-size: 14px; padding-top: 14px; padding-bottom: 14px; padding-left: 20px; padding-right: 20px; border: none; align-self: center; }
.bluebutton .nf-field-element { text-align: center; }
.wpcmtt-tinymce-tooltip { font-weight: bold; font-style: italic; }

.pfas-enter { background:url(/wp-content/uploads/how-pfas-enters-env-bk.png) no-repeat; width: 1120px; height: 621px; position: relative; background-size: cover; }
.pfas-enter-prod { position: absolute; left: 8.4%; top: 19%; width: 27.9%; height: 43.9%; background:url(/wp-content/uploads/how-pfas-enters-env-production.png) no-repeat; background-size: cover; }
.pfas-enter-prod:hover { background:url(/wp-content/uploads/how-pfas-enters-env-production-over.png) no-repeat; background-size: cover; }
.pfas-enter-wash { position: absolute; left: 40.8%; top: 4.4%; width: 18.8%; height: 91.3%; background:url(/wp-content/uploads/how-pfas-enters-env-wash.png) no-repeat; background-size: cover; }
.pfas-enter-wash:hover { background:url(/wp-content/uploads/how-pfas-enters-env-wash-over.png) no-repeat; background-size: cover; }
.pfas-enter-icin { position: absolute; left: 69.4%; top: 11.6%; width: 27.4%; height: 36.1%; background:url(/wp-content/uploads/how-pfas-enters-env-incin.png) no-repeat; background-size: cover; }
.pfas-enter-icin:hover { background:url(/wp-content/uploads/how-pfas-enters-env-incin-over.png) no-repeat; background-size: cover; }
.pfas-enter-landfill { position: absolute; left: 66.8%; top: 51.8%; width: 30%; height: 33.9%; background:url(/wp-content/uploads/how-pfas-enters-env-landfill.png) no-repeat; background-size: cover; }
.pfas-enter-landfill:hover { background:url(/wp-content/uploads/how-pfas-enters-env-landfill-over.png) no-repeat; background-size: cover; }

.pfas-spread { background:url(/wp-content/uploads/how-pfas-spread-bk.png) no-repeat; width: 1120px; height: 665px; position: relative; background-size: cover; }
.pfas-spread-fact { position: absolute; left: 19.3%; top: 18.8%; width: 12.9%; height: 17.9%; background:url(/wp-content/uploads/how-pfas-spread-fact.png) no-repeat; background-size: cover; }
.pfas-spread-fact:hover { background:url(/wp-content/uploads/how-pfas-spread-fact-over.png) no-repeat; background-size: cover; }
.pfas-spread-landfill { position: absolute; left: 12.9%; top: 38.6%; width: 19.3%; height: 17.7%; background:url(/wp-content/uploads/how-pfas-spread-landfill.png) no-repeat; background-size: cover; }
.pfas-spread-landfill:hover { background:url(/wp-content/uploads/how-pfas-spread-landfill-over.png) no-repeat; background-size: cover; }
.pfas-spread-use { position: absolute; left: 32.24%; top: 43.36%; width: 16.4%; height: 21.6%; background:url(/wp-content/uploads/how-pfas-spread-use.png) no-repeat; background-size: cover; }
.pfas-spread-use:hover { background:url(/wp-content/uploads/how-pfas-spread-use-over.png) no-repeat; background-size: cover; }
.pfas-spread-waterways { position: absolute; left: 15%; top: 58.8%; width: 16%; height: 15%; }
.pfas-spread-atmosphere { position: absolute; left: 33.7%; top: 16.7%; width: 15%; height: 10%; }
.pfas-spread-transport { position: absolute; left: 57%; top: 6.7%; width: 15%; height: 10%; }
.pfas-spread-regions { position: absolute; left: 73.1%; top: 20.9%; width: 15%; height: 10%; }
.pfas-spread-seawater { position: absolute; left: 70.9%; top: 59.4%; width: 15%; height: 10%; }

.pfas-spread div, .pfas-enter div { cursor: pointer; }
.pfasthumb figcaption { color: #fff; font-size: 18px!important; background: #2766ab; padding: 10px; margin: 0!important; height: 50px; }
.wrapper .colio-thumb-padding .colio-thumb { margin: 0; outline: none; border: none; }
.wrapper .colio-list .colio-summary { padding: 10px; color: #fff; text-transform: capitalize; font-size: 18px!important; background: #2766ab; }
.wrapper #colio_pfas_products .colio-summary h4 a { color: #fff; text-transform: capitalize; text-align: center; font-weight: normal; }
.wrapper .colio-list .colio-summary h4 { font-weight: normal; text-align: center;  }
.wrapper .colio-active-item .colio-summary h4 a { text-decoration: none; color: #D8D8D8!important; }

/* Retailers */
.rettop, .rettop td { margin: 20px 0 0 0; background: rgba(176,176,176,0.3); padding: 5px; }
.retrow, .retrow td { margin: 5px 0; padding: 5px; }
.retrow:nth-child(even) { background: rgba(176,176,176,0.1); }
.results { margin: 0 0 50px 0; }
.retpages { margin: 20px auto 0 auto; width:995px; }
#retsearch { margin: 20px auto 0 auto; width:995px; }

/* Forms */
.wrapper input[type="text"], .wrapper input[type="email"], .wrapper input[type="tel"], .wrapper textarea, .wrapper input[type="number"], .wrapper select { color: #212121; font-size: 18px; line-height: 18px; padding: 7px 12px!important; border-radius: 3px; border: #666666 solid 1px;  margin: 0; }
.wrapper input[type="button"] { white-space: nowrap; font-size: 18px; line-height: 18px; padding: 10px 20px!important; border: none; background: #4a7db1; margin: 0; color: #fff; float: right; }
.wrapper .nf-form-fields-required { padding: 0 0 20px 0; }
.nf-form-fields-required { text-align: right; }
.wrapper .nf-field-container.recaptcha-container { margin-bottom: 0; }
.nf-progress-container { margin: 20px 0px; border: 1px solid #666666; }
#subtestform .nf-mp-header>div:before { content: "Progress Bar"; font-weight: bold; }
.nletter { width: 100%; margin: 30px 0 0 0; background: #4a7db1; padding: 20px 0; color: #fff; }
.nletter .label-above .nf-field-label { margin-bottom: 0; }
.nletter #ninja_forms_required_items, .nf-field-container {  margin-bottom: 5px!important; }
.nletter .widget-title { color: #fff; }
.nletter #nf-field-45 { border: #fff solid 1px!important; background: #4a7db1; }

.footer { width: 100%; background: #163856 url(/wp-content/themes/gf/assets/img/footer-bk.png) repeat; padding: 0 0 100px 0; margin: 30px 0 0 0; }
.footer .wrapper { color: #fff; font-size: 14px; line-height: 1.5em; }
.footer .wrapper a { color:#fff; }
.ftele { background: url(/wp-content/themes/gf/assets/img/footer-arrow.svg) no-repeat left center; background-size: 20px 20px; padding: 0 15px 0 30px; font-family: "latobold", Helvetica, Arial, "sans-serif"; margin: 20px 0 0 0; }
.faddress { margin: 50px 0 0 0; clear: left; }

#back-top-wrapper { position: fixed; right: 20px; bottom: 20px; overflow: hidden; z-index: 999; display: none; width: 50px; height: 50px; }
#back-top-wrapper span { display: block;  color: #00a0e0; text-align: center; text-decoration: none; text-transform: uppercase; font: 11px/100% Arial, Helvetica, sans-serif; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 7px; width: 50px; height: 50px; background: #fff url(/wp-content/themes/gf/assets/img/up-arrow.svg) no-repeat center center; background-size: 30px 30px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
#back-top-wrapper span:hover { background: #CCC url(/wp-content/themes/gf/assets/img/up-arrow.svg) no-repeat center center; background-size: 35px 35px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }

/*!
 * jQuery Cookiebar Plugin
 * https://github.com/carlwoodhouse/jquery.cookieBar
 *
 * Copyright 2012, Carl Woodhouse
 */
 
.cookie-message {position:fixed;top:0;left:0;right:0;padding:0 85px 0 20px;background:#fff;border-bottom:1px solid #ccc;box-shadow:0 0 3px #ccc;z-index:99}
.cookie-message a.cookiebar-close {position:absolute;top:0;*top:-2px;right:20px;cursor:pointer}
.cookie-message p,.cookie-message a {color:#333;font:700 11px/18px Arial;margin:.6em 0}
.blue{border-bottom:1px solid #0E83AE;background-color:#0990c3;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#0e83ae),color-stop(50%,#0990c3),color-stop(100%,#0e9dd2));background:-webkit-linear-gradient(#0e83ae,#0990c3,#0e9dd2);background:-moz-linear-gradient(#0e83ae,#0990c3,#0e9dd2);background:-o-linear-gradient(#0e83ae,#0990c3,#0e9dd2);background:-ms-linear-gradient(#0e83ae,#0990c3,#0e9dd2);background:linear-gradient(#0e83ae,#0990c3,#0e9dd2)}
.blue p,.blue a{color:#fff}



@media (max-width: 1199px) { 
/*
* Small desktop
*/
	
h1, h1 a {	font-size:34px; line-height:34px; }
h2, h2 a {	font-size:28px; line-height:28px; }
h3, h3 a {	font-size:18px; line-height:18px; }

.wrapper { width:1000px; }
.header { height: 140px; }
.nav-container { top: 140px; }
.pagecont { padding: 40px 0 0 0; } .notopsp { margin: -40px 0 0 0; }
.logo {  width:300px; height: 56px; }
.logo img { width:300px; height:56px; }
.headertxt { font-size: 34px; line-height: 34px; padding: 10px 0 0 0; width:700px; }
.social { width:200px; font-size:14px; line-height: 28px; margin: 10px 0 0 370px; }
	
/*.mega-sticky-wrapper #mega-menu-wrap-primary #mega-menu-primary { background-size: 0px 0px; padding: 0; }*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 16px; }

#twitter-feed { width: 798px; font-size:14px; margin: 0 10px 0 0; }
#twitter-feed .list { width: 798px; }
	
.bbdate { font-size: 24px; line-height: 24px; width: 100%; }
.bbdetails { width: 100%; }

.pfas-enter { width: 1000px; height: 563px; }
.pfas-spread { width: 1000px; height: 594px; }
	
}

@media (max-width: 999px) { 
/*
* Tablet
*/
	
h1, h1 a {	font-size:34px; line-height:34px; }
h2, h2 a {	font-size:28px; line-height:28px; }
h3, h3 a {	font-size:18px; line-height:18px; }

.wrapper, .retpages, #retsearch { width:720px; }
.header { height: 120px; }
.nav-container { top: 120px; }
.pagecont { padding: 40px 0 0 0; } .notopsp { margin: -50px 0 0 0; }
.logo {  width:260px; height: 54px; }
.logo img { width:260px; height:54px; }
.headertxt { font-size: 32px; line-height: 32px; padding: 10px 0 0 0; width:460px; }
.social { width:200px; font-size:14px; line-height: 28px; margin: 10px 0 0 120px; } 
.wrapper .mobsign { color: #fff; font-size:16px; background: #f7b919; padding: 0 10px;  }

/* Home */
.wrapper .topbox { font-size: 16px; line-height: 18px; }
.wrapper .topbox h2 { font-size: 28px; line-height: 28px;}
.wrapper .pfasmore button { font-size: 16px; padding: 0 44px 0 0; background-size: 40px 40px; line-height: 40px; height: 40px; }
.wrapper .vc_col-sm-8 { width: 100%; }

.twttitle { font-size: 20px; padding: 0 10px 0 0; line-height: 40px; height: 40px; }
#twitter-feed { width: 655px; font-size:14px; margin: 0 10px 0 0; }
#twitter-feed .list { width: 655px; }
	
.pfasthumb figcaption { font-size: 14px!important; padding: 5px; min-height: 50px; }

#homeblogfeed .vc_col-sm-4 { width: 100%; }
.blog-box { border-left: none; padding: 0; }
.bbdate { width: 100px; }
.bbdetails { width: 700px; }
	
.pfas-enter { width: 720px; height: 405px; }
.pfas-spread { width: 720px; height: 428px; }
	
}


@media (max-width: 719px) { 
/*
* Smart Phone
*/
body { font-size: 14px; }
h1, h1 a {	font-size:30px; line-height:30px; }
h2, h2 a {	font-size:24px; line-height:24px; }
h3, h3 a {	font-size:18px; line-height:18px; }
.ltext { font-size: 20px; line-height: 24px; }
.pagecont h1, .pagecont h2, .pagecont h3, .pagecont h4, .pagecont h5, .pagecont h6 { padding: 0 0 0.2em 0; }
	
.col5 { width:100%; }
.col2, .col3, .col4 { width:100%; margin:10px 0 0 0; }
	
.wrapper, .retpages, #retsearch { width:480px; }
.header { height: 100px; }
.nav-container { top: 100px; }
.pagecont { padding: 30px 0 0 0; } .notopsp { margin: -30px 0 0 0; }
.logo {  width:200px; height: 50px; }
.logo img { width:200px; height:auto; }
.header .fidratoplogo { width:80px; height:auto; }
.headertxt { font-size: 22px; line-height: 22px; padding: 0; width:280px; }
.social { width:160px; font-size:14px; line-height: 28px; margin: 0 0 0 20px; }

.wrapper .topbox { font-size: 14px; line-height: 16px; }
.wrapper .topbox h2 { font-size: 22px; line-height: 22px;}
.wrapper .pfasmore button { font-size: 14px; padding: 0 34px 0 0; background-size: 30px 30px; line-height: 30px; height: 30px; }	

.bbdate { width: 100px; }
.bbdetails { width: 360px; }
.pfasthumb figcaption { font-size: 16px!important; padding: 10px 5px; min-height: 50px; max-width: 210px; }
	
.wpcmtt-tooltip-style-4.qtip { max-width: 400px!important; }

.twttitle { font-size: 20px; padding: 0 10px 0 0; line-height: 40px; height: 40px; }
#twitter-feed { width: 430px; font-size:12px; margin: 0 5px 0 0; }
#twitter-feed .list { width: 430px; }
	
.pfas-enter { width: 480px; height: 270px; }
.pfas-spread { width: 480px; height: 285px; }
	
}

@media (max-width: 479px) { 
/*
* Phone
*/
.wrapper, .retpages, #retsearch { width:320px; }
.header { height: 100px; }
.nav-container { top: 100px; }
.pagecont { padding: 40px 0 0 0; } .notopsp { margin: -40px 0 0 0; }
.logo {  width:220px; height: 50px; }
.logo img { width:220px; height:auto; }
.headertxt { font-size: 26px; line-height: 26px; padding: 0; width:320px; }
.social { font-size:14px; line-height: 28px; margin: 0; }
 
.twttitle { font-size: 20px; padding: 0 10px 0 0; line-height: 40px; height: 40px; }
.intent { display: none; }
#twitter-feed { width: 275px; font-size:12px; margin: 0; }
#twitter-feed .list { width: 275px; }
	
/* Content */
.colrow3 { width:100%; }
.wpcmtt-tooltip-style-4.qtip { max-width: 300px!important; }
.bbdate { width: 100%; }
.bbdetails { width: 100%; }
	
.pfas-enter { width: 320px; height: 180px; }
.pfas-spread { width: 320px; height: 190px; }
	
/* Page Content */
.rettop { display: none; }
	.storename:before { content: "Store: "; font-weight: bold; }
	.storeexcerpt:before { content: "Overview: "; font-weight: bold; }
	.storetown:before { content: "Town: "; font-weight: bold; }
	.storebrands:before { content: "Brands Stocked: "; font-weight: bold; }
	.fin:before { content: "Finish Used: "; font-weight: bold; }
	.pfsayn:before { content: "PFAS: "; font-weight: bold; }
	.desc:before { content: "Finish Info: "; font-weight: bold; }
	.storesuppliers:before { content: "Supplier: "; font-weight: bold; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.up { mbackground:url(assets/img/twt-arrows@2x.png) no-repeat 0px 0px; }
.down { background:url(assets/img/twt-arrows@2x.png) no-repeat -24px 0px; }
}


@media print {
*, *:before, *:after { background: transparent !important;
color: #000 !important; /* Black prints faster:
 http://www.sanbeiji.com/archives/953 */
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) ")"; }
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
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; }
#right, #nav, .supporters, #breadcrumbs, .vdesk, .vmob  { display:none; }
}

