/* i - T u l D e s i g n & S o f t w a r e
---------------------------------------------
3009 Douglas Blvd, Suite 130
Roseville, CA 95661 - 916.749.1500
http://www.i-tul.com
`::`
``
.::.
..` `--` `.`
`-:` `..` -:.
`::- ::::` .::.
.-. `` `--. `` `--`
-:::` ``````` -:::`
`-:-` `.-::::::/::::--` .-:-
`-:/::::::::::::/:::-`
-::::-.``` ``..::/:::-`
`..` `-:::::.
.--::--` `-:/::.
.::/::::::. -/:::`
./:::::::. `::::.
``/::::::- ::::-
-:::/::::/:::. `::::.
`-::::::::::- -::::`
`-::::::.` -/:::.
.::::.
`-
SASS - GENERATED FILE - DO NOT EDIT
--------------------------------------------- */
[class*=sprite] {
display: inline-block;
vertical-align: middle;
}
[class*=sprite-icons] {
background: url('../images/sprite_icons_43x34.png') no-repeat left top;
width: 43px;
height: 34px;
}
.sprite-icons-hike {
background-position: left 0px;
}
.sprite-icons-camp {
background-position: left -34px;
}
.sprite-icons-horseback {
background-position: left -68px;
}
.sprite-icons-bike {
background-position: left -102px;
}
.sprite-icons-faucet {
background-position: left -136px;
}
.sprite-icons-restroom {
background-position: left -170px;
}
.sprite-icons-print {
background-position: left -204px;
}
.sprite-icons-dropplet {
background-position: left -238px;
}
.sprite-icons-rvhook {
background-position: left -272px;
}
.sprite-icons-electrical {
background-position: left -306px;
}
.sprite-icons-corral {
background-position: left -340px;
}
.sprite-icons-highlines {
background-position: left -374px;
}
[class*=sprite-sm-icons] {
background: url('../images/sprite_icons_23x18.png') no-repeat left top;
width: 23px;
height: 18px;
}
.sprite-sm-icons-hike {
background-position: left 0px;
}
.sprite-sm-icons-camp {
background-position: left -18px;
}
.sprite-sm-icons-horseback {
background-position: left -36px;
}
.sprite-sm-icons-bike {
background-position: left -54px;
}
.sprite-sm-icons-faucet {
background-position: left -72px;
}
.sprite-sm-icons-restroom {
background-position: left -90px;
}
.sprite-sm-icons-print {
background-position: left -108px;
}
.sprite-sm-icons-dropplet {
background-position: left -126px;
}
.sprite-sm-icons-rvhook {
background-position: left -144px;
}
.sprite-sm-icons-electrical {
background-position: left -162px;
}
.sprite-sm-icons-corral {
background-position: left -180px;
}
.sprite-sm-icons-highlines {
background-position: left -198px;
}
html {
font-size: 62.5%;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Oswald', sans-serif;
}
a {
color: #0b4a4b;
}
body {
font-size: 1.4rem;
}
input, select, textarea {
background-color: #fff;
color: #333;
/*body.admin-bar {padding-top:32px;
@media screen and (max-width:782px) {padding-top:46px;#wpadminbar {min-width:260px !important;}}
@media screen and (max-width:600px) {#wp-admin-bar-comments {display:none !important;}}
@include respond-to(small) {padding-top:0;
#wpadminbar {display:none;}
}
}*/
}
.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
.aligncenter {
display: block;
margin: 0 auto 20px;
}
.lbl {
font-size: 1.2rem;
margin-bottom: 0;
font-weight: 700;
}
.lbl.req::after {
content: '*';
color: #f00;
}
.reset, .left-off-canvas-menu > nav > ul, .left-off-canvas-menu > nav > ul .sub-menu, .left-off-canvas-menu > nav > ul .children, #masthead #menu-bar #main-menu > li .sub-menu, #widget-area .quick-links ul {
list-style: none;
margin: 0;
padding: 0;
}
.ucase {
text-transform: uppercase;
}
.img-responsive, #widget-area img {
max-width: 100%;
height: auto;
}
.font-normal {
font-weight: normal;
}
.text-orange {
color: #f78f1e;
}
.rating-thumb {
opacity: 0.75;
}
.rating-thumb:hover {
opacity: 1;
}
.rating-thumb.active {
opacity: 1;
}
.rating-thumb a:hover {
text-decoration: none;
}
.rating-thumb .on {
display: none;
}
.rating-thumb.active .up, .rating-thumb.active .down {
display: none;
}
.rating-thumb.active .on {
display: inline;
}
.abs-left {
position: relative;
top: 25px;
left: -22px;
}
.abs-left-sml {
position: relative;
top: 25px;
left: -10px;
font-size: 10px;
}
.btn {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-orange {
background: #f78f1e;
color: #fff !important;
}
.btn-blue {
background: #0b4a4b;
color: #fff !important;
}
.btn-fat {
padding: 10px 30px;
}
.btn-border-none {
border: 0;
}
.os {
font-family: 'Open Sans', sans-serif;
}
.btn-sm-submit-trial {
margin-top: -10px;
z-index: 2;
position: relative;
}
.btn-submit-trail {
margin-top: 20px;
}
.invalid {
border-color: #c00;
border-width: 1px;
background-color: #fee;
}
.btn-group > .btn-border-none:last-child:not(:first-child) {
border-left: 2px solid #2d2d2d;
}
.weight-normal {
font-weight: 400 !important;
}
.cf, .homepage #whats-new .latest-posts, .homepage #whats-new .ad-space {
*zoom: 1;
}
.cf:before, .homepage #whats-new .latest-posts:before, .homepage #whats-new .ad-space:before, .cf:after, .homepage #whats-new .latest-posts:after, .homepage #whats-new .ad-space:after {
content: '';
display: table;
}
.cf:after, .homepage #whats-new .latest-posts:after, .homepage #whats-new .ad-space:after {
clear: both;
}
.field_wrapper .req {
color: #f00;
margin-left: 2px;
}
.field_wrapper .field_name {
float: left;
font-size: 1.2rem;
margin-bottom: 0;
font-weight: 700;
}
.field_wrapper .field_input {
clear: both;
}
.field_wrapper .validation_error {
float: left;
margin-top: -1px;
}
.field_wrapper .validation_error p {
float: left;
margin: 3px 0 0 6px;
font-size: 1rem;
font-style: italic;
color: #f00;
}
.modal {
overflow: hidden;
}
.modal#video {
background: none;
border: 0;
box-shadow: none;
}
.modal iframe {
border: 0;
}
.modal label, .modal [type=text], .modal [type=password] {
width: 100%;
font-size: 1.2rem;
}
.modal [type=text], .modal [type=password] {
font-weight: 400;
padding: 5px;
}
.modal #status {
overflow: hidden;
}
.modal .next, .modal .prev, .modal .close {
text-shadow: 0px 0px 1px #000;
}
.modal .close {
font-size: 30px;
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
.stButton .stButton_gradient, .stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
height: auto !important;
}
.stButton {
padding: 0;
margin: 0 !important;
width: 16px;
height: 16px;
}
.social-btns [class*=st_] {
display: inline-block;
width: 16px;
height: 16px;
}
.chicklets {
width: 16px;
border-radius: 3px;
padding: 0 !important;
}
iframe.twitter-tweet {
width: 100%;
max-width: 100% !important;
}
blockquote.twitter-tweet {
margin: 0;
padding: 0;
border: 0;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modal-canvas {
z-index: -1;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
transition: all 500ms ease-out;
}
.modal-canvas .modal-box {
position: absolute;
top: -100%;
left: 0;
right: 0;
margin: 0 auto;
padding: 20px;
background-color: #fff;
transition: all 500ms ease-out;
max-width: 600px;
width: 80%;
max-height: 100%;
}
.modal-canvas .modal-close {
position: absolute;
top: 0;
right: 0;
display: inline-block;
background-color: #fff;
height: 40px;
width: 40px;
border-radius: 20px;
text-align: center;
text-decoration: none;
font: 800 32px/36px sans-serif;
color: #d00;
}
.modal-canvas .modal-close:hover {
background-color: #d00;
color: #fff;
}
.modal-canvas:target {
z-index: 99;
background-color: rgba(0, 0, 0, .2);
opacity: 1;
visibility: visible;
}
.modal-canvas:target .modal-box {
top: 10%;
bottom: 10%;
}
.directions-inner {
overflow: auto;
max-height: calc(100% - 40px);
}
#main-content {
position: relative;
z-index: 2;
}
.off-canvas-wrap, .inner-wrap {
position: relative;
width: 100%;
}
.move-right > .inner-wrap {
-webkit-transform: translate3d(83.5%, 0, 0);
-moz-transform: translate3d(83.5%, 0, 0);
-ms-transform: translate3d(83.5%, 0, 0);
-ms-transform: translate(83.5%, 0);
-o-transform: translate3d(83.5%, 0, 0);
transform: translate3d(83.5%, 0, 0);
}
.move-left > .inner-wrap {
-webkit-transform: translate3d(-83.5%, 0, 0);
-moz-transform: translate3d(-83.5%, 0, 0);
-ms-transform: translate3d(-83.5%, 0, 0);
-ms-transform: translate(-83.5%, 0);
-o-transform: translate3d(-83.5%, 0, 0);
transform: translate3d(-83.5%, 0, 0);
}
.left-off-canvas-menu, .right-off-canvas-menu {
width: 84%;
}
.left-off-canvas-toggle, .right-off-canvas-toggle {
font-family: 'Genericons' !important;
position: absolute;
z-index: 1;
width: 39px;
height: 39px;
padding: 10px;
}
.left-off-canvas-toggle.left-off-canvas-toggle, .right-off-canvas-toggle.left-off-canvas-toggle {
margin: -5px 0 0 8px;
}
.left-off-canvas-toggle.right-off-canvas-toggle, .right-off-canvas-toggle.right-off-canvas-toggle {
right: 0;
margin-top: -5px;
}
.left-off-canvas-toggle:hover, .right-off-canvas-toggle:hover {
color: red;
}
.left-off-canvas-toggle::before, .right-off-canvas-toggle::before {
font-size: 1.9rem;
position: absolute;
}
.mobile-menu-toggle {
position: absolute;
}
.left-off-canvas-menu .brand-mobile {
text-align: center;
background: #fff;
padding: 10px 0;
}
.left-off-canvas-menu .brand-mobile img {
height: 100px;
}
.left-off-canvas-menu > nav > ul {
margin-left: 3px;
}
.left-off-canvas-menu > nav > ul a {
display: block;
color: #fff;
}
.left-off-canvas-menu > nav > ul li {
position: relative;
}
.left-off-canvas-menu > nav > ul li[class*=has-children]:after, .left-off-canvas-menu > nav > ul li[class*=has_children]:after {
content: '';
position: absolute;
top: 12px;
right: 20px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #ccc;
}
.left-off-canvas-menu > nav > ul li.expanded:after {
right: 17px;
border-width: 5px 5px 0 5px;
border-color: #ccc transparent transparent transparent;
}
.left-off-canvas-menu > nav > ul > li:not(:first-child) {
border-top: 1px solid #ccc;
box-shadow: 0 -1px 0 #666;
}
.left-off-canvas-menu > nav > ul > li.current_page_ancestor, .left-off-canvas-menu > nav > ul > li.current_page_parent, .left-off-canvas-menu > nav > ul > li.current_page_item {
background: #666;
}
.left-off-canvas-menu > nav > ul > li.current_page_ancestor .sub-menu a, .left-off-canvas-menu > nav > ul > li.current_page_parent .sub-menu a, .left-off-canvas-menu > nav > ul > li.current_page_item .sub-menu a, .left-off-canvas-menu > nav > ul > li.current_page_ancestor .children a, .left-off-canvas-menu > nav > ul > li.current_page_parent .children a, .left-off-canvas-menu > nav > ul > li.current_page_item .children a {
color: #fff;
}
.left-off-canvas-menu > nav > ul > li > a {
padding: 6px 10px;
font-size: 1.8rem;
font-weight: 700;
}
.left-off-canvas-menu > nav > ul > li > a .description:not(:empty) {
font-size: 1.2rem;
font-weight: 400;
font-style: italic;
margin-top: -5px;
}
.left-off-canvas-menu > nav > ul > li > .sub-menu, .left-off-canvas-menu > nav > ul > li > .children {
margin-left: 10px;
}
.left-off-canvas-menu > nav > ul .current_page_item > a {
color: #fff !important;
font-weight: 700;
}
.left-off-canvas-menu > nav > ul .sub-menu, .left-off-canvas-menu > nav > ul .children {
display: none;
border-top: 1px solid #555;
padding: 10px 0 10px 20px;
}
.left-off-canvas-menu > nav > ul .sub-menu a, .left-off-canvas-menu > nav > ul .children a {
color: #999;
font-size: 1.4rem;
}
.left-off-canvas-menu > nav > ul .sub-menu .sub-menu {
margin-top: 10px;
}
.left-off-canvas-menu > nav > ul .has-description .sub-menu, .left-off-canvas-menu > nav > ul .has-description .children {
margin-top: 5px;
}
.left-off-canvas-menu, .right-off-canvas-menu {
background: #333;
}
#masthead .search-tab {
position: relative;
}
#masthead .search-tab .glyphicon {
position: absolute;
top: 10px;
right: 10px;
background: #fff;
box-shadow: 0 0 4px 4px #fff;
}
#masthead #brand {
text-align: right;
}
#masthead #brand #search-tab {
margin: 6px 0 6px 4px;
}
#masthead #brand #search-tab [type=text] {
padding-right: 30px;
transition: all 200ms ease-out;
}
#masthead #brand .logo img {
margin: 5px 0 -5px -25px;
display: block;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 767px) {
#masthead #brand {
text-align: center;
padding-bottom: 14px;
}
#masthead #brand .logo img {
max-width: 83.4783%;
margin: 5px auto;
}
}
#masthead .header-nav {
margin: 13px 0 14px;
}
#masthead #header-menu {
margin: 0;
display: inline-block;
}
#masthead #menu-bar {
background: #567c45;
position: relative;
z-index: 1;
}
#masthead #menu-bar:before, #masthead #menu-bar:after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 20px;
background: url(../images/bg_navbar.png);
}
#masthead #menu-bar:before {
top: 0;
margin-top: -10px;
}
#masthead #menu-bar:after {
bottom: 0;
margin-bottom: -10px;
z-index: 1;
background-position: center bottom;
}
#masthead #menu-bar a {
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 2.4rem;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1.5px;
}
#masthead #menu-bar > .container {
position: relative;
z-index: 2;
}
#masthead #menu-bar .social-links {
float: right;
margin-right: 48px;
}
#masthead #menu-bar .social-links > a {
margin-left: 3px;
}
#masthead #menu-bar #main-menu {
margin: 0;
margin-left: 9.5%;
}
#masthead #menu-bar #main-menu > li {
margin-right: -4px;
padding: 4px 0;
}
#masthead #menu-bar #main-menu > li:hover > .sub-menu {
display: block;
}
#masthead #menu-bar #main-menu > li:not(:first-child) {
padding-left: 53px;
}
#masthead #menu-bar #main-menu > li:not(:first-child):before {
content: '';
position: absolute;
width: 8px;
height: 40px;
background: url(../images/sprite_dividers_8x40.png) no-repeat left top;
top: 0;
margin-top: 2px;
margin-left: -32px;
}
#masthead #menu-bar #main-menu > li:first-child + li:before {
background-position: left top;
}
#masthead #menu-bar #main-menu > li:first-child + li + li:before {
background-position: left -40px;
}
#masthead #menu-bar #main-menu > li:first-child + li + li + li:before {
background-position: left -80px;
}
#masthead #menu-bar #main-menu > li:first-child + li + li + li + li:before {
background-position: left -120px;
}
#masthead #menu-bar #main-menu > li:first-child + li + li + li + li + li:before {
background-position: left -160px;
}
#masthead #menu-bar #main-menu > li:first-child + li + li + li + li + li + li:before {
background-position: left -200px;
}
#masthead #menu-bar #main-menu > li .sub-menu {
position: absolute;
display: none;
}
#masthead #menu-bar #mobile-menu {
position: absolute;
background: #0b4a4b;
top: 40px;
right: 0;
left: 0;
min-height: 100vh;
list-style: none;
text-align: center;
padding: 50px 0 0;
margin: 0;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s;
}
#masthead #menu-bar #mobile-menu.open {
opacity: 1;
pointer-events: all;
}
#masthead #menu-bar #mobile-menu li {
line-height: 50px;
}
@media only screen and (max-width: 767px) {
#masthead #menu-bar {
padding: 10px 0 3px;
margin-bottom: 10px;
}
#masthead #menu-bar nav {
display: flex;
margin: 0 -13px 0 -9px;
}
#masthead #menu-bar nav form {
flex-grow: 1;
margin: 0 13px 0 0;
}
#masthead #menu-bar nav .left-off-canvas-toggle {
position: relative;
}
}
@media only screen and (max-width:1200px) and (min-width:768px) {
#masthead #menu-bar {
margin-top: 20px;
}
}
@media only screen and (max-width:1200px) {
#masthead #menu-bar #main-menu > li:not(:first-child) {
padding-left: 30px;
}
#masthead #menu-bar #main-menu > li:not(:first-child):before {
margin-left: -17px;
}
}
@media only screen and (max-width:991px) {
#masthead #menu-bar .social-links {
margin-right: 0;
}
#masthead #menu-bar #main-menu {
margin-left: 0;
}
#masthead #menu-bar #main-menu > li:not(:first-child):before {
margin-top: -2px;
}
}
@media (min-width: 480px) and (max-width: 991px) {
#masthead #menu-bar a {
font-size: 2rem;
}
}
@media (max-width: 320px) {
#masthead #menu-bar .social-links {
flex-shrink: 0;
}
#masthead #menu-bar .social-links a {
line-height: 1;
}
#masthead #menu-bar .social-links a img {
width: 24px;
height: 24px;
}
}
.bx-wrapper .bx-pager {
text-align: center;
position: absolute;
width: 100%;
bottom: 5%;
z-index: 51;
}
.bx-wrapper .bx-pager .bx-pager-item {
display: inline-block;
vertical-align: middle;
margin: 0 3px;
}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link {
display: block;
width: 12px;
height: 12px;
border-radius: 20px;
background: #ccc;
color: transparent;
font-size: 0;
}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active {
background: #666;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
z-index: 51;
top: 50%;
margin-top: -22px;
background: url(../images/sprite_bxcontrols_27x43.png) no-repeat left top;
width: 27px;
height: 43px;
}
.bx-wrapper .bx-controls-direction .bx-prev {
left: 1%;
}
.bx-wrapper .bx-controls-direction .bx-prev:hover {
background-position: right top;
}
.bx-wrapper .bx-controls-direction .bx-next {
background-position: left bottom;
right: 1%;
}
.bx-wrapper .bx-controls-direction .bx-next:hover {
background-position: right bottom;
}
#banner {
position: relative;
}
#banner .ibanner {
position: relative;
}
#banner .banner-content {
position: absolute;
top: 0;
left: 0;
}
.homepage #banner {
height: 420px;
color: #fff;
padding-top: 107px;
}
.homepage #banner [class^=col-] {
padding: 0 10px;
}
.homepage #banner h1 {
font-size: 5.4rem;
margin-bottom: 30px;
letter-spacing: 1.5px;
}
.homepage #banner h3 {
font-size: 2.4rem;
margin-bottom: 10px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}
.homepage #banner .btn-group {
display: block;
}
.homepage #banner .btn-group .btn {
width: 50%;
}
.homepage #banner select {
font-size: 1.8rem;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}
.homepage #banner .btn {
height: 64px;
margin-bottom: 10px;
}
.homepage #banner .form-control {
height: 60px;
margin-bottom: 10px;
}
.homepage #banner [type=submit] {
font-size: 2.6rem;
}
@media only screen and (max-width:1200px) {
.homepage #banner h1 {
font-size: 4.4rem;
}
}
@media only screen and (max-width:991px) {
.homepage #banner {
padding-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.homepage #banner {
height: auto;
padding-bottom: 25px;
}
.homepage #banner::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
}
.homepage #banner .form-control {
height: 64px;
}
.homepage #banner br {
display: none;
}
.homepage #banner h1 {
font-size: 3.2rem;
letter-spacing: 0;
font-weight: 400;
margin-bottom: 18px;
}
.homepage #banner select {
appearance: none;
-webkit-appearance: none;
border: 0;
background: #fff url(../images/select-arrow.svg) no-repeat right;
font-size: 2.4rem;
color: #2d2d2d;
}
.homepage #banner .btn {
font-size: 18px;
line-height: 50px;
}
.homepage #banner .btn-lg {
font-size: 24px;
line-height: 42px;
}
.homepage #banner .trailStats {
border: 0;
font-weight: 400;
padding: 10px;
}
.homepage #banner .trailStats p {
display: flex;
align-items: center;
}
.homepage #banner .trailStats p strong {
font-weight: 400;
font-size: 2.4rem;
font-family: Oswald, sans-serif;
top: 0;
}
.homepage #banner .trailStats p span:first-child {
width: 50%;
}
.homepage #banner .trailStats p span:last-child {
width: 50%;
font: 400 1.6rem 'Open Sans', sans-serif;
letter-spacing: -1px;
}
.homepage #banner .statsSection + .statsSection {
padding-top: 0 !important;
}
}
@media only screen and (max-width: 480px) {
.homepage #banner h1 {
font-size: 2.8rem;
}
}
@media (max-width: 390px) {
.homepage #banner .btn-lg {
font-size: 20px;
}
}
@media (max-width: 320px) {
.homepage #banner .btn-lg {
font-size: 16px;
}
}
.homepage #banner a {
color: #fff;
}
.homepage #organization-logos p {
font: 400 1.6rem/1.5 'Open Sans', sans-serif;
}
.homepage #organization-logos h3 {
font-size: 2.4rem;
color: #3e9293;
margin-bottom: 30px;
}
.homepage #organization-logos #logos-wrapper {
position: relative;
margin: 0 80px 28px;
}
.homepage #organization-logos #logos-wrapper img {
height: 100px;
}
@media (max-width: 525px) {
.homepage #organization-logos #logos-wrapper {
width: 160px;
margin: 0 auto 20px;
}
.homepage #organization-logos #logos-wrapper img {
max-width: 100%;
}
.homepage #organization-logos #logos-wrapper li {
text-align: center;
}
}
.homepage #organization-logos .bx-controls-direction .bx-prev {
background-position: top right;
margin-left: -60px;
}
.homepage #organization-logos .bx-controls-direction .bx-next {
background-position: bottom right;
margin-right: -60px;
}
@media only screen and (max-width: 767px) {
.homepage #organization-logos {
padding: 0 28px;
}
.homepage #organization-logos p {
margin-bottom: 25px;
}
}
.homepage #whats-new h2 {
color: #fff;
font-size: 3.6rem;
margin: 30px 0 36px;
}
.homepage #whats-new .latest-posts .entry, .homepage #whats-new .ad-space .entry {
background: #fff;
padding: 15px;
}
.homepage #whats-new .latest-posts {
margin-bottom: 20px;
}
.homepage #whats-new .latest-posts .entry {
float: left;
min-height: 224px;
}
@media only screen and (max-width: 480px) {
.homepage #whats-new .latest-posts .entry {
display: flex;
flex-direction: row-reverse;
padding: 48px 8px 8px 8px;
width: 100%;
}
.homepage #whats-new .latest-posts .entry .image-area {
width: 95px;
}
.homepage #whats-new .latest-posts .entry .image-area img {
border-radius: 0;
width: 95px;
height: auto;
}
.homepage #whats-new .latest-posts .entry .title-area {
background: none;
width: calc(100% - 94px);
margin: 0;
padding: 0 0 0 10px;
}
.homepage #whats-new .latest-posts .entry .title-area .title {
margin: 0;
}
.homepage #whats-new .latest-posts .entry .title-area .title a {
color: #3e9293;
}
.homepage #whats-new .latest-posts .entry .title-area .continue {
color: #f78f1e;
margin-top: 25px;
}
}
.homepage #whats-new .latest-posts .category-area {
position: absolute;
margin-top: -15px;
padding: 10px 5px;
background: #3e9293;
}
.homepage #whats-new .latest-posts .category-area, .homepage #whats-new .latest-posts .category-area a {
color: #fff;
font-weight: 700;
}
@media only screen and (max-width: 480px) {
.homepage #whats-new .latest-posts .category-area {
margin-top: 0;
font-size: 1.5rem;
padding: 11px 16px;
top: -15px;
left: 23px;
}
}
.homepage #whats-new .latest-posts .image-area img {
float: left;
border-radius: 300px;
width: 140px;
margin: 0 20px 0 0;
}
.homepage #whats-new .latest-posts .title-area {
background: #f1f1f1;
margin: -15px -15px 20px;
padding: 10px 15px;
}
.homepage #whats-new .latest-posts .title-area h3 {
margin: 0;
margin-bottom: 5px;
}
.homepage #whats-new .latest-posts .title-area .title {
margin-left: 130px;
}
.homepage #whats-new .latest-posts .excerpt-area {
overflow: hidden;
}
.homepage #whats-new .latest-posts .excerpt-area p {
margin: 0;
}
@media only screen and (max-width: 767px) {
.homepage #whats-new .latest-posts .title-area .title {
margin: 30px 0 0;
}
}
@media only screen and (max-width: 480px) {
.homepage #whats-new .latest-posts .image-area img {
float: none;
display: block;
margin: 0 auto 20px;
}
}
.homepage #whats-new .ads {
text-align: center;
}
@media only screen and (min-width: 1200px) {
.homepage #whats-new .ads {
margin-left: 0;
}
}
@media only screen and (max-width: 480px) {
.homepage #whats-new .bx-viewport {
padding-top: 15px;
}
}
.homepage #whats-new .bx-wrapper {
position: relative;
}
.homepage #whats-new .bx-controls {
width: 66%;
margin: 0 auto;
position: relative;
}
.homepage #whats-new .bx-controls .bx-pager {
position: static;
margin: 12px 0;
}
.homepage #whats-new .bx-controls .bx-pager .bx-pager-link {
background: transparent;
border: 2px solid #fff;
}
.homepage #whats-new .bx-controls .bx-pager .bx-pager-link.active {
background: #fff;
}
.homepage #whats-new .bx-controls .bx-controls-direction a {
margin-left: -80px;
margin-right: -70px;
margin-top: -150px;
}
@media only screen and (max-width: 480px) {
.homepage #whats-new .bx-controls .bx-controls-direction {
display: none;
}
}
.more-link, .more-link a, .more-link:hover, .more-link a:hover {
color: #f78f1e;
}
.more-link:before {
content: '';
display: block;
margin-top: 10px;
}
.subpage .entry-content {
color: #5f5f5f;
}
.subpage .entry-content .as-published + h3, .subpage .entry-content > h3:first-child {
margin-top: 0;
}
.subpage .entry-content h3 {
font-size: 2rem;
color: #5f5f5f;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
.subpage .entry-content h4 {
color: #3e9293;
font: 700 1.5rem 'Open Sans', sans-serif;
}
.subpage .entry-content .constrained {
max-width: 100%;
}
.subpage .entry-content .border-left {
border-left: 1px solid #d9d9d9;
}
.subpage .entry-content .vmap {
height: 400px;
margin-top: 20px;
margin-bottom: 20px;
}
.subpage .entry-content .wpt_msg {
font-weight: 700;
color: #3e9293;
}
.subpage .entry-content .wpt_msg.failure, .subpage .entry-content .error {
font-weight: 700;
color: #c00;
}
.subpage .entry-content .input.row [class*="col-"] {
padding: 0;
}
.subpage .entry-content .input.row [class*="col-"] + [class*="col-"] {
padding-left: 20px;
}
.subpage .entry-content .input, .subpage .entry-content #loginform p, .subpage .entry-content .wprf_input {
display: block;
margin: 0 0 15px;
}
.subpage .entry-content label {
font: 700 1.5rem 'Open Sans', sans-serif;
}
.subpage .entry-content .input.req label:after {
content: '*';
color: #c00;
font-weight: 400;
padding-left: 2px;
}
.subpage .entry-content .login-remember label, .subpage .entry-content .wprf_submit label {
font-weight: 400;
}
.subpage .entry-content select, .subpage .entry-content input[type=text], .subpage .entry-content input[type=password], .subpage .entry-content input[type=email], .subpage .entry-content textarea {
border: 1px solid #d3d3d3;
padding: 10px;
width: 100%;
}
.subpage .entry-content textarea {
height: 150px;
}
.subpage .entry-content .input .trail-images .image {
position: relative;
height: 125px;
overflow: hidden;
margin-bottom: 15px;
}
.subpage .entry-content .input .trail-images .image img {
margin: 0 auto;
}
.subpage .entry-content .input .trail-images .image .x {
color: #919191;
height: 20px;
width: 20px;
border-radius: 10px;
background-color: #f2f2f2;
position: absolute;
top: 0;
right: 0;
margin: 5px;
font-size: 1.4rem;
line-height: 20px;
text-align: center;
text-shadow: 0 0 1px rgba(0, 0, 0, .1);
box-shadow: inset -1px -1px 10px rgba(0, 0, 0, .2);
transition: all 200ms ease-out;
}
.subpage .entry-content .input .trail-images .image .x:hover {
text-shadow: 0;
box-shadow: inset -1px -1px 5px rgba(0, 0, 0, .1);
color: #333;
cursor: pointer;
}
.subpage .entry-content .input .trail-images .btn-add-img {
display: block;
text-align: center;
color: #5f5f5f;
background-color: #f2f2f2;
border: 3px dashed #d9d9d9;
padding-top: 20px;
height: 125px;
margin-bottom: 15px;
}
.subpage .entry-content .input .trail-images .btn-add-img .ico-camera:before {
content: url(../images/ico-camera.svg);
width: 50px;
display: inline-block;
}
.subpage .entry-content .input .trail-images .btn-add-img .text {
font: 800 1.3rem 'Open Sans', sans-serif;
display: block;
}
.subpage .entry-content .input .trail-images .btn-add-img:hover {
cursor: pointer;
text-decoration: none;
background-color: #f9f9f9;
}
.subpage .entry-content .trail-featured-fields .cc-fields {
display: none;
margin-top: 20px;
}
.subpage .entry-content .trail-featured-fields .contact-fields {
display: none;
margin-top: 20px;
}
.subpage .entry-content .trail-featured-fields [name=guestranch]:checked + .trail-featured-label + .cc-fields {
display: block;
}
.subpage .entry-content .trail-featured-fields [name=guestranch]:checked + .trail-featured-label + .contact-fields {
display: block;
}
.subpage .entry-content .trail-featured-fields .trail-featured-label {
display: inline;
font-weight: normal;
}
.subpage .entry-content input[type=submit] {
margin-top: 20px;
font: 1.8rem 'Oswald', sans-serif;
color: #fff;
background-color: #0b4a4b;
padding: 7px 40px;
border-radius: 5px;
border: 0;
text-transform: uppercase;
/*/* .checkfields {font-size:1.3rem;line-height:1.3;
[class*=col]:nth-child(4n+1) {clear:left;}
[type=checkbox] {margin-top:1px;}
label {border:1px solid transparent;padding:10px;font-size:1.2rem;
&.checked {background:#D0E9E9;border-color:#3E9293;}
> div {float:left;margin-right:4px;
+ span {}
}
}
[class*=sprite] {padding:6px 0 0 48px;}
@include respond-to(lgdwn) {
[class*=col]:nth-child(4n+1) {clear:none;}
[class*=col]:nth-child(3n+1) {clear:left;}
[class*=sprite] {padding:34px 0 0;}
}
@include respond-to(mddwn) {
[class*=col]:nth-child(3n+1) {clear:none;}
[class*=col]:nth-child(2n+1) {clear:left;}
}
@media (max-width:640px) {
i {display:none;}
}
@include respond-to(phone) {
[class*=col] {width:100%;}
label {padding:0;border:0;background:none !important;}
}
} */
}
div.wpcf7 .lbl {
font-size: 1.5rem;
margin-bottom: 9px;
}
div.wpcf7 [type=text], div.wpcf7 [type=email] {
height: 40px;
}
div.wpcf7 form > div {
margin-bottom: 20px;
}
div.wpcf7 .wpcf7-response-output {
border: 1px solid #0b4a4b;
background: #127677;
color: #fff;
}
.listing-tbl {
margin-top: 30px;
}
.listing-tbl .entry {
background: #ececec;
}
.listing-tbl h3 {
background: #0b4a4b;
color: #fff !important;
padding: 20px 20px 12px;
margin: 0;
}
.listing-tbl .date {
color: #0b4a4b;
font-weight: 700;
float: left;
overflow: hidden;
margin-right: 10px;
font-size: 1.5rem;
}
.listing-tbl li {
padding: 0 20px;
}
.listing-tbl li:first-child .padd {
border: 0;
}
.listing-tbl .padd {
border-top: 1px solid #c9c9c9;
padding: 10px 0;
}
.listing-tbl [class*=col] {
margin-bottom: 20px;
}
.testimonials-bxwrapper {
text-align: center;
position: relative;
padding: 0 50px;
}
.testimonials-bxwrapper:before, .testimonials-bxwrapper:after {
content: '';
position: absolute;
background: url(../images/sprite_quote_37x27.png);
width: 37px;
height: 27px;
top: 0;
}
.testimonials-bxwrapper:before {
left: 0;
}
.testimonials-bxwrapper:after {
right: 0;
background-position: left -27px;
}
.testimonials-bxwrapper .quote {
padding: 0 10%;
font-size: 2rem;
color: #5f5f5f;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}
.testimonials-bxwrapper .author {
margin-bottom: 30px;
}
.testimonials-bxwrapper .bx-controls {
position: relative;
}
.testimonials-bxwrapper .bx-controls .bx-pager-link {
background: #fff !important;
border: 2px solid #d0d0d0;
}
.testimonials-bxwrapper .bx-controls .bx-pager-link.active {
background: #d0d0d0 !important;
}
#main {
background-size: 100% auto;
padding-bottom: 40px;
}
#main > header {
margin-bottom: 40px;
background: #0b4a4b;
padding: 4px 0;
color: #fff;
}
#main > header .page-title {
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
#main .main-wrapper {
background: #fff;
}
#main .main-wrapper:before {
content: '';
position: absolute;
right: 0;
margin-right: 15px;
top: 0;
width: 33.33333%;
height: 100%;
background: url(../images/bg_sidebar.jpg);
}
#main .main-wrapper:after {
content: '';
position: absolute;
right: 33.33333%;
margin-right: -15px;
top: 0;
width: 30px;
height: 100%;
background: #fff;
}
#main .main-wrapper.nosb:before, #main .main-wrapper.nosb:after {
display: none;
}
@media only screen and (max-width: 767px) {
#main .main-wrapper:before, #main .main-wrapper:after {
display: none;
}
}
#main .article-entry {
padding: 40px;
padding-right: 10px;
}
#main .article-entry .edit-link {
float: right;
}
#main .article-entry .edit-link a {
font-size: 1.2rem;
}
#main .article-entry .entry-title {
margin: 0;
padding: 0;
line-height: 1;
}
#main .article-entry article:not(:first-child) {
border-top: 1px solid #ececec;
padding-top: 20px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
#main .article-entry {
padding-right: 40px;
}
}
#main .sidebar-entry {
padding: 40px;
}
#main .entry-header .entry-title {
margin-bottom: 5px;
}
#main .entry-header .entry-title, #main .entry-header .entry-title a {
font-size: 1.8rem;
color: #3e9293;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
#main .entry-header .written-by {
display: block;
}
#main .entry-header .written-by:before {
display: none !important;
}
#main .as-published {
font-weight: 700;
margin-bottom: 10px !important;
}
.post-meta {
margin-bottom: 10px;
margin-left: 0;
font-size: 1.2rem;
}
.post-meta a {
color: #f78f1e;
font-size: 1.2rem;
}
.post-meta li {
padding-left: 0;
padding-right: 0;
}
.post-meta li:not(:first-child):before {
content: '//';
margin-right: 5px;
}
#comments {
border-top: 1px solid #ececec;
padding-top: 10px;
margin-top: 30px;
}
#comments p {
margin-bottom: 10px !important;
}
#comments #reply-title {
color: #3e9293;
font-size: 2.4rem;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
margin-bottom: 20px;
}
#comments [type=text], #comments textarea {
background: #f5f5f5;
}
#comments [type=text] {
width: 60%;
}
@media only screen and (max-width: 767px) {
#comments [type=text] {
width: 100%;
}
}
nav.navigation {
border-top: 1px solid #ececec;
padding-top: 10px;
margin-top: 40px;
width: 100%;
}
nav.navigation h2 {
display: none;
}
nav.navigation a {
color: #f78f1e;
}
nav.navigation .nav-previous {
float: right;
}
nav.navigation .nav-next {
float: left;
}
.blogpage #main {
color: #5f5f5f;
}
.blogpage #main .article-entry p {
line-height: 1.75;
margin-bottom: 20px;
}
.single #main .entry-header .entry-title, .single #main .entry-header .entry-title a {
font-size: 2.4rem;
}
.single .post-meta li:before {
display: none;
}
#sidebar hr {
border-color: #cfc7b4;
}
#widget-area > aside {
margin-bottom: 10px;
}
#widget-area .widget-title {
text-transform: uppercase;
font-size: 1.8rem;
font-weight: 700;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
#widget-area select {
width: 100%;
padding: 4px;
}
#widget-area .dark {
margin: 0 -40px;
padding: 0 40px 10px 40px;
background: url(../images/bg_sidebar_dark.jpg);
}
#widget-area .dark-first {
padding-top: 20px;
margin-top: 20px;
}
#widget-area .dark-last {
padding-bottom: 20px;
margin-bottom: 20px;
}
#widget-area .sb-img-link {
position: relative;
}
#widget-area .sb-img-link h3 {
position: absolute;
color: #fff;
background-color: #3e9293;
padding: 5px 15px;
bottom: 15px;
left: auto;
font: 24px/1 'Oswald', sans-serif;
pointer-events: none;
}
#widget-area .widget_archive label {
display: none;
}
#widget-area .quick-links {
margin: -40px;
margin-bottom: 30px;
}
#widget-area .quick-links .widget-title {
background: #3e9293;
color: #fff;
padding: 17px 30px 17px;
font-size: 2rem;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: none;
}
#widget-area .quick-links ul:not(.sub-menu) > li {
padding: 0;
display: none;
}
#widget-area .quick-links ul:not(.sub-menu) > li > a {
display: none;
}
#widget-area .quick-links ul:not(.sub-menu) > li.current-menu-ancestor {
display: block;
}
#widget-area .quick-links ul a {
display: block;
font-size: 1.6rem;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
padding: 9px 0;
color: #0b4a4b;
}
#widget-area .quick-links ul li {
padding: 0 30px;
}
#widget-area .quick-links ul li:not(:first-child) a {
border-top: 1px solid #cdc5b1;
}
#widget-area .quick-links ul li.current-menu-item {
padding-bottom: 1px;
background: #fff;
margin: -1px 0;
position: relative;
}
#widget-area .quick-links ul li.current-menu-item a {
border-color: transparent;
}
#secondary #widget-area > aside {
margin-bottom: 30px;
}
#colophon {
background: url(../images/bg_footer.png) repeat-x -1552px bottom;
padding: 24px 0 100px;
}
#colophon > .container {
border-top: 1px solid #ededed;
padding-top: 28px;
}
#colophon .list-inline {
margin: 0;
}
#colophon img {
margin: 0 auto;
}
#colophon #footer-top {
margin-bottom: 120px;
}
#colophon #footer-top a {
color: #0b4a4b;
}
#colophon #footer-bottom, #colophon #footer-bottom a {
color: #fff;
}
#colophon .copyright li + li:before {
content: '|';
margin-left: -5px;
padding-right: 10px;
}
@media only screen and (max-width: 767px) {
#colophon {
padding-bottom: 20px;
background-position: -1552px 125%;
}
#colophon #footer-top {
margin-bottom: 40px;
}
#colophon .social-links {
display: block;
margin-bottom: 10px;
}
#colophon .form-control {
margin: 0 auto 10px;
max-width: 300px;
}
#colophon .copyright li:last-child {
display: block;
}
#colophon .copyright li:last-child::before {
display: none;
}
}
.route-filters {
font: 14px/1 Helvetica;
}
.route-filters .total-milage {
padding: 10px 0 0 10px;
}
.route-filters .tooltip {
white-space: normal;
}
.horse-group-value {
margin-bottom: 15px;
}
.horse-group-value .fa-minus-circle {
display: inline-block;
color: #3e9293;
margin-right: 1%;
font-size: 20px;
width: 9%;
}
.horse-group-value .fa-minus-circle:hover {
color: #000;
cursor: pointer;
}
.subpage .entry-content .horse-group-value input[type="text"] {
width: 90%;
}
.add-horse-club {
color: #f89e3e;
}
.add-horse-club:hover {
cursor: pointer;
}
.delete-route:hover {
cursor: pointer;
}
.page-id-63 .article-entry h2:first-child {
font-family: 'Open Sans', sans-serif;
font-size: 2rem;
font-weight: 700;
margin-top: 0;
}
#trail-search-form {
margin-top: 40px;
}
#trail-search-form [type=submit] {
font-size: 1.8rem;
height: 44px;
}
label {
width: 100%;
}
#trail-search {
background: #f9f9f9;
border: 1px solid #d9d9d9;
padding: 15px 25px;
}
#trail-search h3 {
font-family: 'Open Sans', sans-serif;
font-size: 1.5rem;
font-weight: 700;
margin: 0 -10px 10px;
}
#trail-search hr {
border-color: #d9d9d9;
margin-left: -10px;
margin-right: -10px;
}
#trail-search [class*=col] {
padding-left: 5px;
padding-right: 5px;
}
#trail-search .row {
margin-top: 15px;
}
#trail-search h3 + .row {
margin-top: 0;
}
#trail-search .vmap {
height: 400px;
margin-top: 20px;
margin-bottom: 20px;
}
.checkfields {
font-size: 1.3rem;
line-height: 1.3;
}
.checkfields label {
border: 1px solid #dadada;
padding: 10px;
background: #f3f3f3;
}
.checkfields input[type=checkbox] {
position: absolute;
z-index: -1;
}
.checkfields input[type=checkbox]:checked + label {
background: #d0e9e9;
border-color: #3e9293;
}
.checkfields [class*=sprite] {
padding: 6px 0 0 48px;
}
@media (max-width: 640px) {
.checkfields i {
display: none;
}
}
.checkfields .fi {
display: block;
max-width: 100%;
height: 30px;
background-position: 50% center;
background-size: contain;
background-repeat: no-repeat;
}
.checkfields .fi.fi-camping {
background-image: url(../images/feature-icons/camping.svg);
}
.checkfields .fi.fi-biking {
background-image: url(../images/feature-icons/biking.svg);
}
.checkfields .fi.fi-restrooms {
background-image: url(../images/feature-icons/restrooms.svg);
}
.checkfields .fi.fi-nonportablewater {
background-image: url(../images/feature-icons/stock-water.svg);
}
.checkfields .fi.fi-hiking {
background-image: url(../images/feature-icons/hiking.svg);
}
.checkfields .fi.fi-horseback {
background-image: url(../images/feature-icons/horse-riding.svg);
}
.checkfields .fi.fi-portablewater {
background-image: url(../images/feature-icons/potable-water.svg);
}
.checkfields .fi.fi-printmap {
background-image: url(../images/feature-icons/printable.svg);
}
.checkfields .fi.fi-corral {
background-image: url(../images/feature-icons/corral.svg);
}
.checkfields .fi.fi-electrical {
background-image: url(../images/feature-icons/electric.svg);
}
.checkfields .fi.fi-rvhook {
background-image: url(../images/feature-icons/rvhook.svg);
}
.checkfields .fi.fi-highlines {
background-image: url(../images/feature-icons/highline.svg);
}
.checkfields .label-text {
font-size: 1.3rem;
}
@media only screen and (max-width: 480px) {
.checkfields .label-text {
display: none;
}
.checkfields [class^="col-"] + [class^="col-"] {
padding-left: 0;
}
.checkfields [class^="col-"]:nth-child(4n+1) {
padding-left: 15px;
}
}
#sidebar .checkfields {
padding: 0 10px;
}
#sidebar .checkfields [class*=col] {
padding-left: 5px;
padding-right: 5px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #ececec;
}
.table-striped thead {
background: #0b4a4b;
color: #fff;
}
.table-striped th, .table-striped td {
position: relative;
padding: 18px 10px;
border-top: 0 !important;
}
.table-striped > thead > tr > th {
border-bottom: 0;
}
.table-striped th {
font-weight: 400;
}
.table-striped td a {
color: #f78f1e;
}
#trail-result table {
width: 100%;
}
#trail-result tr td + td + td + td + td {
white-space: nowrap;
}
#trail-result i {
margin: 0 -2px;
}
#trail-result .featured {
display: inline-block;
width: 57px;
height: 57px;
background: url(../images/featured_ribbon.png);
margin: 0 -45px;
position: absolute;
top: 0;
max-height: 100%;
}
#sidebar #refine .widget-title, #sidebar #glance .widget-title {
margin: -40px;
margin-bottom: 30px;
background: #3e9293;
color: #fff;
padding: 17px 30px 17px;
font-size: 2rem;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: none;
}
#sidebar #refine .widget-title a, #sidebar #glance .widget-title a {
color: #fff;
}
#sidebar #refine .widget-title a:hover, #sidebar #glance .widget-title a:hover {
color: #fff;
cursor: pointer;
}
#sidebar #refine .widget-title .btn, #sidebar #glance .widget-title .btn {
margin-top: -5px;
}
#sidebar #glance ul {
padding-left: 15px;
}
#sidebar #glance table {
width: 100%;
}
#sidebar #glance td {
vertical-align: top;
padding: 5px;
}
#sidebar #glance tr:nth-child(odd) {
background: #f9f5e9;
}
#sidebar #glance .row:nth-child(odd) {
background: #f9f5e9;
}
#trail-heading {
padding: 20px 15px;
position: relative;
z-index: 1;
background: #333;
color: #fff;
}
#trail-heading h1 {
font-weight: 700;
margin: 0;
font-size: 2rem;
font-family: 'Open Sans', sans-serif;
}
#trail-heading .trail-action {
display: inline-block;
padding: 10px;
background: #f78f20;
border-radius: 6px;
}
#trail-heading .trail-action li > a {
color: #fff;
}
#trail-heading .trail-action img {
margin-right: 10px;
}
#trail-heading .trail-action li:not(:first-child) {
border-left: 1px solid #e27c0f;
box-shadow: -1px 0 0 #ffa84c;
}
#trail-heading .trail-action .modal-canvas {
text-align: left;
color: #333;
}
#trail-heading .share-buttons {
position: absolute;
right: 0;
margin-right: -32px;
top: 0;
}
#trail-heading .share-buttons > span {
display: block;
width: 32px;
height: 32px;
}
#trail-heading .share-buttons > span.st_facebook_large {
background-color: #3b579d;
}
#trail-heading .share-buttons > span.st_twitter_large {
background-color: #00aced;
}
#trail-heading .share-buttons > span.st_email_large {
background-color: #738a8d;
}
#trail-heading .share-buttons > span.st_email_large .stLarge {
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.189%209.55h-20.149l10.02%207.57%2010.129-7.57zm-10.129%2010.12l-10.28-8.8v11.58h20.57v-11.49l-10.29%208.71z%22%2F%3E%3C%2Fsvg%3E") no-repeat scroll left center !important;
}
#trail-heading .share-buttons > span.st_sharethis_large {
background-color: #00bf00;
}
#trail-detail a {
color: #f78f1e;
}
#trail-detail .nav-tabs a {
padding: 5px 15px;
border: 1px solid #ddd;
color: #5f5f5f;
background: #f2f2f2;
margin: 0;
margin-right: -1px;
border-radius: 0;
}
#trail-detail .nav-tabs .active a {
font-weight: 700;
background: #fff;
border-bottom-color: #fff;
}
#trail-detail #routes.tab-pane .row {
margin-bottom: 30px;
}
#trail-bxslide {
margin-bottom: 40px;
}
#trail-bxslide .bx-wrapper {
position: relative;
}
#trail-bxslide .bx-controls-direction {
position: absolute;
width: 100%;
}
#trail-bxslide .bx-controls-direction a {
background: url(../images/sprite_bxcontrols_12x18.png) no-repeat;
width: 12px;
height: 18px;
margin-top: -65px;
}
#trail-bxslide .bx-controls-direction a.bx-prev {
left: -200px;
}
#trail-bxslide .bx-controls-direction a.bx-next {
background-position: left bottom;
right: -10px;
}
#trail-bxslide .img-responsive, #trail-bxslide #widget-area img, #widget-area #trail-bxslide img {
max-height: 120px;
}
#image.modal .close {
position: absolute;
color: #fff;
right: 0;
margin: 5px 10px;
opacity: 1;
}
#image.modal .modal-content {
overflow: hidden;
background-color: #555;
text-align: center;
}
#image.modal .img-responsive, #image.modal #widget-area img, #widget-area #image.modal img {
display: inline-block;
}
#image.modal .controls {
position: absolute;
color: #fff;
font-size: 3rem;
width: 100%;
top: 50%;
margin-top: -14px;
}
#image.modal .controls .prev, #image.modal .controls .next {
position: absolute;
cursor: pointer;
}
#image.modal .controls .prev:hover, #image.modal .controls .next:hover {
text-decoration: none;
}
#image.modal .controls .prev {
left: 10px;
}
#image.modal .controls .next {
right: 10px;
}
#image.modal .caption {
background: #000;
color: #fff;
padding: 10px 20px;
font-size: 1.4rem;
}
#image.modal .caption a {
color: #f78f1e;
}
#image.modal .caption .caption-rt {
text-align: right;
}
.tcal-calendar {
background-color: #ececec;
border-top: 1px solid #ccc;
line-height: 1;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ddd;
}
.tcal-calendar .tcal-day-names {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.tcal-calendar .tcal-day-name {
display: inline-block;
width: 14.285%;
text-align: center;
}
.tcal-calendar .tcal-days {
font-size: 0;
}
.tcal-calendar .tcal-day {
vertical-align: top;
font-size: 14px;
display: inline-block;
width: 14.285%;
background-color: #fff;
border-right: 1px solid #ddd;
}
.tcal-calendar .tcal-day .tcal-dnum {
display: block;
}
.tcal-calendar .tcal-day .tcal-event {
display: block;
}
.tcal-calendar .tcal-day .tcal-event .tcal-event-details {
display: none;
}
.tcal-calendar .tcal-day .tcal-event-inner {
overflow: auto;
}
.tcal-next-month {
float: right;
}
#events.tab-pane hr:first-child {
display: none;
}
.table-wrapper {
overflow: auto;
}
.page-template-events .entry-title {
color: #0b4a4b;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
.page-template-events .widget_nav_menu {
display: none;
}
.page-template-events #event-heading h3 {
float: left;
margin-top: 13px !important;
}
.page-template-events #event-heading form {
float: right;
margin-top: 8px;
max-width: 60%;
width: 100%;
position: relative;
}
.page-template-events #event-heading form button {
position: absolute;
right: 0;
padding: 0;
margin: 7px 10px;
background: none;
border: 0;
}
.page-template-events #event-heading form [type=text] {
padding-right: 30px;
}
.page-template-events #event-heading .view {
float: left;
margin-top: 14px;
color: #0b4a4b;
font-size: 1.6rem;
font-weight: 700;
}
.page-template-events #event-heading .view small {
font-size: 1.2rem;
font-weight: 400;
}
.page-template-events #event-heading .view:hover {
text-decoration: none;
}
.page-template-events #event-heading .btn {
float: right;
font-size: 1.8rem;
font-weight: 700;
text-transform: none;
}
@media (max-width: 767px) {
.page-template-events .article-entry {
padding-left: 30px !important;
padding-right: 30px !important;
}
.page-template-events #event-heading form {
max-width: none;
}
.page-template-events #event-heading [class*=col] {
margin-bottom: 10px;
}
.page-template-events #event-heading [class*=col] > * {
float: none;
}
}
.page-template-events #main .main-wrapper.nosb .article-entry {
padding: 40px 85px;
}
.page-template-events #main-content a {
color: #f78f1e;
}
.page-template-events #main-content table thead tr {
background: #0b4a4b;
color: #fff;
font-size: 1.6rem;
}
.page-template-events #main-content table thead th {
padding: 11px;
}
.page-template-events #main-content table:not(.calendar) td {
vertical-align: middle;
}
.page-template-events #main-content table:not(.calendar) th, .page-template-events #main-content table:not(.calendar) td {
padding-left: 30px;
padding-right: 30px;
}
.page-template-events #main-content table.table.calendar {
border: 1px solid #d1d1d1;
max-width: 970px;
}
.page-template-events #main-content table.table.calendar thead th {
text-align: center;
}
.page-template-events #main-content table.table.calendar tbody td {
padding: 0;
border: 0;
}
.page-template-events #main-content table.table.calendar tbody td:not(:first-child) {
border-left: 1px solid #d1d1d1;
}
.page-template-events #main-content table.table.calendar tr:empty {
display: none;
}
.page-template-events #main-content table.table.calendar .day {
display: block;
background: #ececec;
font-weight: 700;
color: #5f5f5f;
padding: 4px 10px;
font-size: 1.6rem;
color: #5f5f5f;
}
.page-template-events #main-content table.table.calendar .current .day {
background: #f78f20;
color: #fff;
}
.page-template-events #main-content table.table.calendar .evt {
min-height: 145px;
padding: 5px 10px;
font-size: 1.3rem;
}
.page-template-events #main-content table.table.calendar .evt li {
margin-bottom: 18px;
}
.page-template-events #main-content table.table.calendar .prev .day, .page-template-events #main-content table.table.calendar .next .day {
color: #aaa;
}
.page-template-events #main-content table.table.calendar .prev a, .page-template-events #main-content table.table.calendar .next a {
color: #ccc;
}
.page-template-events #main-content .tcal-calendar .tcal-day-names {
background-color: #0b4a4b;
color: #fff;
}
.page-template-events #main-content .tcal-calendar .tcal-day-name {
padding: 10px;
font: 700 16px Helvetica;
}
.page-template-events #main-content .tcal-calendar .tcal-day {
height: 150px;
}
.page-template-events #main-content .tcal-calendar .tcal-day .tcal-dnum {
font: bold 16px Helvetica;
background-color: #ececec;
color: #1e3756;
padding: 5px 10px;
}
.page-template-events #main-content .tcal-calendar .tcal-day.tcal-pmd .tcal-dnum, .page-template-events #main-content .tcal-calendar .tcal-day.tcal-nmd .tcal-dnum {
color: #aaa;
}
.page-template-events #main-content .tcal-calendar .tcal-day.tcal-today .tcal-dnum {
background-color: #f78f20;
color: #fff;
}
.page-template-events #main-content .tcal-calendar .tcal-day a {
color: #1e3756;
font: 24px Helvetica;
}
.page-template-events #main-content .tcal-calendar .tcal-day .tcal-events {
display: block;
padding: 5px 10px;
overflow: auto;
max-height: 80%;
}
.page-template-events #main-content .tcal-calendar .tcal-day .tcal-event {
font-size: 12px;
color: #f88f69;
}
.page-template-events #main-content .tcal-calendar .tcal-day.tcal-pmd .tcal-event, .page-template-events #main-content .tcal-calendar .tcal-day.tcal-nmd .tcal-event {
color: #ddd;
}
@media (max-width: 1199px) {
.page-template-events #main-content .tcal-calendar .tcal-day {
min-height: 100px;
}
}
@media (max-width: 991px) {
.page-template-events #main-content .tcal-calendar .tcal-day-name, .page-template-events #main-content .tcal-calendar .tcal-pmd, .page-template-events #main-content .tcal-calendar .tcal-nmd {
display: none;
}
.page-template-events #main-content .tcal-calendar .tcal-day {
width: 50%;
min-height: 200px;
}
}
@media (max-width: 767px) {
.page-template-events #main-content .tcal-calendar .tcal-day-name, .page-template-events #main-content .tcal-calendar .tcal-pmd, .page-template-events #main-content .tcal-calendar .tcal-nmd {
display: none;
}
.page-template-events #main-content .tcal-calendar .tcal-day {
width: 100%;
min-height: 300px;
}
}
.page-template-events #sidebar #glance .tcal-current-month {
display: block;
background: #0b4a4b;
color: #fff;
padding: 10px;
font: 700 14px Helvetica;
text-align: center;
}
.page-template-events #sidebar #glance .tcal-calendar {
border-bottom: 0;
}
.page-template-events #sidebar #glance .tcal-calendar .tcal-day-names {
display: none;
}
.page-template-events #sidebar #glance .tcal-calendar .tcal-day {
border-bottom: 1px solid #ddd;
height: 40px;
}
.page-template-events #sidebar #glance .tcal-calendar .tcal-day.tcal-today {
background-color: #f78f1e;
}
.page-template-events #sidebar #glance .tcal-calendar .tcal-day.tcal-today .tcal-dnum {
color: #fff;
}
.page-template-events #sidebar #glance .tcal-calendar .tcal-day .tcal-dnum {
padding: 0 3px;
font-weight: 600;
}
.page-template-events #sidebar #glance .tcal-calendar .tcal-day.tcal-day-current {
background-color: #567c45;
}
.page-template-events #sidebar #glance .tcal-calendar .tcal-day.tcal-day-current .tcal-dnum {
color: #fff;
}
.page-template-events #sidebar #glance .tcal-calendar .tcal-day.tcal-pmd .tcal-dnum, .page-template-events #sidebar #glance .tcal-calendar .tcal-day.tcal-nmd .tcal-dnum {
color: #ececec;
}
.page-template-events #sidebar #glance .tcal-calendar .tcal-event {
display: none;
}
.page-template-events #sidebar #glance table a {
color: #f78f1e;
}
.page-template-events #sidebar #glance table.table.calendar {
border: 1px solid #d1d1d1;
}
.page-template-events #sidebar #glance table.table.calendar tr {
background: #fff;
}
.page-template-events #sidebar #glance table.table.calendar thead th {
padding: 0;
text-align: center;
border: 0;
font-weight: 400;
}
.page-template-events #sidebar #glance table.table.calendar thead tr:first-child {
background: #0b4a4b;
color: #fff;
}
.page-template-events #sidebar #glance table.table.calendar thead tr:first-child th {
padding: 10px;
}
.page-template-events #sidebar #glance table.table.calendar thead tr:not(:first-child) th {
border-left: 1px solid #d1d1d1;
}
.page-template-events #sidebar #glance table.table.calendar tbody td {
font-size: 1.4rem;
padding: 0;
}
.page-template-events #sidebar #glance table.table.calendar tbody td:not(:first-child) {
border-left: 1px solid #d1d1d1;
}
.page-template-events #sidebar #glance table.table.calendar .day-wrap {
padding: 0 4px;
min-height: 38px;
}
.page-template-events #sidebar #glance table.table.calendar .current {
background: #f78f1e;
}
.page-template-events #sidebar #glance table.table.calendar .has-event {
background: #567c45;
}
.page-template-events #sidebar #glance table.table.calendar .has-event .day {
color: #fff;
}
.page-template-events #sidebar #glance table.table.calendar .next .day, .page-template-events #sidebar #glance table.table.calendar .prev .day {
color: #ececec;
}
.ad {
display: inline-block;
overflow: hidden;
max-width: 100%;
background: #ccc;
}
.ad iframe {
max-width: 100%;
margin: 0 auto;
}
.ad img {
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.resp-tbl table, .resp-tbl thead, .resp-tbl tbody, .resp-tbl th, .resp-tbl td, .resp-tbl tr {
display: block;
}
.resp-tbl thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.resp-tbl tr {
border: 1px solid #ccc;
}
.resp-tbl td {
font-size: 14px;
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: left;
}
.resp-tbl td:before {
position: absolute;
top: 17px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
.resp-tbl td:before {
content: attr(data-title);
}
.resp-tbl td strong {
font-weight: 400;
font-size: 14px;
}
#masthead {
display: flex;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 480px) {
.col-ph-12 {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 511px) {
#main .item-featured {
background-color: #fff4e9;
}
#main .table-striped > tbody > tr.item-featured:nth-of-type(2n+1) {
background-color: #ffe6cc;
}
}
@media (max-width: 991px) {
#main .main-wrapper:before, #main .main-wrapper:after {
display: none;
}
#main .article-entry {
padding: 0 25px 25px;
}
#main #sidebar .sidebar-entry {
padding: 25px 25px 0;
}
#main #sidebar .sidebar-entry #refine .widget-title {
margin: -25px -25px 15px;
}
#main #sidebar .sidebar-entry #refine .widget-title .btn {
margin-top: -5px;
}
#main #sidebar .sidebar-entry #glance {
clear: both;
}
#main #sidebar .sidebar-entry #glance .widget-title {
margin: 15px -25px;
}
#main #sidebar .sidebar-entry .refine-form {
display: none;
}
#main .container #trail-result, #main .container .table-wrapper {
overflow: auto;
}
}
@media only screen and (max-width: 767px) {
.header-nav {
text-align: center;
}
.page-title {
margin-left: 15px;
margin-right: 15px;
}
#main .container {
padding: 0;
}
#main .container > .row {
margin: 0;
}
#main .container > .col-sm-12 {
padding: 0;
}
#main .container .article-entry {
padding-left: 15px !important;
padding-right: 15px !important;
}
#main .container #map-canvas {
height: 250px;
margin-left: -15px;
width: calc(100% + 30px);
}
#main .container #trail-result, #main .container .table-wrapper {
overflow: auto;
margin-left: -15px;
margin-right: -15px;
}
#main .container .modal-canvas .modal-box {
padding: 15px;
width: 100%;
}
#main .container .modal-canvas .modal-close {
top: 0;
right: 0;
height: 40px;
width: 40px;
font: 800 32px/36px sans-serif;
}
#main .container .modal-canvas:target .modal-box {
top: 0;
bottom: 0;
}
#main .container .modal-canvas #map-canvas {
margin: 0;
width: 100%;
}
#image.modal .close {
font-size: 40px;
}
.modal-dialog {
margin-top: 40px;
}
.btn-submit-trail {
margin-top: 0;
}
#trail-search .vmap {
height: 300px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#search-tab [type=text] {
position: absolute;
top: 0;
right: 0;
}
#search-tab [type=text]:focus {
width: 240px;
}
}
@media only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
#masthead #menu-bar:before, #masthead #menu-bar:after {
background-image: url(../images/bg_navbar@2x.png);
background-size: 75%;
}
}