
/* - ++theme++tpwd.theme/css/globals.css - */
/* https://tpwd.texas.gov/portal_css/++theme++tpwd.theme/css/globals.css?original=1 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100,100italic,300italic,400italic,500italic,700italic,900,900italic|Roboto+Condensed:400,700,300,300italic,400italic,700italic);
html,
body {
width: 100%;
}
html {
font-size: 0.8125em;
}
body {
font-size: 100%;
}
/* */
.clear-float:after {
content: ' ';
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
padding: 0;
margin: 0;
border: none;
}
.float-left {
float: left;
margin: 0 10px 10px 0;
}
.float-right {
float: right;
margin: 0 0 10px 10px;
}
/* */
header div,
footer div,
header h1,
footer h1,
header h2,
footer h2,
header h3,
footer h3,
header h4,
footer h4,
header h5,
footer h5,
header h6,
footer h6,
header p,
footer p,
header blockquote,
footer blockquote,
header pre,
footer pre,
header dl,
footer dl,
header dt,
footer dt,
header dd,
footer dd,
header ol,
footer ol,
header ul,
footer ul,
header li,
footer li,
header fieldset,
footer fieldset,
header form,
footer form,
header label,
footer label,
header legend,
footer legend,
header th,
footer th,
header td,
footer td,
header article,
footer article,
header aside,
footer aside,
header figure,
footer figure,
header footer,
footer footer,
header header,
footer header,
header subhead,
footer subhead,
header hgroup,
footer hgroup,
header navgroup,
footer navgroup,
header menu,
footer menu,
header nav,
footer nav,
header section,
footer section,
header search box,
footer search box,
header content,
footer content,
header column,
footer column {
margin: 0;
padding: 0;
border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
subhead,
hgroup,
navgroup,
nav,
section,
audio,
canvas,
video,
searchbox,
content,
column {
display: block;
}
html {
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
min-height: 100%;
font-size: 100%;
margin: 0;
}
@font-face {
font-family: 'FoundationSans-Black';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Black-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Black-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-Black-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-Black-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-Black-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationSans-BlackCondensed';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-BlackCd-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-BlackCd-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-BlackCd-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-BlackCd-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-BlackCd-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationSans-BlackItalic';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-BlackItalic-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-BlackItalic-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-BlackItalic-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-BlackItalic-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-BlackItalic-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationSans-Bold';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Bold-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Bold-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-Bold-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-Bold-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-Bold-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationSans-BoldItalic';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-BoldItalic-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-BoldItalic-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-BoldItalic-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-BoldItalic-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-BoldItalic-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationSans-Condensed';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Cond-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Cond-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-Cond-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-Cond-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-Cond-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationSans-Italic';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Italic-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Italic-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-Italic-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-Italic-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-Italic-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationSans-Light';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Light-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Light-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-Light-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-Light-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-Light-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationSans-LightCd';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-LightCd-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-LightCd-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-LightCd-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-LightCd-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-LightCd-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FoundationSans-Roman';
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Roman-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/FoundationSans-Roman-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/FoundationSans-Roman-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/FoundationSans-Roman-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/FoundationSans-Roman-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo100';
src: url('/++theme++tpwd.theme/fonts/museo100-regular-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museo100-regular-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museo100-regular-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museo100-regular-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museo100-regular-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo300';
src: url('/++theme++tpwd.theme/fonts/museo300-regular-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museo300-regular-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museo300-regular-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museo300-regular-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museo300-regular-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo500';
src: url('/++theme++tpwd.theme/fonts/museo500-regular-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museo500-regular-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museo500-regular-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museo500-regular-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museo500-regular-webfont.svg#webfontNpXBDqia') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo700';
src: url('/++theme++tpwd.theme/fonts/museo700-regular-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museo700-regular-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museo700-regular-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museo700-regular-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museo700-regular-webfont.svg#webfontkQkWxTED') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Museo500Italic';
src: url('/++theme++tpwd.theme/fonts/museo500-italic-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museo500-italic-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museo500-italic-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museo500-italic-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museo500-italic-webfont.svg#webfontBsA9EFUC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans100';
src: url('/++theme++tpwd.theme/fonts/museosans_100-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museosans_100-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museosans_100-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museosans_100-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museosans_100-webfont.svg#webfontkQkWxTED') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans300';
src: url('/++theme++tpwd.theme/fonts/museosans_300-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museosans_300-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museosans_300-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museosans_300-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museosans_300-webfont.svg#webfontkQkWxTED') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans500';
src: url('/++theme++tpwd.theme/fonts/museosans_500-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museosans_500-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museosans_500-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museosans_500-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museosans_500-webfont.svg#webfontkQkWxTED') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans700';
src: url('/++theme++tpwd.theme/fonts/museosans_700-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museosans_700-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museosans_700-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museosans_700-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museosans_700-webfont.svg#webfontkQkWxTED') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans900';
src: url('/++theme++tpwd.theme/fonts/museosans_900-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museosans_900-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museosans_900-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museosans_900-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museosans_900-webfont.svg#webfontkQkWxTED') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans300Italic';
src: url('/++theme++tpwd.theme/fonts/museosans_300_italic-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museosans_300_italic-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museosans_300_italic-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museosans_300_italic-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museosans_300_italic-webfont.svg#webfontkQkWxTED') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSlab100';
src: url('/++theme++tpwd.theme/fonts/museo_slab_100-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museo_slab_100-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museo_slab_100-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museo_slab_100-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museo_slab_100-webfont.svg#webfontyumMOUTD') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSlab300';
src: url('/++theme++tpwd.theme/fonts/museo_slab_300-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museo_slab_300-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museo_slab_300-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museo_slab_300-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museo_slab_300-webfont.svg#webfontyumMOUTD') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSlab500';
src: url('/++theme++tpwd.theme/fonts/museo_slab_500-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/museo_slab_500-webfont.eot?iefix') format('eot'), url('/++theme++tpwd.theme/fonts/museo_slab_500-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/museo_slab_500-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/museo_slab_500-webfont.svg#webfontyumMOUTD') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nexa_rust_script_l03';
src: url('/++theme++tpwd.theme/fonts/NexaRustScriptL-03-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/NexaRustScriptL-03-webfont.eot?#iefix') format('embedded-opentype'), url('/++theme++tpwd.theme/fonts/NexaRustScriptL-03-webfont.woff2') format('woff2'), url('/++theme++tpwd.theme/fonts/NexaRustScriptL-03-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/NexaRustScriptL-03-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/NexaRustScriptL-03-webfont.svg#nexa_rust_script_l03') format('svg');
font-weight: normal;
font-style: normal;
}
/* */
/* */
/* */
@font-face {
font-family: 'TPWD Icons';
src: url('/++theme++tpwd.theme/fonts/tpwd-icons-regular-webfont.eot');
src: url('/++theme++tpwd.theme/fonts/tpwd-icons-regular-webfont.eot?#iefix') format('eot'), url('/++theme++tpwd.theme/fonts/tpwd-icons-regular-webfont.woff') format('woff'), url('/++theme++tpwd.theme/fonts/tpwd-icons-regular-webfont.ttf') format('truetype'), url('/++theme++tpwd.theme/fonts/tpwd-icons-regular-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
/* */
[class^="icon-"],
[class*=" icon-"] {
font-family: 'TPWD Icons';
font-weight: normal;
font-style: normal;
display: inline;
*display: inline;
*zoom: 1;
width: auto;
height: auto;
line-height: inherit;
vertical-align: baseline;
background: none;
text-align: center;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'TPWD Icons';
font-weight: normal;
font-style: normal;
display: inline-block;
*display: inline;
*zoom: 1;
text-decoration: inherit;
}
.icon-large {
font-size: 1.8em;
vertical-align: middle;
}
.icon-small {
font-size: .7em;
vertical-align: middle;
position: relative;
bottom: .12em;
}
/* */
.icon-tpwd:before {
content: "\e100";
}
.icon-carat-right:before {
content: "\e060";
}
.icon-carat-down:before {
content: "\e061";
}
.icon-carat-left:before {
content: "\e062";
}
.icon-carat-up:before {
content: "\e063";
}
.icon-carat-double:before {
content: "\e064";
}
.icon-search:before {
content: "\e068";
}
.icon-facebook:before {
content: "\e050";
}
.icon-twitter:before {
content: "\e051";
}
.icon-google:before {
content: "\e052";
}
.icon-pinterest:before {
content: "\e053";
}
.icon-email:before {
content: "\e054";
}
.icon-print:before {
content: "\e055";
}
.icon-rss:before {
content: "\e056";
}
.icon-link:before {
content: "\e057";
}
.icon-audio:before {
content: "\e058";
}
.icon-box:before {
content: "\e081";
}
.icon-box-checked:before {
content: "\e082";
}
.icon-document:before {
content: "\e083";
}
.icon-question:before {
content: "\e084";
}
.icon-home:before {
content: "\e085";
}
.icon-padlock:before {
content: "\e086";
}
.icon-controls:before {
content: "\e059";
}
.icon-toolbox:before {
content: "\e065";
}
.icon-gear:before {
content: "\e071";
}
.icon-close:before {
content: "\e072";
}
.icon-add:before {
content: "\e073";
}
.icon-subtract:before {
content: "\e074";
}
.icon-refresh:before {
content: "\e080";
}
.icon-wifi:before {
content: "\e075";
}
.icon-flickr:before {
content: "\e076";
}
.icon-instagram:before {
content: "\e077";
}
.icon-youtube:before {
content: "\e078";
}
.icon-pinterest-sq:before {
content: "\e079";
}
.icon-alert:before {
content: "\e014";
}
.icon-tags:before {
content: "\e015";
}
.icon-mobilemenu:before {
content: "\e066";
}
.icon-screen:before {
content: "\e067";
}
.icon-book:before {
content: "\e069";
}
.icon-x:before {
content: "\e070";
}
.icon-marker:before {
content: "\e001";
}
.icon-markers:before {
content: "\e002";
}
.icon-play:before {
content: "\e003";
}
.icon-images:before {
content: "\e004";
}
.icon-360:before {
content: "\e005";
}
.icon-download:before {
content: "\e011";
}
.icon-calendar:before {
content: "\e006";
}
.icon-clock:before {
content: "\e009";
}
.icon-phone:before {
content: "\e008";
}
.icon-people:before {
content: "\e010";
}
.icon-id:before {
content: "\e013";
}
.icon-climate:before {
content: "\e012";
}
.icon-fishing:before {
content: "\e016";
}
.icon-gift:before {
content: "\e017";
}
.icon-boat:before {
content: "\e018";
}
.icon-cabin:before {
content: "\e200";
}
.icon-shelter:before {
content: "\e201";
}
.icon-tent:before {
content: "\e202";
}
.icon-lodging:before {
content: "\e203";
}
.icon-reservations:before {
content: "\e205";
}
.icon-fire:before {
content: "\e210";
}
.icon-fire-ban:before {
content: "\e211";
}
.icon-star:before {
content: "\e301";
}
.icon-right-carat:before {
content: "\e302";
}
.icon-left-carat:before {
content: "\e303";
}
.icon-leaf:before {
content: "\e304";
}
.icon-hunter:before {
content: "\e305";
}
.icon-b-star:before {
content: "\e297";
}
.icon-b-gift:before {
content: "\e276";
}
.icon-b-ccc:before {
content: "\e258";
}
.icon-b-d:before {
content: "\e259";
}
.icon-b-f:before {
content: "\e266";
}
.icon-b-lodging:before {
content: "\e274";
}
.icon-b-restaurant:before {
content: "\e281";
}
.icon-b-wheelchair:before {
content: "\e291";
}
.icon-b-showers:before {
content: "\e285";
}
.icon-b-restrooms:before {
content: "\e282";
}
.icon-b-theater:before {
content: "\e294";
}
.icon-b-fuel:before {
content: "\e296";
}
.icon-b-phone:before {
content: "\e299";
}
.icon-b-primitive:before {
content: "\e280";
}
.icon-b-primitive-camp:before {
content: "\e279";
}
.icon-b-table:before {
content: "\e277";
}
.icon-b-tables:before {
content: "\e268";
}
.icon-b-tent:before {
content: "\e288";
}
.icon-b-tent-utils:before {
content: "\e290";
}
.icon-b-shelter-ac:before {
content: "\e250";
}
.icon-b-shelter-screen:before {
content: "\e284";
}
.icon-b-shelter-fish:before {
content: "\e263";
}
.icon-b-cabin:before {
content: "\e257";
}
.icon-b-cabin-full:before {
content: "\e256";
}
.icon-b-cabin-g:before {
content: "\e269";
}
.icon-b-rv:before {
content: "\e295";
}
.icon-b-rv-dump:before {
content: "\e260";
}
.icon-b-biking:before {
content: "\e253";
}
.icon-b-mountainbiking:before {
content: "\e252";
}
.icon-b-canoeing:before {
content: "\e300";
}
.icon-b-boat-ramp:before {
content: "\e254";
}
.icon-b-boat-rental:before {
content: "\e255";
}
.icon-b-skiing:before {
content: "\e289";
}
.icon-b-swimming:before {
content: "\e287";
}
.icon-b-swimming-pool:before {
content: "\e286";
}
.icon-b-hiking:before {
content: "\e271";
}
.icon-b-interpretive:before {
content: "\e262";
}
.icon-b-interpretive-trail:before {
content: "\e275";
}
.icon-b-horse-riding:before {
content: "\e261";
}
.icon-b-horse-facilities:before {
content: "\e273";
}
.icon-b-fishing:before {
content: "\e265";
}
.icon-b-fishing-pier:before {
content: "\e264";
}
.icon-b-bird:before {
content: "\e270";
}
.icon-b-deer:before {
content: "\e292";
}
.icon-b-historic:before {
content: "\e272";
}
.icon-b-watching:before {
content: "\e298";
}
.icon-b-beach:before {
content: "\e251";
}
.icon-b-golf:before {
content: "\e267";
}
.icon-b-playground:before {
content: "\e278";
}
.icon-b-climbing:before {
content: "\e283";
}
.icon-b-jeep:before {
content: "\e293";
}
/* */
.icon-marker {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe001;&nbsp;');
}
.chosen-container,
.chosen-drop,
.chosen-drop .chosen-search,
.chosen-drop .chosen-search input,
.chosen-choices,
.chosen-choices .search-field input {
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container {
width: 195px !important;
}
#content .chosen-results {
margin: 0;
}
#skip {
position: absolute;
left: 0;
top: 0;
width: 100%;
margin-left: 0;
text-align: center;
list-style: outside none;
}
#skip li {
list-style-type: none;
}
#skip a {
position: absolute;
left: -99999px;
top: 30px;
}
#skip a:focus,
#skip a:active {
position: relative;
left: -15em;
top: 1em;
z-index: 9999;
width: 150px;
height: auto;
margin: 0;
padding: 7px 10px;
text-align: center;
text-decoration: none;
font: bold 1em "Arial", "Freesans", sans-serif;
color: #000;
background: #fff;
border: 1px solid #ccc !important;
}
#topics {
margin-left: 5px;
}
header {
background: #1a1a1a;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a1a1a), color-stop(25%, #333));
background: -webkit-linear-gradient(top, #1a1a1a 0, #333 25%);
background: -o-linear-gradient(top, #1a1a1a 0, #333 25%);
background: linear-gradient(to bottom, #1a1a1a 0, #333 25%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#333',GradientType=0);
padding: 0;
*height: 75px;
}
header a {
text-decoration: none;
color: #0066cc;
}
header #headerwrapper {
font-family: "FoundationSans-Roman";
font-weight: normal;
width: 75.38461538em;
margin: 0 auto;
position: relative;
overflow: visible;
z-index: 100;
}
header #headerwrapper:after {
content: '';
display: block;
float: none;
clear: both;
visibility: hidden;
height: 0;
}
header #headerwrapper #logo {
float: left;
margin: 8px 0 8px 20px;
}
header #headerwrapper #logo img.desktop-logo {
display: block;
width: 60px;
height: 60px;
border: none;
}
header #headerwrapper #logo img.mobile-logo {
display: none;
margin-top: 8px;
width: 21px;
height: 20px;
border: none;
}
header #headerwrapper #topicWrapper {
padding: 22px 80px 0 80px;
}
header #headerwrapper #topicWrapper #topics {
float: left;
}
header #headerwrapper #topicWrapper #topics > select {
display: none;
}
header #headerwrapper #topicWrapper #topics .wide {
display: none;
}
header #headerwrapper #topicWrapper #topics .megamenu {
position: relative;
z-index: 51;
font-size: 1.15384615em;
font-family: "FoundationSans-Roman";
font-weight: normal;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul {
padding: 0;
margin: 0;
list-style-type: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li {
float: left;
position: relative;
margin: 0 0 0 -1px;
border-top: solid transparent 1px;
border-right: solid #58595b 1px;
border-bottom: solid transparent 1px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div {
display: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > a {
position: relative;
z-index: 101;
display: block;
zoom: 1;
float: left;
margin: 0;
padding: 0 8px 5px;
height: 30px;
line-height: 2.5em;
border-left: solid transparent 1px;
border: none;
text-decoration: none;
color: #bcbec0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more {
border-right: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon {
float: left;
position: relative;
margin: 0 0 0 -1px;
border-top: solid transparent 1px;
border-right: solid #58595b 1px;
border-bottom: solid #e6e7e8 1px;
/* */
/* */
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > div {
display: block;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > a {
display: block;
position: relative;
z-index: 101;
float: left;
zoom: 1;
margin: 0;
padding: 0 8px 5px;
height: 30px;
line-height: 2.5em;
text-decoration: none;
color: #bcbec0;
border-left: solid transparent 1px;
border: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.calendar {
border-width: 1px 0 0 1px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.calendar a {
height: 29px;
border-width: 1px 0 0 1px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.calendar div.calendar-drop {
left: auto;
right: 0;
border-width: 1px 0 1px 1px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.calendar div.calendar-drop ul {
border-top: solid 2px #ffffff;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > a {
border: solid #a7a9ac;
border-width: 1px 0 0;
color: #231f20;
background-color: #e6e7e8;
text-shadow: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > a.more.mega-sub {
color: #fff;
background-color: #444;
border-color: #58595b;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > div {
position: absolute;
display: block;
top: 34px;
left: 0;
padding: 1px 0 0;
border: solid #a7a9ac;
border-width: 1px 1px 1px 0;
background: #e6e7e8;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
z-index: 5;
/* */
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > div > ul {
padding: 5px 0;
color: #231f20;
list-style-type: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > div > ul:after {
content: ' ';
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
padding: 0;
margin: 0;
border: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > div > ul > li {
display: block;
float: left;
border: none;
background: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > div > ul > li > a {
display: block;
min-width: 160px;
padding: 5px 20px;
color: #231f20;
border: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon > div > ul > li > a:hover {
text-decoration: none;
color: #0066cc;
background: #fff;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.activities > div {
width: 440px;
padding: 5px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.activities > div > ul {
padding-bottom: 5px;
margin-bottom: 5px;
float: left;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.activities > div > ul > li {
width: 215px;
float: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.activities > div .activities-calendar {
clear: both;
border-top: solid 2px #fff;
padding-top: 4px;
padding-left: 10px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.activities > div .activities-calendar a {
font-weight: normal;
color: #231f20;
display: block;
padding: 10px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.activities > div .activities-calendar a i {
color: #888;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.activities > div .activities-calendar a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.activities > div .activities-calendar a:hover i {
background: #fff;
color: #0066cc;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.more {
border-right: none;
background: #444;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.more > a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.more > a.more.mega-sub {
color: #fff;
background-color: #444;
border-color: #58595b;
border-width: 1px 1px 0 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.more > a > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon.more > a.more.mega-sub > [class^="icon-"] {
display: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon div.mega-more {
color: #fff;
background: #444;
border: solid #58595b;
border-width: 1px 1px 1px 0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon div.mega-more > ul > li > a {
color: #bcbec0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.menuon div.mega-more > ul > li > a:hover {
color: #fff;
background: #58595b;
}
.land-drop {
width: 185px;
}
.land-drop a {
width: 150px;
}
.warden-drop {
width: 214px;
}
.warden-drop a {
width: 174px;
}
.hunt-drop {
width: 217px;
}
.hunt-drop a {
width: 177px;
}
.fish-drop {
width: 260px;
}
.fish-drop a {
width: 225px;
}
.calendar-drop > ul > li > a {
width: 245px;
}
.mobilesearch {
float: right;
width: 100px;
margin: 20px 10px 15px 0;
background: #b3b3b3;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b3b3b3), color-stop(25%, #cccccc));
background: -webkit-linear-gradient(top, #b3b3b3 0, #cccccc 25%);
background: -o-linear-gradient(top, #b3b3b3 0, #cccccc 25%);
background: linear-gradient(to bottom, #b3b3b3 0, #cccccc 25%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#cccccc', GradientType=0);
border: solid 1px #cccccc;
}
#mobilesearch input {
background: none;
line-height: 14px;
font-family: "MuseoSans500" !important;
}
#mobilesearch input.entry {
width: 90px;
height: 20px;
padding-left: 8px;
border: none;
}
#mobilesearch input.submit {
display: none;
}
#mobileSelect {
float: left;
margin-top: 25px;
margin-left: 20px;
}
.ie #mobilemenu .title,
.ie #mobilemenu .mobilesearch,
.ie #mobilemenu a.menubutton,
.ie #mobilemenu .mobilenav {
display: none;
}
#mobilemenu .title,
#mobilemenu .mobilesearch,
#mobilemenu a.menubutton,
#mobilemenu .mobilenav,
.icon-mobilemenu {
display: none;
}
/* */
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks {
width: 250px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks:after,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks:after,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks:after {
content: ' ';
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
padding: 0;
margin: 0;
border: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .chosen-container,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .chosen-container,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .chosen-container {
font-size: 14px;
font-size: 1.07692308rem;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .chosen-container-single .chosen-single span,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .chosen-container-single .chosen-single span,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .chosen-container-single .chosen-single span,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .chosen-results,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .chosen-results,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .chosen-results {
font-family: "FoundationSans-Light";
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .find-a-park,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .find-a-park,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .find-a-park {
padding: 10px 15px;
margin: 0 10px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .find-a-park h2,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .find-a-park h2,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .find-a-park h2 {
margin: 5px 0;
color: #231f20;
font-size: 1.4em;
font-family: "FoundationSans-Roman";
font-weight: normal;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .find-a-park select,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .find-a-park select,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .find-a-park select {
width: 195px;
margin: 0px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .find-a-park button,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .find-a-park button,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .find-a-park button {
cursor: pointer;
width: 27px;
height: 29px;
border: none;
padding: none;
margin: none;
background: url(/++theme++tpwd.theme/images/global/search-button.jpg) 0 0 no-repeat;
vertical-align: top;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .find-a-park button:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .find-a-park button:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .find-a-park button:hover {
background-position: -27px 0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul {
margin: 15px 0;
list-style-type: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li {
display: block;
padding: 5px 20px;
font-weight: normal;
font-size: 1em;
font-family: "FoundationSans-Roman";
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li:after,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li:after,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li:after {
content: ' ';
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
padding: 0;
margin: 0;
border: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li [class^="tpwd-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li [class^="tpwd-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li [class^="tpwd-"] {
float: left;
margin-right: 5px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li:hover {
background: #fff;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li [class^="icon-"] {
color: #888;
min-width: 30px;
margin-right: 10px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li a {
color: #231f20;
border: none;
display: block;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li a:hover {
text-decoration: none;
color: #0066cc;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li:first-child,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li:first-child,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li:first-child {
border-top: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li li,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li li,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li li {
border-top: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li li a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li li a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li li a {
display: inline;
height: auto;
color: #231f20;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > div.stateparks .menu-highlights ul li li a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks .menu-highlights ul li li a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks .menu-highlights ul li li a:hover {
color: #0066cc;
}
/* */
header #headerwrapper .search-slider {
top: 0;
right: 0;
position: absolute;
display: block;
width: 75px;
height: 100%;
overflow: hidden;
cursor: pointer;
z-index: 50;
transition: width linear 0.3s;
-webkit-transition: width linear 0.3s;
-moz-transition: width linear 0.3s;
-o-transition: width linear 0.3s;
}
header #headerwrapper .search-slider .shadow {
position: absolute;
z-index: 50;
top: 0;
right: 0;
width: 15px;
height: 100%;
background: url('/++theme++tpwd.theme/images/global/search-slider-shadow.png') 0 0 repeat-y;
}
header #headerwrapper .search-slider form {
display: block;
height: 100%;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
background: #4c4d4f url('/++theme++tpwd.theme/images/global/search-slider-bg.jpg') top left repeat-x;
width: 400px;
}
header #headerwrapper .search-slider form .search-input {
background: #bdbec0 url('/++theme++tpwd.theme/images/global/search-slider-glass.png') 0 0 no-repeat;
padding-left: 26px;
margin: 0 10px 0 18px;
height: 26px;
display: inline-block;
zoom: 1;
*display: inline;
transition: background-color linear 0.4s;
-webkit-transition: background-color linear 0.4s;
-moz-transition: background-color linear 0.4s;
-o-transition: background-color linear 0.4s;
}
header #headerwrapper .search-slider form .search-input input {
width: 200px;
height: 26px;
padding: 0 5px;
margin: 0;
border: none;
background: none;
font-family: "FoundationSans-Light";
font-size: 14px;
font-size: 1.07692308rem;
}
header #headerwrapper .search-slider form .submit {
font-family: "FoundationSans-Roman";
border: none;
background: #d1d2d4;
color: #333;
font-size: 15px;
font-size: 1.15384615rem;
height: 26px;
padding: 0 10px;
vertical-align: middle;
border-radius: 5px;
}
header #headerwrapper .search-slider form .submit:hover {
background: #0066cc;
color: #fff;
cursor: pointer;
}
header #headerwrapper .search-slider form .closer {
background: url('/++theme++tpwd.theme/images/global/search-slider-close.jpg') center center no-repeat;
border: none;
width: 30px;
height: 100%;
cursor: pointer;
text-indent: -1000px;
}
header #headerwrapper .search-slider .opener {
width: 100%;
height: 100%;
position: absolute;
z-index: 55;
top: 0;
left: 0;
}
header #headerwrapper .search-slider.open {
cursor: default;
width: 400px;
z-index: 52;
}
header #headerwrapper .search-slider.open .opener {
display: none;
}
header #headerwrapper .search-slider.open form .search-input {
background-color: #fff;
}
/* */
/* */
#socmedfooter {
margin: 0 auto;
}
/* */
#backToTop {
width: 75px;
height: 20px;
padding: 10px;
font-size: 12px;
font-family: Roboto, sans-serif;
line-height: 20px;
text-align: center;
color: #fff;
background: #444;
position: fixed;
bottom: 0;
right: 0;
opacity: 0;
display: none;
cursor: pointer;
z-index: 100;
}
#backToTopMobile {
display: none;
bottom: 0;
padding: 10px;
width: auto;
height: auto;
color: #444;
text-align: center;
background-color: #fff;
border-top: 1px dashed #eee;
cursor: pointer;
}
#backToTopMobile span.arrow {
display: block;
padding: 10px 5px;
font-family: Roboto;
font-size: 11px;
line-height: 11px;
background-color: #eee;
}
#backToTopMobile span.arrow strong {
font-size: 15px;
}
footer {
clear: both;
display: block;
min-height: 300px;
width: 100%;
position: relative;
font-family: Roboto, sans-serif;
border-top: 1px solid #ddd;
padding-top: 3em;
/* */
/* */
/* */
}
footer .footer-content {
width: 75.38461538em;
position: relative;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer .footer-row1 {
clear: both;
}
footer .footer-row1:after {
content: ' ';
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
padding: 0;
margin: 0;
border: none;
}
footer .footer-row1 .column {
float: left;
margin: 31px 0;
}
footer .footer-row1 .column.a {
width: 12.30769231em;
}
footer .footer-row1 .column.b {
width: 13.84615385em;
}
footer .footer-row1 .column.c {
width: 11.53846154em;
}
footer .footer-row1 .column.d {
width: 11.53846154em;
}
footer .footer-row1 .column.e {
width: 12.30769231em;
}
footer .footer-row1 .column.f {
width: 10.76923077em;
}
footer .footer-row1 .column.f .icon-large {
font-size: 2.72727273em;
color: #4D4D4D;
margin-right: 10px;
}
footer .footer-row1 .column ul {
font-size: 0.92307692em;
list-style-type: none;
}
footer .footer-row1 .column ul .header {
color: #171415;
}
footer .footer-row1 .column ul a {
color: #58595c;
border: none;
}
footer .footer-row1 .column ul li {
padding: 7px 0;
display: list-item;
font-weight: 700;
}
footer .footer-row2 {
*height: 80px;
clear: both;
}
footer .footer-row2:after {
content: ' ';
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
padding: 0;
margin: 0;
border: none;
}
footer .footer-row2 a {
color: #0066cc;
}
footer .footer-row2 div {
padding: 0 0;
}
footer .footer-row2 div img {
height: 50px;
width: 50px;
vertical-align: middle;
margin-right: 10px;
border: none;
}
footer .footer-row2 div .text {
display: inline-block;
zoom: 1;
*display: inline;
font-size: 0.84615385em;
line-height: 1.38461538em;
vertical-align: middle;
color: #58595c;
}
footer .footer-row2 div .text .ogt {
color: #b30024;
}
footer .footer-row2 div.tpwd {
float: left;
width: 26.15384615em;
padding: 15px 0;
height: 100%;
*height: auto;
}
footer .footer-row2 div.tpwd img {
float: left;
}
footer .footer-row2 div.tpwd.contact {
padding: 15px;
height: 100%;
}
footer .footer-row2 div.tpwf {
padding: 15px 0;
height: 100%;
*height: auto;
float: left;
}
footer .footer-row2 div.tpwf a {
color: #000;
}
footer .copyright {
color: #58595c;
font-size: 0.84615385em;
padding: 25px 0;
}
.survey-box {
position: fixed;
right: 10px;
bottom: 30px;
width: 280px;
padding: 20px;
margin: 0;
border-radius: 6px;
background: #333;
color: #eee;
font-family: Roboto, sans-serif;
text-align: left;
z-index: 2200000000;
}
.survey-box .message {
padding: 0;
margin: 0 0 20px 0;
font-size: 16px;
}
.survey-box .survey-yes {
color: #7DB6EE;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}
.survey-box .survey-no {
color: #eee;
font-size: 14px;
text-decoration: underline;
float: right;
}
/* */
/* */
/* */
/* */
@media screen and (max-width: 479px) {
body {
max-width: 479px;
}
header {
height: auto;
}
header #headerwrapper {
width: 24.61538462em;
height: auto;
}
header #headerwrapper #logo {
margin: 8px 0 8px 8px;
}
header #headerwrapper #logo img.desktop-logo {
display: none;
}
header #headerwrapper #logo img.mobile-logo {
display: block;
}
header #headerwrapper .tablet,
header #headerwrapper .desktop,
header #headerwrapper .wide {
display: none;
}
header #headerwrapper #topicWrapper {
padding: 0;
height: 100%;
}
header #headerwrapper #topicWrapper #topics {
height: 100%;
text-align: center;
float: none;
}
header #headerwrapper #topicWrapper #topics select {
display: inline;
}
header #headerwrapper #topicWrapper #topics .megamenu {
display: none;
height: 100%;
position: static;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li {
text-align: left;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > a {
height: 59px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.hovering > div.stateparks,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks {
width: 0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more {
position: absolute;
right: 0;
width: 75px;
height: 63px;
text-align: center;
background: #333;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more .landscape,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more .tablet,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more .desktop {
display: list-item !important;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover {
border-right: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > div,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.hovering > div,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > div,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > div {
display: none !important;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped {
border: none;
border-left: solid 1px #58595b;
background: #333;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a:hover {
color: #fff;
border: none;
width: 100%;
height: 100%;
padding: 0;
background: #333;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a:hover > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a:hover > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a:hover > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a:hover > [class^="icon-"] {
display: block;
font-size: 2.5em;
height: 64px;
line-height: 64px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a:hover > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a:hover > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a:hover > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a:hover > .title {
display: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped {
height: 64px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div {
display: block !important;
opacity: 1 !important;
border: none;
left: auto;
right: 0;
top: 63px;
width: 300px;
background: #333;
border-top: solid 1px #58595b;
border-left: solid 1px #58595b;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul {
padding: 0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li {
width: 150px;
padding: 0;
text-align: left;
float: left;
background: #333;
border-top: solid 1px #58595b;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.odd {
width: 149px;
border-right: solid 1px #58595b;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark {
width: 300px;
border-top: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark div {
display: inline;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark form {
padding: 15px 24px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark form input {
width: 180px;
margin-right: 5px;
padding: 6px 10px;
border: none;
background: #fff;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark form button {
padding: 0;
margin: 0;
border: none;
background: none;
font-size: 18px;
color: #bcbec0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark form button:hover {
color: #0066cc;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li a {
padding: 12px 24px;
width: auto;
color: #fff;
font-family: "MuseoSans300", sans-serif;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li a:hover {
color: #0066cc;
background: none;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .title {
display: block;
float: left;
margin: 20px 0 0 32px;
width: 190px;
height: auto;
text-transform: uppercase;
color: #cccccc;
}
header #headerwrapper #topicWrapper #topics #mobilemenu a.menubutton {
display: block;
float: right;
margin: 12px 10px;
font-size: 1.1em;
color: #ccc;
font-size: 1.24em;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav {
clear: left;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav .mobilesearch {
display: block;
float: left;
margin: 20px 5px;
width: 295px;
background: #ffffff url("/++theme++tpwd.theme/images/global/search.png");
background-repeat: no-repeat;
background-position: 5px 2px;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav .mobilesearch input.entry {
padding-left: 35px;
width: 245px;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li {
font-size: 1.24em;
float: left;
padding: 10px;
width: 135px;
height: 20px;
list-style: none;
border-top: 1px solid #58595B;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li a {
color: #BCBEC0;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li a:hover {
color: #23A6E1;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li.full {
width: 311px;
height: 40px;
margin-left: 0;
margin-right: 0;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li.odd {
border-right: 1px solid #58595B;
}
.icon-mobilemenu {
display: inline;
}
header #headerwrapper .search-slider {
display: none;
}
#backToTopMobile {
display: block;
}
footer .footer-content {
width: 24.61538462em;
padding: 0 10px;
}
footer .footer-row1 .column.c,
footer .footer-row1 .column.e {
clear: both;
}
footer .footer-row1 .column.a,
footer .footer-row1 .column.c,
footer .footer-row1 .column.e {
width: 10.76923077em;
}
footer .footer-row1 .column.b,
footer .footer-row1 .column.d,
footer .footer-row1 .column.f {
width: 12.30769231em;
}
footer .footer-row1 .column.c,
footer .footer-row1 .column.d,
footer .footer-row1 .column.e,
footer .footer-row1 .column.f {
margin-top: 0;
}
footer .footer-row2 div.tpwd,
footer .footer-row2 div.tpwf {
width: 23.07692308em;
}
#backToTop {
display: none !important;
}
}
/* */
@media screen and (min-width: 480px) and (max-width: 767px) {
header {
height: auto;
}
header #headerwrapper {
width: 24.61538462em;
height: auto;
}
header #headerwrapper #logo {
margin: 8px 0 8px 8px;
}
header #headerwrapper #logo img.desktop-logo {
display: none;
}
header #headerwrapper #logo img.mobile-logo {
display: block;
}
header #headerwrapper .tablet,
header #headerwrapper .desktop,
header #headerwrapper .wide {
display: none;
}
header #headerwrapper #topicWrapper {
padding: 0;
height: 100%;
}
header #headerwrapper #topicWrapper #topics {
height: 100%;
text-align: center;
float: none;
}
header #headerwrapper #topicWrapper #topics select {
display: inline;
}
header #headerwrapper #topicWrapper #topics .megamenu {
display: none;
height: 100%;
position: static;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li {
text-align: left;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li > a {
height: 59px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.hovering > div.stateparks,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.now > div.stateparks,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li:hover > div.stateparks {
width: 0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more {
position: absolute;
right: 0;
width: 75px;
height: 63px;
text-align: center;
background: #333;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more .landscape,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more .tablet,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more .desktop {
display: list-item !important;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover {
border-right: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > div,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.hovering > div,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > div,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > div {
display: none !important;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped {
border: none;
border-left: solid 1px #58595b;
background: #333;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a:hover,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a:hover {
color: #fff;
border: none;
width: 100%;
height: 100%;
padding: 0;
background: #333;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a:hover > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a:hover > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a:hover > [class^="icon-"],
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a:hover > [class^="icon-"] {
display: block;
font-size: 2.5em;
height: 64px;
line-height: 64px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more > a:hover > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more:hover > a:hover > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.now > a:hover > .title,
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > a:hover > .title {
display: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped {
height: 64px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div {
display: block !important;
opacity: 1 !important;
border: none;
left: auto;
right: 0;
top: 63px;
width: 300px;
background: #333;
border-top: solid 1px #58595b;
border-left: solid 1px #58595b;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul {
padding: 0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li {
width: 150px;
padding: 0;
text-align: left;
float: left;
background: #333;
border-top: solid 1px #58595b;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.odd {
width: 149px;
border-right: solid 1px #58595b;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark {
width: 300px;
border-top: none;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark div {
display: inline;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark form {
padding: 15px 24px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark form input {
width: 180px;
margin-right: 5px;
padding: 6px 10px;
border: none;
background: #fff;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark form button {
padding: 0;
margin: 0;
border: none;
background: none;
font-size: 18px;
color: #bcbec0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li.findapark form button:hover {
color: #0066cc;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li a {
padding: 12px 24px;
width: auto;
color: #fff;
font-family: "MuseoSans300", sans-serif;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.more.tapped > div > ul > li a:hover {
color: #0066cc;
background: none;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .title {
display: block;
float: left;
margin: 20px 0 0 32px;
width: 190px;
height: auto;
text-transform: uppercase;
color: #cccccc;
}
header #headerwrapper #topicWrapper #topics #mobilemenu a.menubutton {
display: block;
float: right;
margin: 12px 10px;
font-size: 1.1em;
color: #ccc;
font-size: 1.24em;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav {
clear: left;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav .mobilesearch {
display: block;
float: left;
margin: 20px 5px;
width: 295px;
background: #ffffff url("/++theme++tpwd.theme/images/global/search.png");
background-repeat: no-repeat;
background-position: 5px 2px;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav .mobilesearch input.entry {
padding-left: 35px;
width: 245px;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li {
font-size: 1.24em;
float: left;
padding: 10px;
width: 135px;
height: 20px;
list-style: none;
border-top: 1px solid #58595B;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li a {
color: #BCBEC0;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li a:hover {
color: #23A6E1;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li.full {
width: 311px;
height: 40px;
margin-left: 0;
margin-right: 0;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li.odd {
border-right: 1px solid #58595B;
}
.icon-mobilemenu {
display: inline;
}
header {
height: auto;
}
header #headerwrapper {
width: 36.92307692em;
height: auto;
}
header #headerwrapper #logo {
margin: 8px 0 8px 22px;
}
header #headerwrapper #logo img.desktop-logo {
display: none;
}
header #headerwrapper #logo img.mobile-logo {
display: block;
}
header #headerwrapper #topicWrapper #topics .megamenu {
display: none;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .title {
display: block;
margin: 20px 0 0 105px;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav .mobilesearch {
float: left;
width: 455px;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav .mobilesearch input.entry {
padding-left: 35px;
width: 400px;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li {
float: left;
padding: 10px;
width: 215px;
height: 20px;
list-style: none;
border-top: 1px solid #58595B;
}
header #headerwrapper #topicWrapper #topics #mobilemenu .mobilenav ul.more li.full {
width: 471px;
}
.icon-mobilemenu {
display: inline;
}
header #headerwrapper .search-slider {
display: none;
}
#backToTopMobile {
display: block;
}
footer .footer-content {
width: 36.92307692em;
padding: 0 10px;
}
footer .footer-row1 .column.c,
footer .footer-row1 .column.e {
clear: both;
}
footer .footer-row1 .column.a,
footer .footer-row1 .column.c,
footer .footer-row1 .column.e {
width: 13.46153846em;
margin-left: 4.23076923em;
}
footer .footer-row1 .column.b,
footer .footer-row1 .column.d,
footer .footer-row1 .column.f {
width: 17.61538462em;
}
footer .footer-row1 .column.c,
footer .footer-row1 .column.d,
footer .footer-row1 .column.e,
footer .footer-row1 .column.f {
margin-top: 0;
}
footer .footer-row2 div.tpwd,
footer .footer-row2 div.tpwf {
width: 31.15384615em;
margin-left: 4.23076923em;
}
footer .copyright {
margin-left: 55px;
width: 350px;
}
#backToTop {
display: none !important;
}
}
/* */
@media screen and (min-width: 768px) and (max-width: 979px) {
header #headerwrapper {
width: 55.38461538em;
}
header #headerwrapper #topicWrapper {
padding: 14px 80px 0 80px;
}
header #headerwrapper .desktop,
header #headerwrapper .wide {
display: none;
}
header #headerwrapper #logo {
margin-left: 10px;
}
header #headerwrapper #logo img.desktop-logo {
width: 48px;
height: 48px;
}
header #headerwrapper #logo img.mobile-logo {
display: none;
}
header #headerwrapper .more .tablet,
header #headerwrapper .more .desktop {
display: list-item !important;
}
#topics {
margin-left: -10px;
}
#topics .megamenu > ul > li.menuon div.mega-more > ul > li > a {
min-width: 130px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.drop.show-tablet-up.activities.menuon {
border-width: 1px 0 0 1px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.drop.show-tablet-up.activities.menuon a {
border-width: 1px 0 0 1px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.drop.show-tablet-up.activities.menuon div {
left: auto;
right: 0;
border-width: 1px 0 1px 1px;
}
#mobilemenu .mobilesearch,
#mobilemenu a.menubutton,
#mobilemenu .mobilenav {
display: none;
}
#backToTopMobile {
display: none;
}
footer .footer-content {
width: 55.38461538em;
padding: 0 10px;
}
footer .footer-row1 .column.a,
footer .footer-row1 .column.d {
margin-left: 4.61538462em;
width: 13.84615385em;
clear: both;
}
footer .footer-row1 .column.b,
footer .footer-row1 .column.e {
width: 16.92307692em;
}
footer .footer-row1 .column.c,
footer .footer-row1 .column.f {
width: 18.46153846em;
}
footer .footer-row1 .column.d,
footer .footer-row1 .column.e,
footer .footer-row1 .column.f {
margin-top: 0;
}
footer .footer-row2 div.tpwd {
width: 30.76923077em;
margin-left: 4.61538462em;
}
footer .footer-row2 div.tpwf {
width: 18.46153846em;
}
.copyright {
margin-left: 4.61538462em;
}
}
/* */
@media screen and (min-width: 1220px) {
header #headerwrapper {
width: 93.84615385em;
}
header #headerwrapper #topicWrapper {
padding-left: 80px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.drop.show-desktop-up.calendar.menuon {
border-width: 1px 0 0 1px;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.drop.show-desktop-up.calendar.menuon a {
border-width: 1px 1px 0 0;
}
header #headerwrapper #topicWrapper #topics .megamenu > ul > li.drop.show-desktop-up.calendar.menuon div.calendar-drop {
left: 0;
right: 0;
border-width: 1px 1px 1px 0;
}
header #headerwrapper #topicWrapper #topics .wide {
display: list-item;
}
#mobilemenu .mobilesearch,
#mobilemenu a.menubutton,
#mobilemenu .mobilenav {
display: none;
}
#backToTopMobile {
display: none;
}
footer .footer-content {
width: 93.84615385em;
}
footer .footer-row1 .column.a,
footer .footer-row1 .column.c,
footer .footer-row1 .column.d,
footer .footer-row1 .column.e {
width: 15.12820513em;
}
footer .footer-row1 .column.b {
width: 19.69230769em;
}
footer .footer-row1 .column.f {
width: 10.46153846em;
}
footer .footer-row2 div.tpwd {
width: 34.84615385em;
}
}