/* - ++theme++plonetheme.wta/wta.css - */
/* http://www.wta.org/portal_css/++theme++plonetheme.wta/wta.css?original=1 */
body {
background-color: #fff;
color: #2a2a2a;
-webkit-font-smoothing: antialiased;
}
#visual-portal-wrapper {
width: 960px;
margin: 10px auto 0;
}
/* */
.template-box_view .doormat {
}
.template-box_view .doormat img {
max-width: 100%;
max-height: none;
padding: 0;
}
.template-box_view #content .doormat a {
background-color: #faf8f9;
border: .5em solid #fff;
}
.template-box_view #content .doormat h2 {
line-height: 1em;
margin: 0 0 .25em 0;
}
.template-box_view #content .doormat-content {
font-size: 85%;
padding: .75em;
position: static;
text-align: left;
line-height: 1em;
}
.template-box_view #content .doormat-content p {
color: #2a2a2a;
margin-bottom: .5em;
}
.doormat-content .read-more {
color: inherit !important;
position: absolute;
right: 8px;
bottom: 0;
text-transform: uppercase;
}
@media screen and (min-width: 500px) {
.template-box_view .doormat > a,
.template-box_view .doormat > div {
padding-top: 89.3333%;
}
}
@media screen and (min-width: 600px) {
.template-box_view .doormat > a,
.template-box_view .doormat > div {
padding-top: 58.3333%;
width: 50%;
}
}
@media screen and (min-width: 900px) {
.template-box_view .doormat > a,
.template-box_view .doormat > div {
padding-top: 48.3333%;
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.template-box_view .doormat > a,
.template-box_view .doormat > div {
padding-top: 40.33333%;
width: 33.33333%;
}
}
/* */
body,
.carousel h3.carousel-subtitle,
h4.portlet-subheading {
font-family: "Trebuchet MS","Lucida Grande", Verdana, Lucida, Arial, sans-serif;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6,
.portletHeader,
#portal-footer a.mainTabContent,
.carousel .carousel-title,
div.pullquote {
font-family: EgyptienneURWNar-Med, Verdana, sans-serif;
font-style: normal !important;
font-weight: normal !important;
}
/* */
h1, h2, h3, h4, h5, h6,
.carousel .carousel-title,
div.pullquote {
border-bottom: none;
color: #db9b3a;
margin: 0.75em 0 0.25em 0;
letter-spacing: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
div.pullquote a {
color: #db9b3a;
text-decoration: none !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .carousel-title:hover {
color: #87a738;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
h4 {
font-size: 1.1em;
}
/* */
[data-title]
{
position: relative;
padding: 0;
}
[data-title]::before,
[data-title]::after
{
position: absolute;
left: 50%;
top: 0;
z-index: 5;
opacity: 0;
visibility: hidden;
background: #505e79;
}
[data-title]:hover::before,
[data-title]:hover::after
{
opacity: 1;
visibility: visible;
}
/* */
[data-title]::after
{
content: attr(data-title);
min-width: 50px;
max-width: 140px;
padding: 7px 9px;
margin: 38px 0 0 -36px;
color: #fff;
cursor: default;
font-size: 90%;
line-height: 1.2em;
text-align: center;
z-index: 2
}
/* */
[data-title]::before
{
content: "";
width: 16px;
height: 16px;
margin: 30px 0 0 -9px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
}
/* */
a,
a:link,
a:visited,
#content a,
#content a:link,
#content a:visited,
dl.portlet a,
dl.portlet a:link,
dl.portlet a:visited,
h4.portlet-subheading {
color: #466997;
border: 0;
}
#content a:hover,
dl.portlet a:hover {
color: #87a738 !important;
}
/* */
div.width-full {
width: 100%; /* */
}
div.width-1\3a 4 {
width: 29.1666666666667%; /* */
}
div.width-1\3a 2 {
width: 37.5%; /* */
}
div.width-3\3a 4 {
width: 68.75%; /* */
}
div.position-0 {
margin-left: -100%; /* */
}
div.position-1\3a 4 {
margin-left: -68.75%; /* */
}
div.position-3\3a 4 {
margin-left: -29.1666666666667%; /* */
}
#portal-columns {}
#portal-column-content {
margin-top: 1.25%;
}
/* */
#portal-top {
z-index: 50;
}
#portal-header {
background: transparent url(/++theme++plonetheme.wta/images/banner.jpg) right top no-repeat;
background-size: cover;
}
#portal-header .hiddenStructure {
display: none;
}
#portal-logo,
#portal-logo-footer {
display: block;
margin: 0;
width: 114px;
height: 132px;
}
#portal-logo {
background: #fff;
}
#portal-logo img,
#portal-logo-footer img {
width: auto;
height: 100%;
}
/* */
#siteactions {
position: absolute;
top: 0;
right: 0;
}
#siteactions > li {
display: block;
float: left;
background: rgba(255, 255, 255, 0.65);
padding: 10px;
border-right: 1px solid rgba(81, 94, 121, 0.45);
}
#siteactions > li a {
padding: 0 11px;
height: 24px;
line-height: 24px;
font-size: 11px;
font-weight: bolder;
text-transform: uppercase;
color: #2a2a2a;
}
#siteactions > li a:hover {
color: black !important;
}
#portal-siteactions {
float: left;
margin-top: 0.2em;
padding: 0;
}
#portal-siteactions li {
border-right: 1px solid #515e79;
line-height: 1.5em;
margin-right: 0.75em;
padding-right: 0.75em;
}
#portal-siteactions li.last,
#portal-siteactions li:last-child {
border-right: 0 none transparent;
}
#portal-siteactions li a {
color: #515e79;
font-size: 0.9em;
text-transform: uppercase;
}
/* */
#portal-searchbox {
clear: none;
margin: 0;
height: 24px;
}
#portal-searchbox form {
white-space: normal;
}
#portal-searchbox input.searchField {
-moz-appearance: none;
-webkit-appearance: none;
}
#LSResult {
background-color: transparent;
z-index: 900;
}
#searchGadget {
padding: 2px 8px;
width: 100px !important;
-moz-appearance: none;
float: left;
}
#portal-searchbox input[type='submit'] {
border-radius: 0;
text-transform: uppercase;
font-size: 11px;
font-weight: bolder;
float: left;
height: 28px;
padding: 0 11px;
margin-left: 0;
}
.searchSection {
display: none;
}
#LSResult #livesearchLegend {
display: none;
}
#LSResult .livesearchContainer {
background-color: transparent;
border: 0 none transparent;
}
#LSResult .LSIEFix {
background-color: white;
background-color: rgba(255, 255, 255, 0.9);
margin-right: 1.1em;
border-radius: 8px;
}
/* */
#globalnav-wrapper {
position: absolute;
bottom: 0;
right: 0;
}
#portal-globalnav {
margin: 0;
min-height: 44px;
width: 846px;
background-color: #515e79;
}
#portal-globalnav li {
width: 140px;
border-right: 1px solid white;
text-align: center;
padding: 0;
}
#portal-globalnav li a {
text-transform: uppercase;
padding: 0 11px;
height: 44px;
line-height: 44px;
font-size: 11px;
font-weight: bolder;
background-color: #515e79;
color: white;
display: block;
width: auto;
border: none;
transition: all 260ms ease-out;
}
#portal-globalnav li.selected a,
#portal-globalnav li.selected a:hover,
#portal-globalnav li:hover a {
background-color: #DB9B3A;
color: white;
transition: all 260ms ease-out;
}
#portal-globalnav ul.submenu,
#portal-globalnav li.selected ul.submenu {
border: none;
}
#portal-globalnav ul.submenu li {
text-align: left;
border: none;
}
#portal-globalnav ul.submenu li a {
border: none;
border-bottom: solid 1px rgba(255,255,255,.1);
background-color: #DB9B3A;
color: white !important;
transition: all 260ms ease-out;
}
#portal-globalnav ul.submenu li a:hover,
#portal-globalnav li.selected ul.submenu a:hover {
border: none;
border-bottom: solid 1px rgba(255,255,255,.1);
background-color: rgba(219, 155, 59, 0.1);
color: #515E79 !important;
transition: all 260ms ease-out;
}
#portal-globalnav img {
display: none;
}
#globalnav-wrapper #post-sections-clear {
height: 0;
margin-bottom: 0;
}
/* */
#portal-globalnav #portal-personaltools {
background-color: transparent;
border: 0 none transparent;
float: none;
margin: 1.2em 0 0 1em;
padding: 0;
position: static;
width: auto;
}
#portal-globalnav #portal-personaltools #anon-personalbar a {
background-color: transparent;
border: 0 none transparent;
color: white;
display: inline !important;
float: none;
margin: 0;
min-width: 0;
padding: 0;
}
#portal-globalnav #portal-personaltools #anon-personalbar a#personaltools-login {
border-right: 1px solid white;
margin-right: 0.75em;
padding-right: 0.75em;
}
#portal-globalnav #portal-personaltools #anon-personalbar a:hover {
color: #DB9B3A !important;
}
/* */
#portal-breadcrumbs {
color: #999999;
font-weight: bold;
}
#breadcrumbs-you-are-here {
display: none;
}
.portaltype-plone-site #portal-breadcrumbs,
.template-homepage_view #portal-breadcrumbs {
display: none;
}
/* */
.carousel {
background-color: #FAF8F9;
margin-bottom: 6px;
}
.carousel .carousel-banners,
.carousel .carousel-banner {
height: 250px !important;
width: 100% !important;
}
.carousel .carousel-image {
float: left;
margin-right: 3%;
}
.carousel .carousel-image img {
height: 250px !important;
width: 370px !important;
}
.carousel .carousel-text {
background-color: transparent;
padding: 1.5%;
position: static;
width: auto;
}
.carousel .carousel-subtitle {
color: #87A738;
font-size: 0.9em;
font-weight: bold !important;
margin: 0 0 1em 0;
text-transform: lowercase;
}
.carousel .carousel-title {
display: block;
font-size: 1.6em;
line-height: 1.05;
margin: 0 0 11px 0;
}
.carousel .carousel-body {
font-size: 0.85em;
line-height: 1.5em;
margin-bottom: 1em;
}
.carousel .carousel-readmore a {
font-size: 0.85em;
text-transform: lowercase;
}
.carousel .carousel-readmore a .arrow {
color: #DB9B3A;
}
.carousel .carousel-pager {
background-color: black;
background-color: rgba(0, 0, 0, 0.65);
bottom: 0;
left: 0;
line-height: 8px;
margin: 0;
padding: 0.4em 2% 0.5em;
position: absolute;
text-align: right;
width: 96%;
}
.carousel .carousel-pager a {
background-color: #c1c1c0;
display: inline-block;
height: 1px;
line-height: 20px;
padding: 7px 0 0 0;
overflow: hidden;
width: 8px;
border-radius: 4px;
}
.carousel .carousel-pager a.carousel-pager-item-active {
background-color: white !important;
}
/* */
#content {
margin: 0;
}
.documentByLine {
line-height: normal;
}
#content a {
text-decoration: underline;
}
hr {
border: 0;
height: 1px;
color: #ccc;
background-color: #fff;
margin: 0.5em 0 1em 0;
}
.tileItem {
border-bottom: 1px solid #e3e4de;
margin: 1em 0 2em;
padding-bottom: 1em;
}
.tileBody {
margin-top: 0.5em;
}
#content ul {
list-style-image: url(/bullet.gif);
list-style-type: square;
margin: 0.5em 0 0 1.5em;
}
#content h5,
#content h6 {
color: #76797c;
}
table.invisible td,
table.invisible th,
table.plain td,
table.plain th,
table.listing td,
table.listing th {
padding: 2px;
}
/* */
ul.caret-list,
#content ul.caret-list,
dl.portlet ul.caret-list {
list-style-image: url(/++theme++plonetheme.wta/images/bullet-caret.png);
list-style-position: outside;
}
/* */
img {
border: 0 !important;
}
#content div.newsImageContainer p.discreet {
background-color: transparent;
background-image: none;
color: #666666;
font-weight: normal;
line-height: 17px;
position: static;
padding: 0;
}
#content div.newsImageContainer p.discreet,
#content dd.image-caption {
color: #4C9513;
font-size: 0.9em;
line-height: 1.3;
margin-bottom: 0;
margin-left: 0;
margin-top: 5px;
padding: 0;
}
.image-right {
margin: 0 0 10px 15px !important;
}
.image-left {
margin: 0 15px 10px 0 !important;
}
/* */
.boldRedText {
color: #DB9B3A;
font-weight: bold;
}
.boldGreenText {
color: #4c9513;
font-weight: bold;
}
.littleGrayText {
color: #76797C;
font-size: 90%;
}
.littleGreenText {
color: #4c9513;
font-size: 90%;
}
.bigGraphLead {
font-size: 1.25em;
}
.callout {
color: #869B85;
}
#content .pullquote {
background-color: #FAF8F9;
border-left: 4px solid #87A738;
clear: right;
color: #6d6968;
float: right;
font-size: 1em;
font-weight: bold;
letter-spacing: 0 !important;
margin: 0 0 1em 1em;
padding: 0 1em;
width: 35%;
}
#content .pullquote a {
text-decoration: none !important;
}
#content .pullquote span {
font-weight: normal !important;
}
/* */
input[type="text"],
input[type="password"],
input[type="date"],
textarea {
border: 1px solid #ACACAC;
color: #686868;
display: inline-block;
line-height: 18px;
max-width: 97%;
padding: 4px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
transition: border linear 0.2s;
-webkit-transition: border linear 0.2s;
-moz-transition: border linear 0.2s;
-ms-transition: border linear 0.2s;
-o-transition: border linear 0.2s;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus {
background-color: white;
border-color: #A0A0A0;
outline: 0;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(164, 193, 91, 0.6);
}
.field input[type="text"][name$=".title"],
input#title,
#content textarea {
width: 95%;
}
button,
input[type="submit"],
input[type="button"],
input.go-button,
a.go-button,
a.button,
a.huge-button,
#portal-siteactions li#siteaction-donate a,
div.discussion input.standalone {
background-color: #888888;
border: 1px solid #777777;
cursor: pointer;
color: white !important;
display: inline-block;
font-size: 1em;
padding: 0.25em 0.5em;
text-decoration: none !important;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
border-radius: 8px;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
-webkit-appearance: none;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input.go-button:hover,
a.go-button:hover,
a.button:hover,
#content a.go-button:hover,
dl.portlet a.go-button:hover,
#content a.button:hover,
div.discussion input.standalone:hover {
background-color: #999999;
color: white !important;
}
.formControls input[type="submit"],
.formControls input[type="button"],
.formControls a.button,
input.primary-button {
font-size: 1.2em;
margin-right: 0.5em;
}
button,
#portal-searchbox input[type='submit'],
input.go-button,
input.context,
a.go-button,
div.discussion input.standalone {
background-color: #87a738;
border: 1px solid #7A9633 !important;
}
button:hover,
button[disabled],
#portal-searchbox input[type='submit']:hover,
input.go-button:hover,
input.context:hover,
a.go-button:hover,
#content a.go-button:hover,
div.discussion input.standalone:hover {
background-color: #A4C15B;
}
button[disabled] {
cursor: inherit;
}
input.primary-button,
#portal-siteactions li#siteaction-donate a,
a.huge-button {
background-color: #c60011;
-webkit-appearance: none;
}
input.primary-button:hover,
#portal-siteactions li#siteaction-donate a:hover,
a.huge-button:hover,
dl.portlet a.huge-button:hover {
background-color: #900b16;
color: white !important;
}
input.checkboxType {
margin-right: 0.25em;
}
a.huge-button {
border: 0 none transparent;
display: inline-block;
font-size: 1.3em;
margin: 0 0 0 10px;
padding: 0.15em 0;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
.thumb-rating {
float: none !important;
padding: 11px 0 0 0;
position: relative;
}
.thumbs-up {
height: 44px;
line-height: 44px;
padding-left: 11px;
}
.thumbs-up:before {
content: "Did you find this trip report helpful?";
}
.thumbs-up.selected:before {
content: "You found this trip report helpful.";
}
.twothumbs-form.disabled .thumbs-up:before {
content: "people found this trip report helpful." !important;
}
.like-summary {
position: absolute;
left: 29px;
top: 23px;
}
.total-thumbs-up {
position: relative;
left: -50%;
top: -50%;
}
.total-thumbs-up .tally-total {
color: white !important;
}
.like-text {
margin-left: 1em;
position: relative;
color: #427597;
text-decoration: underline;
}
form input.like-button {
background: none !important;
border: none;
padding: 0;
border-radius: 0;
box-shadow: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.thumbs-up .like-text:after {
content: "Yes";
}
.thumbs-up.selected .like-text:after {
content: "Cancel";
}
/* */
.documentActions {
text-align: right;
}
#content .documentActions li {
display: inline;
font-size: 0.9em;
margin: 0 0.5em;
padding: 0 0.25em;
}
#content .documentActions li a,
#content .documentActions li a:link,
#content .documentActions li a:visited {
border: 0 none transparent;
}
/* */
dl.portlet {
background-color: #faf8f9;
margin-bottom: 6px;
border-radius: 8px 8px 0 0;
}
dl.portlet dt {
color: white;
font-size: 1.3em;
font-weight: normal;
margin-bottom: 18px !important;
position: relative;
border-radius: 8px 8px 0 0;
}
dl.portlet dt a,
#content dl.portlet dt a {
color: white !important;
text-decoration: none !important;
}
dl.portlet dt a:hover,
#content dl.portlet dt a:hover {
color: white !important;
}
dl.portlet dt .portletTopRight {
background: transparent url(/++theme++plonetheme.wta/images/portlet-arrows.png) scroll no-repeat center 1px;
bottom: -17px;
display: block;
height: 18px;
left: 1em;
position: absolute;
width: 46px;
}
dl.portlet dd.portletItem {
padding-bottom: 0;
padding-top: 0.5em;
}
dl.portlet dd.portletItem:last-child {
padding-bottom: 1em;
}
dl.portlet dt .more {
float: right;
font-size: 0.8em;
line-height: 1.7;
margin: 0 0 0 1em;
text-transform: lowercase;
}
dd.portletFooterLinks {
color: #DB9B3A;
padding-top: 0 !important;
text-align: center;
}
dd.portletFooterLinks a {
white-space: nowrap;
}
dd.portletFooterLinks a {
text-decoration: none !important;
}
h4.portlet-subheading {
font-weight: bold !important;
line-height: 1.2em;
}
h4.portlet-subheading a {
color: #466997 !important;
}
#content dl.portlet {
font-size: 1em;
margin-bottom: 6px !important;
}
#content dl.portlet dt {
font-weight: normal;
}
#content dl.portlet dd {
margin: 0;
}
dl.portlet-rightalign dt {
text-align: right;
}
dl.portlet-rightalign dt .portletTopRight {
left: auto;
right: 1em;
}
.portletItemDetails {
margin: 0;
padding-top: 0;
}
dl.portlet select {
max-width: 100%;
}
#portal-column-two > div {
border-bottom: 1px solid #DB9B3A;
margin-bottom: 6px;
}
#portal-column-two > div:first-child,
#portal-column-two > div:last-child  {
border-bottom: 0 none transparent;
margin-bottom: 0;
}
#portal-column-two > div:last-child dl.portlet {
margin-bottom: 0 !important;
}
/* */
dl.portlet-blue dt,
dl.portlet-blue .portletColor,
dl.portlet-blue-reverse .portletColor {
background-color: #505e79;
}
dl.portlet-blue dt .portletTopRight,
dl.portlet-blue-reverse dt .portletTopRight {
background-position: center top;
}
dl.portlet-green dt,
dl.portlet-green .portletColor,
dl.portlet-green-reverse .portletColor {
background-color: #87a738;
}
dl.portlet-green dt .portletTopRight,
dl.portlet-green-reverse dt .portletTopRight {
background-position: center -20px;
}
dl.portlet-orange dt,
dl.portlet-orange .portletColor,
dl.portlet-orange-reverse .portletColor {
background-color: #db9b3a;
}
dl.portlet-orange dt .portletTopRight,
dl.portlet-orange-reverse dt .portletTopRight {
background-position: center bottom;
}
dl.portlet-blue-reverse dt,
dl.portlet-green-reverse dt,
dl.portlet-orange-reverse dt {
background-color: transparent;
padding-bottom: 0;
}
dl.portlet-blue-reverse dt,
dl.portlet-blue-reverse dt a,
dl.portlet-blue-reverse dt a:hover,
#content dl.portlet-blue-reverse dt,
#content dl.portlet-blue-reverse dt a,
#content dl.portlet-blue-reverse dt a:hover {
color: #466997 !important;
}
dl.portlet-green-reverse dt,
dl.portlet-green-reverse dt a,
dl.portlet-green-reverse dt a:hover,
#content dl.portlet-green-reverse dt,
#content dl.portlet-green-reverse dt a,
#content dl.portlet-green-reverse dt a:hover {
color: #87a738 !important;
}
dl.portlet-orange-reverse dt,
dl.portlet-orange-reverse dt a,
dl.portlet-orange-reverse dt a:hover,
#content dl.portlet-orange-reverse dt,
#content dl.portlet-orange-reverse dt a,
#content dl.portlet-orange-reverse dt a:hover {
color: #db9b3a !important;
}
/* */
div.portletStaticText {
font-size: 0.8em;
margin-bottom: 6px;
}
dl.portletStaticText p,
div.portletStaticText p,
dl.portlet-doc-view p {
margin-bottom: 0.7em;
}
dl.portletStaticText ul,
div.portletStaticText ul,
dl.portlet-doc-view ul {
margin-left: 1.5em;
}
dl.portletStaticText dd.portletItem:last-child,
dl.portlet-doc-view dd.portletItem:last-child {
margin-bottom: 0.5em;
}
dl.portletStaticText dd.portletItem .portletBottomLeft {
clear: both;
display: block;
}
/* */
.portletNavigationTree ul {
list-style-image: url(/++theme++plonetheme.wta/images/bullet-caret.png);
}
dl.portlet ul.navTreeLevel0 > .navTreeItem {
border-bottom: 0 none transparent;
line-height: 1em;
margin-left: 3em;
padding: 0 1em 0 1em;
}
#portal-column-one dl.portletNavigationTree ul li a,
#portal-column-two dl.portletNavigationTree ul li a {
background-image: none !important;
line-height: 1.5em;
padding-left: 0 !important;
}
/* */
.portletLogin input[type="text"],
.portletLogin input[type="password"] {
width: 80% !important;
}
.portletLogin .formControls {
margin-left: 0;
}
/* */
dl.portletCollection dd.portletItem img,
dl.portletEvents dd.portletItem img {
display: none;
}
dl.portletCollection a.tile,
dl.portletEvents a.tile {
font-weight: bold;
}
dl.portletCollection a.tile span.portletItemDetails,
dl.portletEvents a.tile span.portletItemDetails {
font-weight: normal;
}
dl.portletCollection dd.portletFooter,
dl.portletEvents dd.portletFooter {
text-align: right;
}
/* */
.portletBlog .blog-post {
float: left;
margin-left: 11px;
width: 150px;
}
.portletBlog .post-image,
.portletBlog .post-image img {
width: 100%;
}
.portletBlog .post-image {
float: left;
margin-bottom: 0.15em;
}
.portletBlog .blog-post-0 {
margin-left: 0 !important;
}
/* */
.portletHikeOfWeek .hike-thumbnail {
float: right;
margin: 0 0 1em 1em;
}
.portletHikeOfWeek h4.portlet-subheading {
margin-top: 0;
}
.portletHikeOfWeek .region-name a {
font-style: italic;
text-decoration: none !important;
}
.portletHikeOfWeek h4.portlet-subheading a {
font-size: 1.091em;
}
/* */
.portletLatestTripReports ul {
list-style-type: none;
margin-bottom: 0.75em;
}
.portletLatestTripReports ul li div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.portletLatestTripReports ul li .date {
display: inline-block;
margin-right: 0.5em;
text-align: right;
width: 3em;
border: none;
font-size: inherit;
padding: 0;
}
.portletLatestTripReports ul li a img {
vertical-align: middle;
}
/* */
.portletTrailWorkParties ul {
list-style-type: none;
margin-bottom: 0.75em;
}
.portletTrailWorkParties ul li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.portletTrailWorkParties ul li .date {
display: inline-block;
margin-right: 0.5em;
text-align: right;
width: 3em;
border: none;
font-size: inherit;
padding: 0;
}
.portletTrailWorkParties .capacity {
border: 1px solid #999999;
display: inline-block;
height: 8px;
position: relative;
width: 15px;
}
.portletTrailWorkParties .capacity-unlimited {
background-color: #87A738;
background-image: url(/++theme++plonetheme.wta/images/unlimited-stripe.png);
}
.portletTrailWorkParties .filled {
height: 8px;
left: 0;
position: absolute;
top: 0;
}
.portletTrailWorkParties .filled-green {
background-color: #87A738;
}
.portletTrailWorkParties .filled-orange {
background-color: #E0A400;
}
.portletTrailWorkParties .filled-red {
background-color: #C60011;
}
/* */
dl.portlet-email-capture dd.portletFooter {
padding-bottom: 0.5em;
padding-top: 0.5em;
}
.portlet-email-capture dd.portletFooter input[type="text"] {
margin-right: 1em;
width: 70%;
}
/* */
dl.portletTrailNews {
background: #FAF8F9 url(/++theme++plonetheme.wta/images/trail-news.jpg) scroll no-repeat 10px 10px;
}
dl.portletTrailNews dd.portletItem {
color: #be7621;
font-size: 0.9em;
padding-bottom: 1em;
padding-left: 150px !important;
}
dl.portletTrailNews dd.portletItem p {
margin-bottom: 0;
}
/* */
.portletSocialMediaLinks {
text-align: right;
}
.portletSocialMediaLinks h3 {
display: inline;
}
.portletSocialMediaLinks img {
margin-left: 0.5em;
}
/* */
div.portletAd {
margin-bottom: 6px;
}
/* */
.portletDonate {
margin-bottom: 1em;
text-align: right;
}
.portletDonate h3 {
display: inline-block;
line-height: 1.1em;
margin-bottom: 0;
vertical-align: middle;
}
.portletDonate a.huge-button {
width: 158px;
}
.portletDonate a.more-ways-to-give {
font-size: 0.8em;
}
/* */
#portal-footer {
background-color: #515e79;
color: white;
line-height: 1.5em;
margin-top: 1em;
padding: 1.5%;
}
#portal-footer a,
#portal-footer a:visited {
color: white !important;
}
#portal-footer a:hover {
color: #b8d572 !important;
}
#portal-footer a.mainTabContent {
font-size: 1.3em;
text-transform: uppercase;
}
#portal-footer li {
float: left;
margin-right: 2.5em;
}
#portal-footer ul.submenu,
#portal-footer .vcard,
#portal-footer .vcard .facebook {
margin-top: 0.5em;
}
#portal-footer li li {
clear: left;
margin-left: 0;
}
#portal-logo-footer {
float: right;
}
#portal-logo-footer img {
height: auto !important;
}
/* */
body.template-login_form #content {
text-align: left;
}
#login-form-wrapper {
background-color: #FAF8F9;
float: left;
margin-right: 2em;
padding: 2%;
text-align: center;
width: 45%;
}
#login-info-wrapper {
float: right;
width: 48%;
}
#login-info-wrapper a.go-button {
font-size: 1.5em;
}
#email-login-warning {
margin-bottom: 2em;
background-color: #ddd;
padding: .2em.25em;
}
/* */
#social-media-viewlet {
font-size: 0.8em;
z-index: 15;
}
.social-links {
height: 32px;
}
.social-link {
display: block;
width: 38px;
float: left;
}
.social-link a {
display: block;
height: 32px;
width: 32px;
}
#icon-fb {
background-image: url(/++theme++plonetheme.wta/images/icon-fb.jpg);
}
#icon-twitter {
background-image: url(/++theme++plonetheme.wta/images/icon-twitter.jpg);
}
#icon-rss {
background-image: url(/++theme++plonetheme.wta/images/icon-rss.jpg);
}
#give-block {
clear: both;
margin-top: 2em;
}
#hp-donate-button {
display: block;
width: 121px;
height: 36px;
background-image: url(/++theme++plonetheme.wta/images/donate.jpg);
}
.discussion h2 { font-size: 100%;}
/* */
.tagSize1,
.tagSize2,
.tagSize3,
.tagSize4,
.tagSize5 {
border: 0 none transparent !important;
display: block;
margin-bottom: 0.5em;
}
/* */
#edit-bar-wrapper,
#edit-bar,
#content-views,
#contentActionMenus,
#contentActionMenus dl.actionMenu a,
#contentActionMenus dl.actionMenu.activated dd {
background-color: #87A738;
border-color: #87A738;
}
#edit-bar-wrapper {
position: relative;
z-index: 1000;
}
#edit-bar {
font-size: 0.75em;
margin-bottom: 0;
border-radius: 0;
}
#portlet-prefs ul {
list-style-image: none;
list-style-type: none;
}
#contentActionMenus dt.actionMenuHeader a:hover {
color: white !important;
}
#content fieldset {
border-top: 0.1em solid #ccc;
}
body#plonelink #content,
body#ploneimage #content {
margin: 0;
padding-top: 0;
}
body#plonelink #content .field,
body#plonelink #content fieldset,
body#ploneimage #content .field,
body#ploneimage #content fieldset {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
body#plonelink #content .formControls,
body#ploneimage #content .formControls {
margin-top: 0.5em;
}
.mcePageBreak {
height: 12px !important;
}
/* */
.section-trail-news-signup #content img.image-right {
-moz-box-shadow:0 0 5px 0 black;
-o-box-shadow:0 0 5px 0 black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px;
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
}
/* */
.section-action .pullquote {
width: 50%;
}
/* */
.wizard-buttons {
text-align: left;
}
/* */
.template-homepage_view #content #plone-document-byline,
.template-homepage_view .documentActions {
display: none;
}
.template-homepage_view #content-core .portletFeaturedPhoto {
float: left;
min-height: 320px;
width: 48.5%;
}
.template-homepage_view #content-core .portletHikeOfWeek {
float: right;
min-height: 320px;
width: 48.5%;
}
.template-homepage_view #content dl.portletHomepageContent {
border: 1px solid #DB9B3A;
clear: both;
margin-bottom: 0 !important;
}
.template-homepage_view #content .portletHomepageContent div.newsImageContainer {
float: left;
margin-left: 0;
width: 150px;
}
.template-homepage_view #parent-fieldname-text {
margin-left: 170px;
margin-top: -5px;
}
.template-homepage_view #parent-fieldname-text h2 {
margin-top: 0;
}
.template-homepage_view .portletBlog {
border-bottom: 1px solid #DB9B3A;
}
.template-homepage_view .portletBlog .portletItem {
border-bottom: 6px solid white;
}
.template-homepage_view #homepage-content-wrapper {
border-top: 1px solid #DB9B3A;
padding-top: 6px;
}
.template-homepage_view h1.hiddenStructure {
display: none;
}
.template-homepage_view #content-core {
border-top: 1px solid #DB9B3A;
padding-top: 6px;
}
/* */
.section-wta-home.template-atct_edit #portal-column-two {
display: none;
}
.section-wta-home.template-atct_edit #portal-column-content {
width: 68%;
}
/* */
.sharebuttons {
background-color: #faf8f9;
clear: both;
margin: 0.5em 0;
}
.sharebuttons .wrapper {
float: left;
min-width: 100px;
padding: 1em 0;
}
.template-hike_view .sharebuttons .wrapper,
.template-tripreport_view .sharebuttons .wrapper {
min-width: 40px;
margin: 0 1em;
}
.sharebuttons .twitter-wrapper a {
display: none;
}
#content .sharebuttons a.mail {
border-bottom: 0 none transparent !important;
}
#content .sharebuttons a.mail img {
margin-top: 1px;
}
#content .sharebuttons .comments-wrapper a {
color: #87A738 !important;
text-decoration: none;
}
#content .sharebuttons .comment-count {
background: transparent url(/++theme++plonetheme.wta/images/comment-bubble.png) scroll no-repeat center center;
color: white !important;
float: left;
height: 22px;
font-size: 0.8em;
line-height: 15px;
margin: 2px 0.75em -2px 0;
text-align: center;
width: 29px;
}
.template-hike_view #content .sharebuttons .comments-wrapper,
.template-tripreport_view #content .sharebuttons .comments-wrapper {
display: none;
}
div#commenting.reply {
display:none;
}
/* */
.template-blogentry_view button.reply-to-comment-button {
display:none !important;
}
.template-blog_view #viewlet-below-content-title {
display: none;
}
.template-blog_view #content-core .tileImage {
margin-right: 0;
}
.template-blog_view .documentByLine .separator,
.template-blog_view .documentByLine .permalink {
display: none;
}
/* */
.template-blogentry_view .documentByLine .separator,
.template-blogentry_view .documentByLine .permalink {
display: none;
}
.template-blogentry_view #content div.newsImageContainer p.discreet,
.template-blog_view #content div.newsImageContainer p.discreet,
.template-blog_view #content div.newsImageContainer {
width: 250px;
}
.template-blogentry_view #viewlet-below-content fb\3a like,
.template-blogentry_view #viewlet-below-content like,
.template-hike_view #viewlet-below-content fb\3a like,
.template-hike_view #viewlet-below-content like {
display: none;
}
/* */
#subscribe-button {
float: right;
margin-left: 1em;
}
#content #subscribe-button a {
font-size: 1.15em;
text-decoration: none;
}
/* */
li#backpack-nav {
background-color: #db9b3a;
width: 160px;
position: relative;
padding: 0;
text-align: center;
border-right: none;
}
li#backpack-nav a {
display: block;
color: white;
font-size: 12px;
height: 44px;
line-height: 44px;
padding: 0 11px;
}
li#backpack-nav > a {
padding-left: 0;
}
li#backpack-nav a:hover {
color: white !important;
}
li#backpack-nav a:focus img {
outline: none;
}
#backpack-usermenu {
position: absolute;
left: -999em;
width: 100%;
background-color: #db9b3a;
z-index: 999;
text-align: left;
}
#backpack-nav:hover #backpack-usermenu {
left: 0;
}
#backpack-usermenu a {
display: block;
transition: all 260ms ease-out;
}
li#backpack-nav #backpack-usermenu a:hover {
background-color: rgba(255, 255, 255, .9);
color: #515E79 !important;
}
li#nav-toggle {
display: none;
}
.author-tripreports-list .visualClear {
clear: left;
}
/* */
.section-mobile #portal-breadcrumbs,
.section-mobile #content .documentByLine,
.section-mobile #siteactions,
.section-mobile #globalnav-wrapper,
.section-mobile #backpack-nav,
.section-mobile #portal-footer-wrapper,
.section-mobile #content .documentActions {
display: none;
}
.section-mobile #content {
padding: 0 .1em 0 0.25em;
}
.section-mobile #content h1 {
line-height: 1em;
}
@media screen and (min-width: 980px) {
.hide-desktop {
display: none;
}
#portal-globalnav li:last-child {
border-right: none;
width: 138px;
}
}
/* */
@media screen and (max-width: 979px) {
#visual-portal-wrapper {
width: 100%;
padding: 0 11px;
box-sizing: border-box;
}
img {
height: auto !important;
max-width: 100%;
}
/* */
#content dl.captioned,
#content dd.image-caption {
max-width: 100% !important;
}
#map_canvas img,
.googleMapView img {
max-width: none;
}
.carousel .carousel-banners,
.carousel .carousel-banner {
height: 200px !important;
}
.carousel .carousel-image img {
height: 200px !important;
width: 296px !important;
}
.carousel .carousel-text {
font-size: 0.9em;
}
.carousel .carousel-title {
font-size: 1.2em;
}
.portletBlog .blog-post {
margin-left: 7px;
width: 120px;
}
dl.portletTrailNews {
background-image: none;
}
dl.portletTrailNews dd.portletItem {
padding-left: 1em !important;
}
.portletSocialMediaLinks h3 {
display: block;
margin-top: 0;
}
#login_form .field label {
display: block;
text-align: center;
width: auto;
}
.portlet-email-capture dd.portletFooter input[type="text"] {
width: 68%;
}
.template-homepage_view #content-core .portletFeaturedPhoto,
.template-homepage_view #content-core .portletHikeOfWeek {
min-height: 0;
}
.photo-info {
border-top: 0 none transparent;
clear: left;
float: none;
width: 100%;
}
.portletDonate a.huge-button {
margin: 0.5em 0 0.25em;
max-width: 100%;
}
.portletDonate br {
display: none;
}
.portletDonate a.more-ways-to-give {
display: block;
top: 0;
}
#portal-footer li {
margin-right: 1.5em;
}
#portal-footer .city-state-zip {
display: block;
}
#portal-header {
background: #303848;
}
#portal-logo {
height: 66px;
width: 57px;
}
#portal-logo img {
width: auto;
height: 100% !important;
}
#siteactions {
position: static;
float: right;
}
#siteactions li {
display: none;
background: transparent;
}
li#backpack-nav {
display: block;
position: static;
width: auto;
}
li#backpack-nav a {
height: 66px;
line-height: 66px;
}
li#backpack-nav > a:after {
content: '\25be';
}
.avatar#portrait {
width: 66px !important;
margin-top: -2px;
background-color: #737e93 !important;
float: none !important;
margin-right: 10px !important;
}
#backpack-usermenu {
left: 0;
max-height: 0;
overflow: hidden;
transition: all 260ms ease-out;
}
#backpack-usermenu.on {
max-height: 1000px;
transition: all 260ms ease-out;
}
#backpack-usermenu a {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
li#nav-toggle {
display: block;
float: right;
width: 66px;
height: 66px;
text-align: center;
line-height: 66px;
padding: 0;
border-left: 1px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
}
li#nav-toggle:before {
color: white;
content: "\2630";
display: block;
width: 100%;
height: 100%;
}
#globalnav-wrapper {
position: static;
max-height: 0;
transition: all 260ms ease-out;
overflow: hidden;
}
#globalnav-wrapper.on {
max-height: 1000px;
transition: all 260ms ease-out;
}
#portal-globalnav li {
display: block;
width: auto;
float: none;
text-align: left;
}
#portal-globalnav li.has-submenu > a:after {
content: ' \25be';
}
#portal-globalnav li a {
background-color: #303848;
height: 66px;
line-height: 66px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#portal-globalnav li:hover > a {
background-color: #fff;
color: #515E79 !important;
}
#portal-globalnav li.selected:hover > a {
background-color: #DB9B3A;
color: #fff !important;
}
#portal-globalnav ul.submenu {
position: static;
width: 100%;
max-height: 0;
transition: all 260ms ease-out;
}
#portal-globalnav ul.submenu li {
display: none;
}
#portal-globalnav li.has-submenu.on ul.submenu li {
display: block;
}
#portal-globalnav ul.submenu li a {
background-color: #404b60;
height: 49.5px;
line-height: 49.5px;
color: white !important;
}
#portal-globalnav ul.submenu li a:hover,
#portal-globalnav li.selected ul.submenu a:hover {
background-color: #fff;
}
#portal-globalnav li.has-submenu.on ul.submenu {
max-height: 1000px;
transition: all 260ms ease-out;
}
li#mobile-search a {
background-color: #202530;
}
}
/* */
@media screen and (max-width: 767px) {
.hidden-480 {
display: none !important;
}
.carousel .carousel-banners,
.carousel .carousel-banner {
height: 400px !important;
width: 100% !important;
}
.carousel .carousel-image {
margin: 0 0 0.75em 0;
}
.carousel .carousel-image img {
height: 223px !important;
width: 100% !important;
}
.carousel .carousel-text {
font-size: 0.9em;
}
.carousel .carousel-title {
font-size: 1.2em;
}
dl.portlet dt {
font-size: 1.1em;
margin-bottom: 10px !important;
}
dl.portlet dt .portletTopRight {
bottom: -10px;
height: 11px;
width: 25px;
}
dl.portlet-blue dt .portletTopRight,
dl.portlet-blue-reverse dt .portletTopRight {
background-position: center -7px;
}
dl.portlet-green dt .portletTopRight,
dl.portlet-green-reverse dt .portletTopRight {
background-position: center -27px;
}
.portletBlog .blog-post {
margin-left: 14px;
width: 145px;
}
.portletBlog .blog-post-2 {
clear: left;
margin-left: 0 !important;
}
dl.portlet dt .more {
display: none;
}
.portlet-email-capture dd.portletFooter input[type="text"] {
width: 50%;
}
.portletSocialMediaLinks img {
margin: 0;
}
#footer-tabs > li {
clear: left;
margin-bottom: 1em;
}
#portal-footer {
position: relative;
}
#portal-logo-footer {
position: absolute;
right: 1.5%;
top: 1.5%;
}
.template-hike_view #portal-columns > div {
clear: left !important;
margin-left: -100% !important;
width: 100% !important;
}
.template-hike_view .hike-book {
max-width: 40%;
}
dl.portletHikeOfWeek .hike-thumbnail {
float: none;
margin-left: 0;
}
.template-homepage_view #parent-fieldname-text {
margin-left: 0;
}
a.huge-button {
font-size: 1.5em;
}
.template-iframe_view #portal-column-content,
.template-iframe_view #portal-column-one,
.template-iframe_view #portal-column-two {
clear: left !important;
margin-left: -100% !important;
width: 100% !important;
}
.template-iframe_view #portal-columns {
background-image: none !important;
}
}
/* */
@media print {
* {
box-shadow: none !important;
}
div.width-full,
div.width-1\3a 4,
div.width-1\3a 2,
div.width-3\3a 4 {
margin: 0 !important;
position: static !important;
width: auto !important;
}
#portal-column-one,
#portal-column-two,
#edit-bar-wrapper,
#portal-breadcrumbs,
div.sharebuttons {
display: none !important;
}
#portal-logo {
border: 0 none transparent !important;
display: block !important;
margin: 0 !important;
position: static !important;
}
#portal-logo img {
height: 100px !important;
width: auto !important;
}
}
a#trail-maintained-link {
display: block;
margin: 1em 0 !important;
border: 1px solid #CA5303 !important;
padding: 5px !important;
background-color: #FAFAE1 !important;
font-weight: bold;
line-height: normal;
text-decoration: none;
color: black !important;
text-align: center;
}
.years-maintained { color: #7D1021 !important; }
a#trail-maintained-link:hover {
background-color: white !important;
text-decoration: underline !important;
}
.pfg-embedded input[type="submit"] { display: none; }
.highlightedSearchTerm { background-color: transparent; }
.n-wrapper {
margin-top: -63px;
font-size: 1.15em;;
}
.n-wrapper #globalnav-wrapper a { text-decoration: none;}
.n-wrapper #globalnav-wrapper { margin: 0;}
.n-wrapper #portal-globalnav {
list-style: none;
height: 35px;
}
/* */
*+html #portal-top,
*+html #portal-header,
*+html #globalnav-wrapper,
*+html #portal-globalnav,
*+html #portal-logo,
*+html .carousel-pager-item,
*+html #portal-column-two > div {
zoom: 1;
}
*+html #portal-searchbox {
margin-top: 0.5em;
}
*+html #LSResult {
margin-top: 1.5em;
}
*+html #LSResult .LSIEFix,
*+html #portal-globalnav ul.submenu li a:hover,
*+html #portal-globalnav li.selected ul.submenu li a:hover {
background-color: white;
}
*+html #portal-globalnav ul.submenu,
*+html #portal-globalnav li.selected ul.submenu {
background-color: #DB9B3A;
}
*+html .carousel .carousel-pager {
background-color: black;
padding-top: 0;
}
#footer-tabs .state-published img { display: none; }
.item.ReportDelete {
background-color: #fdc;
}
input.destructive {
background-color: crimson;
}
/* */
#content .gsc-control-cse {
padding: 0;
}
#content .gsc-control-cse * {
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Arial, sans-serif;
}
#content .gsc-control-cse .gsc-result-info {
color: #666;
font-size: 85%;
font-weight: normal;
}
#content .gsc-results .gsc-cursor-box {
font-size: 100%;
border-top: 1px solid #ADACAC;
border-bottom: 1px solid #ADACAC;
padding: 4px 0;
margin: 1em 0;
}
#content .gsc-results .gsc-cursor-box .gsc-cursor-page {
text-decoration: none;
padding: 0.25em 0.5em;
}
#content .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
color: #DB9B3A;
background-color: transparent;
border: none;
text-shadow: none;
}
#content .gsc-location {
display: none;
}