/* - ++theme++tpwd.theme/css/tpwdtheme.css - */
/* https://tpwd.texas.gov/portal_css/++theme++tpwd.theme/css/tpwdtheme.css?original=1 */
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;
}
.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 p {
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;
}
.subnav {
position: relative;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
}
.subnav .subnav-wrapper {
margin: 0 auto;
height: auto;
}
.subnav .subnav-wrapper .col-md-12 {
margin: 11px 0 0;
text-align: center;
}
.subnav .subnav-wrapper .col-md-12 span.header-title {
display: block;
margin: 10px 0;
color: #FFF;
font-family: 'Roboto Condensed', sans-serif;
font-size: 26px;
font-size: 2rem;
font-style: normal;
font-weight: 600;
}
.subnav .subnav-wrapper .col-md-12 span.header-title a {
color: #1a1a1a;
}
.subnav .subnav-wrapper .col-md-12 span.header-title a:hover {
color: #0066cc;
text-decoration: none;
}
.subnav .subnav-wrapper .col-md-12 ul {
display: inline;
margin: 0;
padding: 0;
}
.subnav .subnav-wrapper .col-md-12 ul li {
display: inline-block;
margin: 10px 20px;
padding: 0;
height: auto;
text-align: center;
}
.subnav .subnav-wrapper .col-md-12 ul li a {
display: inline-block;
width: 100%;
color: #1a1a1a;
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
font-size: 1.38461538rem;
font-style: normal;
font-weight: 300;
text-align: center;
}
.subnav .subnav-wrapper .col-md-12 ul li a:hover {
color: #0066cc;
text-decoration: none;
}
.subnav .subnav-wrapper .col-md-12 ul li a.find {
margin-top: -5px;
padding: 5px 0;
color: #FFF;
background-color: #0066cc;
border-radius: 3px;
}
.subnav .subnav-wrapper .col-md-12 ul li a.find:hover {
background-color: #1782b2;
}
.subnav .subnav-wrapper .col-md-12 ul li .menu-list {
display: none;
position: absolute;
top: 49px;
padding-bottom: 10px;
width: auto;
z-index: 99;
background-color: #f6f6f6;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
}
.subnav .subnav-wrapper .col-md-12 ul li .menu-list .arrow-up {
position: relative;
top: -10px;
left: 10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #f6f6f6;
}
.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul {
float: none;
margin: 0;
padding: 0;
background-color: #f6f6f6;
}
.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul li {
float: none;
display: block;
margin: 0;
padding: 8px 15px;
height: auto;
}
.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul li:hover {
background-color: #0066cc;
}
.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul li:hover a {
color: #FFF;
}
.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul li a {
text-align: left;
text-transform: none;
}
.subnav .subnav-wrapper .col-md-12 ul li span.caret-toggle {
display: none;
}
.subnav .subnav-wrapper .col-md-12 ul li.last {
padding: 0 0 0 15px;
}
.subnav .subnav-wrapper .col-md-12 ul li.menuon .menu-list {
display: block;
}
@media screen and (min-width: 27.375em) and (max-width: 35.438em) {
.subnav .subnav-wrapper .col-md-12 ul li {
margin: 10px 8px;
}
}
@media screen and (min-width: 41.688em) and (max-width: 47.938em) {
.subnav {
height: 60px;
}
.subnav .subnav-wrapper {
display: inline-block;
padding: 0 2%;
height: 50px;
width: 96%;
}
.subnav .subnav-wrapper .col-md-12 {
text-align: left;
}
.subnav .subnav-wrapper .col-md-12 span.header-title {
display: inline;
float: left;
margin: 8px 0 0;
}
.subnav .subnav-wrapper .col-md-12 ul {
float: right;
}
.subnav .subnav-wrapper .col-md-12 ul li {
display: inline;
float: left;
margin: 0 6px;
padding: 10px 0 5px;
}
}
@media screen and (min-width: 48em) {
.sticky-nav {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
position: relative;
z-index: 800;
}
.sticky-nav.fix {
position: fixed;
top: 0;
margin: 0 auto;
padding: 0;
height: 60px;
width: 100%;
background-color: #FFF;
z-index: 1000;
}
.sticky {
position: fixed;
top: 0;
z-index: 1000;
}
.filter-drop-spacer {
position: relative;
overflow: visible;
}
.subnav {
height: 60px;
}
.subnav .subnav-wrapper {
width: 100%;
}
.subnav .subnav-wrapper .col-md-12 {
margin: 11px 0;
}
.subnav .subnav-wrapper .col-md-12 span.header-title {
float: left;
margin: 6px 0 0;
}
.subnav .subnav-wrapper .col-md-12 ul {
float: right;
}
.subnav .subnav-wrapper .col-md-12 ul li {
display: inline;
float: left;
margin: 0 15px;
padding: 10px 0 0;
height: 30px;
}
.subnav .subnav-wrapper .col-md-12 ul li span.caret-toggle {
display: inline;
float: right;
margin: 5px 0 0 5px;
font-size: 12px;
}
.subnav .subnav-wrapper .col-md-12 ul li span.caret-toggle i.fa {
font-size: 20px;
}
}
@media screen and (min-width: 48em) and (max-width: 61.188em) {
.subnav .subnav-wrapper .col-md-12 {
margin: 11px 15px 0;
}
.subnav .subnav-wrapper .col-md-12 .header-title {
display: inline;
}
.subnav .subnav-wrapper .col-md-12 ul {
float: right;
padding-left: 25px;
}
.subnav .subnav-wrapper .col-md-12 ul li {
margin: 0 6px;
padding: 10px 0 5px;
height: 30px;
}
.subnav .subnav-wrapper .col-md-12 ul li a.show_menu {
display: inline-block;
}
}
@media screen and (min-width: 80em) {
.subnav .subnav-wrapper {
width: 1200px;
}
}
.section-state-parks .stitch-border-bottom {
position: relative;
z-index: 1;
border: dashed 1px #bababa;
border-width: 1px 0 0;
height: 2px;
clear: both;
}
.section-state-parks .stitch-border-bottom:before {
content: '';
display: block;
height: 0;
border-top: dashed 1px #fff;
}
.section-state-parks .park_home {
width: 12.07692308em;
}
.section-state-parks .search {
width: 9.30769231em;
}
.section-state-parks .map {
width: 10.15384615em;
}
.section-state-parks .reservations {
width: 10.92307692em;
}
.section-state-parks .passes {
width: 8.30769231em;
}
.section-state-parks .events {
width: 8.53846154em;
}
.section-state-parks .guide {
width: 9.76923077em;
}
.section-state-parks .park_home i,
.section-state-parks .search i,
.section-state-parks .map i,
.section-state-parks .reservations i,
.section-state-parks .passes i,
.section-state-parks .events i,
.section-state-parks .guide i {
font-size: 2.30769231em;
color: #808080;
margin-right: 6px;
}
.section-state-parks .section-title {
padding: 0 10px 0 10px;
width: 75.38461538em;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
background: #e6e6e6;
position: relative;
z-index: 10;
clear: both;
font-family: Roboto, sans-serif;
border-bottom: 1px solid #B3B3B3;
}
.section-state-parks .section-title img {
width: auto;
height: auto;
max-width: 100%;
}
.section-state-parks .section-title:after {
content: ' ';
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
padding: 0;
margin: 0;
border: none;
}
.section-state-parks .section-title .more {
width: 5.69230769em;
}
.section-state-parks .section-title .grad-right,
.section-state-parks .section-title .grad-left {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 100%;
background: url(/++theme++tpwd.theme/images/parks/title-grad-right.png) 0 0 repeat-y;
z-index: 5;
}
.section-state-parks .section-title .grad-left {
right: auto;
left: 0;
background-image: url(/++theme++tpwd.theme/images/parks/title-grad-left.png);
}
.section-state-parks .section-title > ul {
margin: 0;
list-style-type: none;
}
.section-state-parks .section-title > ul:after {
content: ' ';
visibility: hidden;
display: block;
font-size: 0;
clear: both;
height: 0;
padding: 0;
margin: 0;
border: none;
}
.section-state-parks .section-title > ul > li {
position: relative;
display: block;
float: left;
}
.section-state-parks .section-title > ul > li.over,
.section-state-parks .section-title > ul > li:hover {
border-color: #fff;
z-index: 10;
}
.section-state-parks .section-title > ul > li.over + li,
.section-state-parks .section-title > ul > li:hover + li {
border-left-color: #fff;
}
.section-state-parks .section-title > ul > li.over > a,
.section-state-parks .section-title > ul > li:hover > a {
background: #fff;
color: #333;
}
.section-state-parks .section-title > ul > li > a {
display: block;
padding: 10px 0;
height: 23px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
font-size: 1.23076923rem;
color: #4D4D4D;
text-align: center;
line-height: 23px;
}
.section-state-parks .section-title > ul > li > a i {
font-size: 28px;
font-size: 2.15384615rem;
}
.section-state-parks .section-title > ul > li > a span {
text-align: left;
}
.section-state-parks .section-title > ul > li.more {
border-right: solid 1px #b3b3b3;
}
.section-state-parks .section-title > ul > li.more.over,
.section-state-parks .section-title > ul > li.more:hover {
border-color: #fff;
}
.section-state-parks .section-title > ul > li.more {
border-right: none;
}
.section-state-parks .section-title > ul > li.more i {
color: #808080;
margin-left: 5px;
}
.section-state-parks .section-title > ul > li.more > div {
left: auto;
right: 0;
width: 52.92307692em;
display: none;
position: absolute;
z-index: 20;
top: 100%;
background: #fff;
padding: 16px;
-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);
}
.section-state-parks .section-title > ul > li.more > div .lightback {
background-color: #F2F2F2;
width: 51.07692308em;
height: 18.07692308em;
padding: 15px 12px;
}
.section-state-parks .section-title > ul > li.more > div .programs {
width: 16.15384615em;
}
.section-state-parks .section-title > ul > li.more > div .publications {
width: 13.84615385em;
}
.section-state-parks .section-title > ul > li.more > div .support {
width: 18.38461538em;
}
.section-state-parks .section-title > ul > li.more > div .resources {
width: 18.38461538em;
margin-top: 25px;
}
.section-state-parks .section-title > ul > li.more > div .subhead {
font-family: Roboto, sans-serif;
font-size: 0.92307692em;
padding-bottom: 4px;
}
.section-state-parks .section-title > ul > li.more > div li {
display: block;
}
.section-state-parks .section-title > ul > li.more > div li a {
display: block;
font-family: Roboto, sans-serif;
font-size: 0.92307692em;
color: #1A1A1A;
padding: 4px 0;
white-space: nowrap;
}
.section-state-parks .section-title > ul > li.more > div li a:hover {
background: #fff;
color: #333;
}
.section-state-parks .section-title > ul > li.more > div ul {
float: left;
margin-right: 10px;
}
.section-state-parks .section-title > ul > li.over > div {
display: block;
}
.section-state-parks .section-title > ul > li.over > div > li {
border-left-color: #fff;
border-right: solid 1px #fff;
margin-right: -1px;
}
@media screen and (max-width: 767px) {
.section-state-parks .section-title .more,
.section-state-parks .section-title .guide,
.section-state-parks .section-title .events,
.section-state-parks .section-title .passes,
.section-state-parks .section-title .reservations {
display: none;
}
.section-state-parks li.map {
border-right: none;
}
}
@media screen and (max-width: 479px) {
.section-state-parks .park_home {
width: 11.53846154em;
}
.section-state-parks .search {
width: 6.15384615em;
}
.section-state-parks .map {
width: 6.69230769em;
}
.section-state-parks .map i,
.section-state-parks .search i {
display: none;
}
.section-state-parks .section-title {
width: 24.61538462em;
padding: 0;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.section-state-parks .park_home {
width: 13.07692308em;
}
.section-state-parks .search {
width: 11.84615385em;
}
.section-state-parks .map {
width: 11.84615385em;
}
.section-state-parks .section-title {
width: 36.92307692em;
padding: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
.section-state-parks .reservations {
width: 10.15384615em;
}
.section-state-parks .passes {
width: 7.38461538em;
}
.section-state-parks .section-title {
width: 55.38461538em;
padding: 0;
}
.section-state-parks .section-title .more {
width: 5.92307692em;
}
.section-state-parks .section-title ul li.events,
.section-state-parks .section-title ul li.guide {
display: none;
}
.section-state-parks .section-title ul li.passes a span {
margin-left: 0;
text-align: center;
}
.section-state-parks .section-title ul li.more {
display: block;
}
.section-state-parks .section-title ul li.more .phone {
display: none;
}
}
@media screen and (min-width: 1220px) {
.section-state-parks .park_home {
width: 13.61538462em;
}
.section-state-parks .search {
width: 11.53846154em;
}
.section-state-parks .map {
width: 11.53846154em;
}
.section-state-parks .reservations {
width: 11.53846154em;
}
.section-state-parks .passes {
width: 11.53846154em;
}
.section-state-parks .events {
width: 11.53846154em;
}
.section-state-parks .guide {
width: 11.53846154em;
}
.section-state-parks .park-row {
padding: 0 10px 0 10px;
width: 93.84615385em;
}
.section-state-parks #sp_title,
.section-state-parks .parkmenu {
width: 90.76923077em;
}
.section-state-parks .section-title {
width: 93.84615385em;
}
.section-state-parks .section-title .more {
width: 10.46153846em;
}
}
.subsection-land-programs-landscape-ecology {
/*///////////////////////////////////////////////*/
}
.subsection-land-programs-landscape-ecology div.subnav {
position: relative;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
height: 60px;
background-color: #f1f1f2;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
z-index: 1000;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper {
margin: 0 auto;
height: 60px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 {
margin: 11px 0 0;
padding: 0 15px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 span.header-title {
float: left;
margin: 3px 0 0;
font-family: 'Roboto Condensed', sans-serif;
font-size: 26px;
font-size: 2rem;
font-style: normal;
font-weight: 600;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 span.header-title a {
color: #1a1a1a;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 span.header-title a:hover {
color: #0066cc;
text-decoration: none;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul {
display: none;
float: right;
margin: 0;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li {
display: inline;
float: left;
margin: 0 15px;
padding: 8px 0 6px;
height: 30px;
text-align: center;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li a {
display: inline-block;
width: 100%;
color: #1a1a1a;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
font-size: 1.23076923rem;
font-style: normal;
font-weight: 300;
text-align: center;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li a:hover {
color: #0066cc;
text-decoration: none;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li a.menu-button {
margin-top: -5px;
padding: 5px 0;
color: #FFF;
width: 110px;
background-color: #0066cc;
border-radius: 3px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li a.menu-button:hover {
background-color: #1782b2;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list {
display: none;
position: absolute;
top: 49px;
right: 20px;
width: auto;
z-index: 99;
background-color: #FFF;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list .arrow-up {
position: relative;
top: -10px;
left: 180px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul {
float: none;
margin: 0;
padding: 0;
background-color: #FFF;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul li {
float: none;
display: block;
margin: 0;
padding: 10px 15px;
height: auto;
white-space: nowrap;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul li:hover {
background-color: #f6f6f6;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul li:hover a {
color: #0066cc;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul li a {
text-align: left;
text-transform: none;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li span.caret-toggle {
float: right;
margin: 0 0 0 5px;
font-size: 12px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li span.caret-toggle i.fa {
font-size: 20px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.active {
border-bottom: 5px solid #cc0000;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.active a {
font-weight: 500;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.menuon .menu-list {
display: block;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.menuon .menu-list ul li a {
font-weight: 300;
}
.subsection-land-programs-landscape-ecology div.row.subnav.fix {
position: fixed;
top: 0;
margin: 0 auto 0;
width: 100%;
z-index: 1000;
}
.subsection-land-programs-landscape-ecology div.row.subnav.fix span {
display: inline;
}
.subsection-land-programs-landscape-ecology div.filter-drop-spacer {
position: relative;
overflow: visible;
}
@media screen and (min-width: 39.938em) and (max-width: 46em) {
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 {
padding: 0 15px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 span.header-title {
display: inline;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul {
float: right;
padding: 0;
}
}
@media screen and (min-width: 48em) and (max-width: 61.938em) {
.subsection-land-programs-landscape-ecology div.subnav {
display: block;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 {
display: inline-block;
padding: 0 25px;
width: 100%;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 span.header-title {
display: inline;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul {
display: block;
float: right;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li {
display: inline-block;
float: left;
margin: 0 0 0 20px;
padding: 8px 0 6px;
text-align: center;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.menu {
display: block;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.menu a.show_menu {
display: inline;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.menu .menu-list {
right: 20px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.menu .menu-list .arrow-up {
left: 185px;
}
}
@media screen and (min-width: 62em) {
.subsection-land-programs-landscape-ecology div.subnav {
display: block;
position: relative;
top: 0;
right: 0;
left: 0;
height: 60px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper {
width: 980px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 {
margin: 11px 0 0;
padding: 0 15px;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 span.header-title {
display: inline;
float: left;
margin: 3px 0 0;
font-size: 26px;
font-size: 2rem;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul {
display: inline;
float: right;
margin: 0;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li {
display: inline;
float: left;
margin: 0 15px;
padding: 8px 0 6px;
height: 30px;
text-align: center;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li a {
display: inline-block;
width: 100%;
font-size: 16px;
font-size: 1.23076923rem;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list {
display: none;
position: absolute;
top: 49px;
right: 20px;
width: auto;
z-index: 99;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul {
float: none;
margin: 0;
padding: 0;
background-color: #FFF;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li .menu-list ul li {
float: none;
display: block;
margin: 0;
padding: 10px 15px;
height: auto;
white-space: nowrap;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.active {
border-bottom: 5px solid #cc0000;
}
.subsection-land-programs-landscape-ecology div.subnav .subnav-wrapper .col-md-12 ul li.menuon .menu-list {
display: block;
}
}
@media screen and (min-width: 80.063em) {
.subsection-land-programs-landscape-ecology div.subnav div.subnav-wrapper {
width: 1200px;
}
}
/* */
/* */
/* */
/* */
@media screen and (max-width: 479px) {
body {
max-width: 479px;
}
}
body {
background: #fff;
}
#lampwrapper {
min-width: 0;
}
.accordion {
cursor: pointer;
}
#decoborder {
border: 1px dashed #bababa;
border-width: 0 0 1px 0;
}
#parkicon {
background-image: url('/state-parks/images/spiconssprites.png');
background-position: -324px 0;
background-repeat: no-repeat;
width: 36px;
height: 36px;
display: block;
float: left;
}
navgroup h4 {
font-family: "Museo500";
font-weight: normal;
}
navgroup h4 span a {
font-family: "MuseoSans500";
font-weight: normal;
color: #000;
text-decoration: none;
}
navgroup h4 span a:hover {
color: #0066cc;
}
.emboss {
text-shadow: 0 0.03em 0.03em rgba(0, 0, 0, 0.25), 0 -0.02em 0.02em rgba(255, 255, 255, 0.7);
}
.deboss {
text-shadow: 0 -0.02em 0.02em rgba(0, 0, 0, 0.25), 0 0.02em 0.02em rgba(255, 255, 255, 0.8);
}
dl.portletNavigationTree {
margin-top: 2em;
}
dl.portlet dt {
background-color: transparent;
}
dl.portletNavigationTree dd.portletItem {
padding: 0;
}
.spotlight-portlet {
margin-top: 40px;
}
.spotlight-portlet-img {
padding-left: 20px;
margin-bottom: 20px;
}
embed {
margin: 1em;
}
table.responsive {
border-collapse: collapse;
border-spacing: 0;
display: block;
position: relative;
width: 100%;
}
table.responsive thead {
zoom: 1;
display: block;
float: left;
}
table.responsive thead:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
table.responsive thead tr {
display: block;
}
table.responsive thead th,
table.responsive thead td {
text-align: left;
overflow: hidden;
width: auto;
display: block;
text-align: right;
border-bottom: 0;
border-left: 0;
}
table.responsive thead th br,
table.responsive thead td br {
content: " ";
}
table.responsive thead th br:after,
table.responsive thead td br:after {
content: " ";
}
table.responsive tbody {
overflow-y: auto;
width: 100%;
margin: 0 0 1em;
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap;
}
table.responsive tbody::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
height: 8px;
}
table.responsive tbody::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
table.responsive tbody::-webkit-scrollbar-thumb {
border-radius: 10px;
min-width: 25px;
background-color: rgba(200, 200, 200, 0.8);
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}
table.responsive tbody tr {
display: inline-block;
vertical-align: top;
border-left: 1px solid #babcbf;
}
table.responsive th,
table.responsive td {
margin: 0;
vertical-align: top;
height: 1em;
padding: 0.5em 1em;
}
table.responsive th:last-child,
table.responsive td:last-child {
border-bottom: 1px solid #babcbf;
}
table.responsive td {
display: block;
text-align: left;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.alert {
padding: 15px;
border: 1px solid transparent;
border-radius: 4px;
}
header .alert {
margin: 0 auto;
text-align: center;
padding: 15px;
font-size: 16px;
font-size: 1.23076923rem;
}
header .alert p {
line-height: 1.4;
}
header .alert a {
text-decoration: underline;
font-weight: 500;
}
.alert-warning {
color: #5f4b29;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-success {
color: #274d28;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-info {
color: #214c62;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-danger {
color: #662928;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger p {
color: #a94442;
}
div.hero {
height: 240px;
background-color: #333132;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
div.hero.medium {
height: 340px;
}
div.hero.large {
height: 440px;
}
div.hero h1 {
margin-top: 20px;
margin-bottom: 10px;
color: #FFF;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 30px;
font-size: 2.30769231rem;
line-height: 2.76923077rem;
text-align: center;
text-shadow: 0 2px 4px #000000;
}
div.hero .hero-overlay {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), color-stop(60%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%);
background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%);
}
/*///////////////////////////////////////////////*/
@media screen and (min-width: 25.875em) {
div.hero h1 {
font-size: 32px;
font-size: 2.46153846rem;
line-height: 2.92307692rem;
}
}
@media screen and (min-width: 35.5em) and (max-width: 47.938em) {
div.hero h1 {
margin-top: 20px;
font-size: 36px;
font-size: 2.76923077rem;
line-height: 3.23076923rem;
}
}
@media screen and (min-width: 48em) and (max-width: 61.938em) {
div.hero {
height: 310px;
}
div.hero.medium {
height: 410px;
}
div.hero.large {
height: 510px;
}
div.hero h1 {
font-size: 50px;
font-size: 3.84615385rem;
line-height: 4.30769231rem;
}
}
@media screen and (min-width: 62em) {
div.hero {
height: 350px;
}
div.hero.medium {
height: 450px;
}
div.hero.large {
height: 550px;
}
div.hero h1 {
margin-top: 30px;
font-size: 55px;
font-size: 4.23076923rem;
line-height: 4.69230769rem;
}
}
@media screen and (min-width: 90.063em) {
div.hero {
height: 350px;
}
div.hero.medium {
height: 450px;
}
div.hero.large {
height: 550px;
}
}
body {
background-color: #fff;
}
#wrapper {
background-color: #FFF;
padding: 0 10px 0 10px;
width: 75.38461538em;
margin-left: auto;
margin-right: auto;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#wrapper img {
width: auto;
height: auto;
max-width: 100%;
}
#content {
font-size: 100%;
width: 49.23076923em;
margin-left: 0.76923077em;
margin-right: 0.76923077em;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: none;
}
#content.width-full {
width: 72.30769231em;
}
#left-column {
width: 21.53846154em;
margin-left: 0.76923077em;
margin-right: 0.76923077em;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#right-column {
width: 21.53846154em;
margin-left: 0.76923077em;
margin-right: 0.76923077em;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.template-s #searchField {
display: inline-block;
}
.template-s #searchField button {
background-color: #0066cc;
color: #fff;
border: none;
border-radius: 4px;
padding: 8px 10px;
font-size: 16px;
margin: 0 25px 0 5px;
}
.template-s #filterSelect {
display: inline-block;
}
.template-s #filterSelect select {
font-size: 18px;
font-weight: 400;
border: 1px solid #ccc;
height: 34px;
}
.template-s #filterSelect button {
background-color: #0066cc;
color: #fff;
border: none;
border-radius: 4px;
padding: 8px 11px;
font-size: 16px;
margin: 0 5px;
}
.template-s label[for="q"],
.template-s label[for="filter"] {
visibility: hidden;
font-size: 0.01px;
}
.template-s input[id="q"] {
font-size: 1.5em;
width: 375px;
margin: 1em 0;
padding: 5px;
}
.template-s #wrapper .promotion {
overflow: auto;
}
.template-s #wrapper .promotion img {
float: left;
max-width: 150px;
max-height: 100px;
margin: 30px 8px 0 0;
}
.template-s h2 {
margin: 20px 0 0;
}
.template-s h2 a {
font-size: 20px;
font-weight: 400;
}
.template-s h2 b {
color: #0066cc;
font-weight: 500;
font-size: 20px;
}
.template-s h2 em {
font-style: normal;
font-weight: 500;
}
.template-s cite {
font-style: normal;
font-size: 14px;
color: #006621;
}
.template-s p.resultsTally {
font-size: 16px;
}
.template-s #content p.snippet {
font-size: 14px;
}
.template-s .pagination {
font-size: 16px;
margin: 4em 0 0 0;
}
.template-s .pagination a {
font-weight: 500;
}
.template-s .pagination a.previous {
display: inline-block;
margin-right: 10px;
}
.template-s .pagination span {
display: inline-block;
margin-right: 10px;
}
.full {
width: 72.30769231em;
margin-left: 0.76923077em;
margin-right: 0.76923077em;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 479px) {
body {
background-color: #FFF;
}
#wrapper {
width: 24.61538462em;
padding: 0;
}
#content,
#content.width-full,
#left-column,
#right-column {
width: 23.07692308em;
}
.full {
width: 23.07692308em;
}
.template-s #content p.resultTally {
margin-bottom: 0;
}
.template-s input[id="q"] {
width: 205px;
}
.template-s #filterSelect select {
width: 220px;
}
.template-s #wrapper .promotion img {
margin-top: 20px;
}
.template-s cite {
display: none;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
body {
background-color: #FFF;
}
#wrapper {
width: 36.92307692em;
padding: 0;
}
#content,
#content.width-full,
#left-column,
#right-column {
width: 35.38461538em;
}
.full {
width: 35.38461538em;
}
.template-s #content p.resultTally {
margin-bottom: 0;
}
.template-s input[id="q"] {
width: 365px;
}
.template-s #filterSelect select {
width: 380px;
}
.template-s #wrapper .promotion img {
margin-top: 20px;
}
.template-s cite {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
body {
background-color: #FFF;
}
#wrapper {
width: 55.38461538em;
padding: 0;
}
#content {
width: 30.76923077em;
}
#content.width-full {
width: 53.84615385em;
}
.full {
width: 53.84615385em;
}
.template-s #wrapper .promotion img {
margin-top: 20px;
}
.template-s cite {
display: none;
}
}
@media screen and (min-width: 1220px) {
#wrapper {
padding: 0 10px 0 10px;
width: 93.84615385em;
}
#content {
width: 67.69230769em;
}
#content.width-full {
width: 90.76923077em;
}
.full {
width: 90.76923077em;
}
}
.vevent {
min-width: 0;
}
#quizform ul {
list-style-type: none;
}
#quizform .correctanswer {
color: green;
}
#quizform .incorrectanswer {
color: red;
}
#quizform .noshow {
display: none;
}
#content .chosen-container .chosen-results li {
display: none;
line-height: 15px;
margin-bottom: 0;
}
#content .chosen-container .chosen-choices li.search-choice {
line-height: 13px;
}
#content .chosen-container .chosen-results li.active-result {
display: list-item;
}
#content ul.chosen-choices {
margin-left: 0;
}
.overlay a.close {
background-image: url("/++resource++plone.app.jquerytools.pb_close.png");
position: absolute;
right: -14px;
top: -14px;
cursor: pointer;
height: 30px;
width: 30px;
z-index: 100000;
}
.overlay applet {
padding: 10px;
}
#vtour_overlay {
color: #FFF;
}
table.listing th {
background-color: #ccc;
color: #343434;
}
tfoot {
color: #333;
font-size: .9em;
}
.sortdirection {
display: none;
}
#portal-columns {
width: 960px;
margin: 0 auto;
}
.portletStaticText {
border: 1px solid #aaa;
border-width: 0 0 0 1px;
padding-left: 10px;
margin-top: 50px;
}
.portletStaticText h5 {
margin-top: 20px;
margin-bottom: 5px;
line-height: 1.2em;
font-size: 1.07692308em;
font-weight: 500;
}
.portletStaticText ul {
padding-left: 15px;
list-style-type: disc;
color: #555;
}
.portletStaticText li {
display: list-item;
font-size: 0.92307692em;
margin-bottom: 5px;
}
div.listingBar a {
background-color: #efefef;
border-color: #ccc;
color: #0066cc;
margin: 1em;
padding: .3em .9em;
line-height: normal;
font-weight: bold;
font-family: 'trebuchet ms';
border-radius: 50px;
}
#quizform input[name=submit] {
margin: .5em;
padding: .5em;
}
#portal-footer {
background: #fff;
margin: 0;
padding: 0;
line-height: 1.5em;
}
.highlight1 {
background-color: #dadada;
line-height: 1.5em;
}
.highlight2 {
background-color: #f5f5f5;
line-height: 1.5em;
}
.border {
border: 1px solid #000000;
}
.noborder {
border: none;
}
.block {
display: block;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
div.row {
float: left;
width: 100%;
}
table.fullwidth {
width: 98%;
}
table.halfwidth {
width: 50%;
}
.doublespace {
line-height: 2em;
}
.doublespace p {
margin: 0;
}
.height175 {
height: 175px;
}
.height200 {
height: 200px;
}
.height250 {
height: 250px;
}
.width125 {
width: 125px;
}
.width150 {
width: 150px;
}
.width170 {
width: 170px;
}
.width200 {
width: 200px;
}
.width250 {
width: 250px;
}
.width300 {
width: 300px;
}
.width400 {
width: 400px;
}
.width500 {
width: 500px;
}
.width600 {
width: 600px;
}
.width700 {
width: 700px;
}
.width25percent {
width: 25%;
}
.width30percent {
width: 30%;
}
.width40percent {
width: 40%;
}
.width50percent {
width: 49%;
}
.width85percent {
width: 85%;
}
.width {
width: 85%;
}
.bigtext {
font-size: 2em;
line-height: 1.2em;
padding-bottom: 10px;
}
.biggertext {
font-size: 3em;
line-height: 1.2em;
}
.font95percent {
font-size: 95%;
}
.smallcaps {
font-variant: small-caps;
}
.smalltext {
font-size: 85%;
}
.font85percent {
font-size: 85%;
}
.decimal li {
list-style: decimal;
}
.disc li {
list-style-type: disc;
}
.inlinelist li {
display: inline;
}
.listbottommargin li {
margin: 20px 0 0 0;
}
.listposition li {
list-style-position: outside;
}
.listpositioninside li {
list-style-position: inside;
}
.loweralpha li {
list-style: lower-alpha;
}
.nostyle li,
.noimage li {
list-style: none;
}
.regulation li {
list-style: none;
text-indent: -20px;
}
.upperalpha li {
list-style-type: upper-alpha;
}
.upperroman li {
list-style-type: upper-roman;
}
.decimal_loweralpha_lowerroman li {
list-style: decimal;
}
.decimal_loweralpha_lowerroman li ol li {
list-style: lower-alpha;
}
.decimal_loweralpha_lowerroman li ol li ol li {
list-style: lower-roman;
}
.loweralpha_decimal li {
list-style: lower-alpha;
}
.loweralpha_decimal li ol li {
list-style: decimal;
}
.upperalpha_decimal li {
list-style: upper-alpha;
}
.upperalpha_decimal li ol li {
list-style: decimal;
}
.legal li {
list-style: upper-roman;
}
.legal li ol li {
list-style: upper-alpha;
}
.legal li ol li ol li {
list-style: lower-roman;
}
.legal li ol li ol li ol li {
list-style: lower-alpha;
}
.outline li {
list-style: upper-roman;
}
.outline li ol li {
list-style: upper-alpha;
}
.outline li ol li ol li {
list-style: decimal;
}
.outline li ol li ol li ol li {
list-style: lower-alpha;
}
.outline li ol li ol li ol li ol li {
list-style: lower-roman;
}
.outline2 li {
list-style: upper-alpha;
}
.outline2 li ol li {
list-style: decimal;
}
.outline2 li ol li ol li {
list-style: lower-alpha;
}
.outline2 li ol li ol li ol li {
list-style: lower-roman;
}
.center {
margin: 0 auto;
display: block;
}
.margin10px {
margin: 10px;
}
.marginleft10px {
margin-left: 10px;
}
.nobottommargin {
margin-bottom: 0;
}
.noleftmargin {
margin-left: 0px;
}
.nomargin {
margin: 0px;
}
.notopmargin {
margin-top: 0px;
}
.tab1 {
margin-left: 3%;
}
.nobottompadding {
padding-bottom: 0px;
}
.noleftpadding {
padding-left: 0;
}
.nopadding {
padding: 0px;
}
.padding10px {
padding: 10px;
}
.paddingleft10px {
padding-left: 10px;
}
.tablepadding10px th {
padding: 10px;
}
.centeralign {
text-align: center;
}
.centerstuff {
text-align: center;
}
.hangingindent1 {
text-indent: -1em;
margin-left: 1em;
}
.indent1 {
text-indent: 2em;
}
.indent2 {
text-indent: 4em;
}
.indent3 {
text-indent: 6em;
}
.indent4 {
text-indent: 8em;
}
.indent5 {
text-indent: 10em;
}
.indent6 {
text-indent: 12em;
}
.indent7 {
text-indent: 14em;
}
.indent8 {
text-indent: 16em;
}
.justify {
text-align: justify;
}
.leftalign {
text-align: left;
}
.nowrap {
white-space: nowrap;
}
.rightalign {
text-align: right;
}
.strikeout {
text-decoration: line-through;
}
.underline {
text-decoration: underline;
}
.uppercase {
text-transform: uppercase;
}
.captionright,
.captionleft,
.captionleft150 {
padding: 10px;
text-align: center;
}
.captionright {
float: right;
}
.captionleft,
.captionleft150 {
float: left;
}
.captionright img,
.captionleft img,
.captionleft150 img {
margin-top: 0;
margin-bottom: 0;
}
.captionleft p,
.captionright p {
width: 220px;
margin-top: 0px;
font-size: 90%;
line-height: 1.4em;
font-weight: bold;
}
.caption4 p,
.captionleft150 p {
width: 150px;
margin-top: 0px;
font-size: 90%;
line-height: 1.4em;
font-weight: bold;
}
.list2col ul,
.list2col ol {
float: left;
}
.list2col li {
list-style-position: inside;
}
.list2col ul ul,
.list2col ol ol,
.list2col ul ol,
.list2col ol ul {
margin-bottom: 15px;
}
.floatimagesleft hr {
clear: left;
color: #c0c0c0;
margin: 0%;
}
.floatimagesleft img {
float: left;
margin-left: 0%;
position: relative;
}
.floatimagesleft p {
margin: 2px;
position: relative;
}
.floatimagesright hr {
clear: both;
color: #c0c0c0;
margin: 0%;
}
.floatimagesright img {
float: right;
margin-right: 0%;
}
.floatimagesright p {
margin: 2px;
}
#promotional {
border: 1px solid #B6B3B3;
margin: 10px;
padding: 10px 10px 0 10px;
background-color: #F4F4F4;
width: 100%;
}
#promotional div {
float: left;
width: 90px;
height: 152px;
margin: 0 2%;
}
#promotional img {
margin: 0;
}
#promotional div h6 {
text-align: center;
margin: 0;
line-height: 1.25em;
width: 90px;
}
#promotional div h6 a {
font-family: tahoma, sans-serif;
font-size: .85em;
}
#promotional div h6 a:link {
color: #53554A;
}
#promotional div h6 a:visited {
color: #80807F;
color: #53554A;
}
.sponsor,
.partner {
background: #fff;
border: 1px solid #54554E;
margin: 10px;
padding: 10px;
}
.sponsor img,
.partner img {
margin: 5px;
}
.sponsor p,
.partner p {
margin: 0;
color: #42433E;
font-size: .95em;
}
.devinfo {
border: 2px dotted #003399;
background: #b9e4ff;
padding: 5px;
margin: 2px 2px 5px 2px;
opacity: 0.5;
}
.survey_a {
border: 1px dotted #82A2B6;
background: #E5EDF3;
}
.survey_a h2 {
text-align: center;
font-size: 110%;
padding: 0;
margin: 0;
}
.survey_b {
border: 1px dotted #64601E;
background: #FAF9E7;
}
.survey_b h2 {
text-align: center;
font-size: 110%;
padding: 0;
margin: 0;
}
.survey_b h2 a {
color: #64601E;
}
.gallery {
width: 95%;
margin: 0 auto;
display: block;
z-index: 1;
}
.gallery ul {
padding: 0;
margin: 2% 2% 2% 12%;
display: block;
list-style-type: none;
list-style-position: inside;
}
.gallery li {
float: left;
text-align: center;
padding: 5%;
}
.siteactions {
width: 100%;
background: #dadada;
padding: 0 20px;
}
.siteactions p {
margin-bottom: 0;
}
.siteactions a {
color: #000;
text-decoration: none;
padding: 0 10px;
background: #fff;
}
.siteactions a:hover {
text-decoration: underline;
}
body {
margin: 0;
padding: 0;
}
footer,
header,
searchbox {
display: block;
}
img {
border: none;
}
a:focus {
outline: auto;
}
body.section-calendar p.sectionhead {
font-family: 'MuseoSlab300';
color: #6D6E71;
font-size: 1.75em;
font-weight: normal;
}
#left-column dl.portlet {
font-size: 15px;
font-size: 1.15384615rem;
}
.navTree {
font-family: "Roboto Condensed";
}
dl.portletNavigationTree dt.portletHeader {
display: none;
}
dl.portletNavigationTree ul.navTree .navTreeCurrentItem {
margin-left: 0px;
border: none;
background: #eee;
}
dl.portletNavigationTree ul.navTreeLevel0 > .navTreeItem,
dl.portletNavigationTree ul.navTreeLevel1 > .navTreeItem,
dl.portletNavigationTree ul.navTreeLevel2 > .navTreeItem {
line-height: 1.25em;
}
.expandedNode2,
.toggleNode2 {
padding-bottom: .25em;
}
.portlet-static-game-warden-home,
.portlet-static-50-years-logo,
.portlet-static-socialmedia {
border: none;
margin-top: 0;
margin-bottom: -2em;
}
.portlet-static-game-warden-home a,
.portlet-static-50-years-logo a,
.portlet-static-socialmedia a {
font-family: 'Roboto Condensed';
font-size: 15px;
font-size: 1.15384615rem;
display: inline-block;
padding: 1em .25em;
}
dl.portlet.breadcrumb-portlet dd.portletItem {
padding-top: 0;
}
dl.portlet.breadcrumb-portlet .breadcrumbs {
font-family: 'Roboto Condensed';
font-size: 16px;
font-size: 1.23076923rem;
color: #888888;
float: left;
margin-top: .3em;
}
dl.portlet.breadcrumb-portlet .breadcrumbs span {
white-space: nowrap;
}
dl.portlet.breadcrumb-portlet .breadcrumbs span.breadcrumbSeparator {
margin: 0 -0.25em 0 0.25em;
}
dl.portlet.breadcrumb-portlet .breadcrumbs a:link {
border-bottom: none;
}
#videoMenu {
float: left;
width: 25%;
padding-top: .35em;
width: 21.53846154em;
margin-left: 0.76923077em;
}
#videoContent {
width: 70%;
float: left;
padding-top: 1em;
}
.videoItem {
display: inline-block;
}
.videoItem > a {
width: 12.30769231em;
float: left;
padding-top: 2.5em;
padding-left: 2em;
}
.videoDescription {
width: 53.84615385em;
margin-left: 14.61538462em;
}
@media screen and (max-width: 767px) {
dl.portlet .breadcrumbs {
font-size: 16px;
font-size: 1.23076923rem;
}
dl.portletNavigationTree {
border: 1px solid #ccc;
margin-top: 1.5em;
}
dl.portletNavigationTree dt.portletHeader {
display: block;
padding: 0;
}
dl.portletNavigationTree a.tile {
display: block;
border: 0 0 1px 0 solid #ccc !important;
background: #0066cc;
font-family: "Roboto Condensed";
font-size: 18px;
font-size: 1.38461538rem;
color: #fff;
padding: .5em;
}
dl.portletNavigationTree a.tile:hover {
color: #fff;
}
dl.portletNavigationTree a.tile i {
display: block;
text-align: right;
margin-top: -0.8em;
}
dl.portletNavigationTree a#toggleclose.tile {
margin-top: -0.25em;
}
dl.portletNavigationTree a#toggleclose.tile i {
margin-top: -0.05em;
}
dl.portletNavigationTree ul.navTree {
background-color: #f3f3f3;
}
dl.portletNavigationTree li.navTreeItem a {
padding: 1em;
}
dl.portletNavigationTree li.navTreeItem span.toggleNode,
dl.portletNavigationTree li.navTreeItem span.expandedNode {
padding-top: 1.5em;
}
.portlet-static-game-warden-home,
.portlet-static-50-years-logo,
.portlet-static-socialmedia {
margin-bottom: 0;
}
.portlet-static-game-warden-home p a {
font-size: 18px;
font-size: 1.38461538rem;
padding: 1em 0 0 0;
}
}