/* BACKPACKER MAIN CSS */ /* ================================================================================ */ /* RESETS */ /* ================================================================================ */ /* html5doctor.com Reset v1.6.1 - http://cssreset.com */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} input:not([type="image"]), textarea { box-sizing: border-box; } /* ================================================================================ */ /* COLORS */ /* ================================================================================ */ /* BLACK: #000000 */ /* YELLOW: #fbbb1b */ /* ORANGE: #ea7427 */ /* LIME: #99aa1a */ /* AQUA: #1c96b0 */ /* RED: #a33703 */ /* ================================================================================ */ /* SITE ELEMENTS */ /* ================================================================================ */ * {margin: 0; padding: 0} html, body {height: 100%;} ::-moz-selection { background: #eee; color:#000; text-shadow: none; } ::selection { background: #eee; color:#000; text-shadow: none; } a {cursor: pointer;} a:active, a:focus{outline: 0;} img {border: none; height: auto !important; height: inherit;} img, embed {max-width: 100%;} .line { border: none; border-bottom: 4px dashed rgba(106,105,101,0.4); height: 0px; margin: 0 auto; margin: 16px 0; } textarea {resize: none} input[type="text"], input[type="password"], input[type="email"], textarea, input[type="submit"], input[type="tel"], button {font-family: 'Roboto'; -webkit-appearance: none; border-radius: 0;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;} input:focus, textarea:focus {outline: none;} ::-webkit-input-placeholder { color:#999; } input:-moz-placeholder { color:#999; } #holder {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* make sure this matches in the body footer DIV */} .btn-action {float: left; position: relative; height: 40px; line-height: 40px; cursor: pointer; border: 0; -webkit-appearance: none !important; background: url(../img/bg_btn_green40.png) repeat-x right top; padding: 0 22px 0 15px; color: #fff; font-weight: 700; font-size: 1.125em; -webkit-font-smoothing: antialiased;} .btn-action:hover {background-position: right bottom; color: #fff; text-decoration: none;} .btn-cancel {position: relative; height: 37px; line-height: 36px; cursor: pointer; border: 0; -webkit-appearance: none !important; padding: 0 15px; color: #fff; font-weight: 700; font-size: 1.125em; -webkit-font-smoothing: antialiased; margin-right: 15px; /* fallback */ background-color: #a33703; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bf3e00), to(#a33703)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #bf3e00, #a33703); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #bf3e00, #a33703); /* IE 10 */ background: -ms-linear-gradient(top, #bf3e00, #a33703); /* Opera 11.10+ */ background: -o-linear-gradient(top, #bf3e00, #a33703); } .btn-cancel:hover {color: #fff; background: #bf3e00; text-decoration: none} .btn-chan {width: 85px; height: 85px; position: fixed; top: 50%; margin-top: -55px; background: url(../img/sprite_ui.png) no-repeat; display: block; color: transparent; text-indent: -9999em; z-index: 1} .btn-chan.prev {left: 50%; margin-left: -820px; background-position: 0 0;} .btn-chan.next {right: 50%; margin-right: -820px; background-position: -88px 0;} .pods-ajax-view-loader img {width: 15px !important; height: 15px !important;;} /* ================================================================================ */ /* FONTS */ /* ================================================================================ */ @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Black-webfont.eot'); src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black-webfont.woff') format('woff'), url('../fonts/Roboto-Black-webfont.ttf') format('truetype'), url('../fonts/Roboto-Black-webfont.svg#robotoblack') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Italic-webfont.eot'); src: url('../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Italic-webfont.woff') format('woff'), url('../fonts/Roboto-Italic-webfont.ttf') format('truetype'), url('../fonts/Roboto-Italic-webfont.svg#robotoitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg'); font-weight: 400; font-style: normal; } h1, h2, h3 {font-weight: 900} /* ================================================================================ */ /* UNIVERSAL STYLES */ /* ================================================================================ */ body {background: #fff; color: #333; font-family: 'Roboto', sans-serif; -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;} .wrapper { width: 100%; max-width: 1140px; min-width: 1140px; margin: 0 auto;} .left {float: left} .right {float: right} .row {display: block; clear: both} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .iscroll-prev, .iscroll-next, .green-popup, .browse-hikes, .search-popup, .trip-tools .tt-head .tools-toggle, .mobile-header .nav-toggle, .search-toggle, .finder.gear button.adv-toggle, .media-scroll, .gear-post-nav, .mobile-header, .btn-action, header .hud .new-twitter-btn, header .hud .new-fb-btn{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* ================================================================================ */ /* GRID */ /* ================================================================================ */ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right: 1.33%;} .col-1.last, .col-2.last, .col-3.last, .col-4.last, .col-5.last, .col-6.last, .col-7.last, .col-8.last, .col-9.last, .col-10.last, .col-11.last, .col-12.last {margin-right: 0;} .col-1 {width: 7.3%;} .col-2 {width: 15.7%;} .col-3 {width: 24%} .col-4 {width: 32.4%} .col-5 {width: 41%;} .col-6 {width: 49.3%} .col-7 {width: 57.8%;} .col-8 {width: 66.2%} .col-9 {width: 74.7%} .col-10 {width: 83.1%;} .col-11 {width: 91.5%} .col-12 {width: 100%;} .left-rail {width: 70%; float: left} .right-rail {width: 300px; float: right;} /* ================================================================================ */ /* EYEBROW */ /* ================================================================================ */ .eyebrow {display: block; clear: both; height: 24px; border-bottom: #2a2a2a; position: relative; z-index: 10; /* fallback */ background-color: #414141; background: url(../img/bg_topbar.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f4f4f), to(#313131)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #4f4f4f, #313131); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #4f4f4f, #313131); /* IE 10 */ background: -ms-linear-gradient(top, #4f4f4f, #313131); /* Opera 11.10+ */ background: -o-linear-gradient(top, #4f4f4f, #313131); } .eyebrow .mini-socials {float: left; width: 68px; margin-top: 3px} .eyebrow .mini-socials a {float: left; display: block; background: url(../img/sprite_ui.png) no-repeat; width: 16px; height: 16px; margin-left: 5px;} .eyebrow .mini-socials a:first-child {margin-left: 0;} .eyebrow a.fb-mini {background-position: -244px -194px;} .eyebrow a.twtr-mini {background-position: -262px -194px;} .eyebrow a.pin-mini {background-position: -280px -194px;} .eyebrow nav {float: left; font-size: 0.875em; width: 60%} .eyebrow nav a {float: left; color: #fff; text-transform: uppercase; line-height: 24px; margin-left: 2%;} .eyebrow nav a:first-child {margin-left: 0} .eyebrow .greeting {float: right; font-size: 0.688em; font-weight: 900; color: #fff; text-transform: uppercase; line-height: 24px;} .eyebrow .greeting a {color: #99aa1a; text-decoration: none} .eyebrow .greeting a:hover {text-decoration: underline} /* ================================================================================ */ /* TOP ADS / PUSHDOWN / BOT ADS */ /* ================================================================================ */ .top-ads {display: block; clear: both; background: url(../img/bg_graydirt.png); padding: 15px 0; position: relative; z-index: 10} .top-ads .center-ads {display: block; width: 93%; margin: 0 auto;} .top-ads .leaderboard {float: left; max-width: 728px; width: 68%; overflow: hidden} #adpos-leader-top_ad_container {display:block; width: 100%;} .top-ads .subscribe-ad {float: right; max-width: 307px; width: 29%; margin-left: 2%} .mobile-subscribe-ad {display: none;} .pushdown {position: relative; Z-index: 50; display: block; clear: both; padding-top: 15px;} .pushdown div {display: block; max-width: 970px; margin: 0 auto;} .pushdown iframe {display: block; margin: 0 auto;} .bot-ads {display: block; clear: both; background: url(../img/bg_lightdirt.png); padding: 15px 0; position: relative; z-index: 10;} .bot-ads .leaderboard {display: block; margin: 0 auto; max-width: 728px; overflow: hidden} #wallpaper-click-right, #wallpaper-click-left {position: fixed; top: 175px; width: 1500px; height: 100%; overflow: hidden; z-index: 10; cursor: pointer;} #wallpaper-click-left {left: 50%; margin-left: -2085px;} #wallpaper-click-right {right: 50%; margin-right: -2085px;} #wallpaper-click-right a, #wallpaper-click-left a {display: block; width: 100%; height: 100%;} .sponsor {display: none; clear: both; margin-bottom: 25px; background: #202020; padding: 5px; height: 60px;} .sponsor .dfp-lead {color: #ec7d2b; font-weight: 900; font-size: 2.25em; float: left; line-height: 60px; padding-left: 10px} .sponsor .dfp-target {float: right; max-width: 120px;} .sponsor.show {display: block} /* ================================================================================ */ /* HEADER */ /* ================================================================================ */ header {display: block; height: 60px; clear: both; background: url(../img/bg_header.png) repeat-x top; z-index: 999; position: relative} header .wrapper {position: relative} header.stick {position: fixed; width: 100%; left: 0; top: 0;} header.stick.bar {top: 30px;} .fill-gap.stick {display: block; clear: both; height: 60px;} header .bp-logo {float: left; width: 17%; height: 60px;} header .bp-logo img {margin-top: 9%; display: block} header nav {float: left; width: 65%; text-align: justify; margin-left: 2%} header nav .channel {display: inline-block; zoom: 1; *display:inline; line-height: 54px; border-top: 6px solid transparent; color: #fff; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: 900; padding: 0 1.5%;} header nav .channel a {color: #fff;} header nav a:hover {color: #fbbb1b; text-decoration: none} header nav .nav-fix {width: 100%; visibility: hidden; height: 0; border-top: none; padding: 0; margin: 0; line-height: normal} header nav .marker {border-top: 6px solid #e6e632; /* fallback */ background-color: #9b9b34; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b0b03f), to(#313131)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #b0b03f, #858529); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #b0b03f, #858529); /* IE 10 */ background: -ms-linear-gradient(top, #b0b03f, #858529); /* Opera 11.10+ */ background: -o-linear-gradient(top, #b0b03f, #858529); } header nav a.marker:hover {color: #fff; text-decoration: none} header nav .menu {position: absolute; background: #333; width: 800px; text-align: left; line-height: normal; border-bottom: 8px solid #99ab1b; display: none; z-index: 100} header nav .channel.open {background: #333; border-color: #000;} header nav .channel.open .menu {display: block} header nav .menu .inner-pad {padding: 20px;} header nav .menu a, header nav .menu span {height: auto; margin: 0; padding: 0;} /*RESET*/ header nav .menu-links { float: left; width: 40%; max-height: 230px; padding-right: 4.5%; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; } header nav .menu-links a {float: left; clear: left; color: #fff; font-weight: 700; padding-bottom: 8px;} header nav .menu-links a:hover {color: #fbb91a;} header nav .menu-features {float: left; width: 50%; border-left: 1px solid #4e4e4e; padding-left: 4.5%;} header nav .menu-features article {float: left; width: 46%; margin-left: 8%;} header nav .menu-features article:first-child {margin-left: 0} header nav .menu-features article .thumb {display: block; padding-bottom: 10px;} header nav .menu-features article .thumb img {display: block; width: 100%; -webkit-box-shadow: 0px 0px 12px 1px #000000; box-shadow: 0px 0px 12px 1px #000000; margin-bottom: 10px;} header nav .menu-features em {color: #ea7528; display: block; padding-bottom: 8px; font-style: normal} header nav .menu-features .thumb .feat-subject {display: block; clear: both; font-size: .875em; color: #858585} header nav .menu-features .thumb:hover .feat-subject {color: #fbb91a;} header nav .link-1 .menu {left: 0;} header nav .link-2 .menu {left: 50px;} header nav .link-3 .menu {left: 100px;} header nav .link-4 .menu {left: 150px;} header nav .link-5 .menu {left: 200px;} header nav .link-6 .menu {right: 150px;} header nav .link-7 .menu {right: 0px} /* LOGIN */ header .hud {float: right; position: relative} header .hud button {color: #fff; font-weight: 900; font-family: 'Roboto'; margin-top: 15px; display: block; border: 0; height: 35px; padding: 0 15px; -webkit-font-smoothing: antialiased; /* fallback */ background-color: #ea7427; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed7f2b), to(#eb7728)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ed7f2b, #eb7728); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ed7f2b, #eb7728); /* IE 10 */ background: -ms-linear-gradient(top, #ed7f2b, #eb7728); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ed7f2b, #eb7728); } header .hud button:focus {outline: none} header .hud button:hover {color: #eee} header .hud .panel {display: none; position: absolute; right: 0; padding: 16px; z-index: 100; /* fallback */ background-color: #ea7427; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7728), to(#e14f1a)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #eb7728, #e14f1a); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #eb7728, #e14f1a); /* IE 10 */ background: -ms-linear-gradient(top, #eb7728, #e14f1a); /* Opera 11.10+ */ background: -o-linear-gradient(top, #eb7728, #e14f1a); } header .hud.open .panel {display: block; width: 250px;} header .hud .pass-warn {font-size: .775em; font-weight: 700; color: #fff; background: #333; display: block; padding: 6px; line-height: 1.2em; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; margin-bottom: 8px;} header .hud form {display: block;} header .hud form p {display: block; clear: both; padding-bottom: 8px;} header .hud form label {display: block; color: #fff; font-size: .875em; font-weight: 700; padding-bottom: 5px} header .hud form input[type="text"], header .hud form input[type="password"] {display: block; width: 100%; border: 0; padding: 0; height: 35px; clear:both; text-indent: 5px} header .hud .txt-link {color: #fff; text-decoration: none; font-weight: 700; float: left; display: block; clear: left; font-size: .875em} header .hud .txt-link.first {margin-bottom: 10px} header .hud .txt-link:hover {text-decoration: underline} header .hud .login-remember {float: right; clear: right; margin: 10px 20px 0 0;} header .hud .login-submit {float: left; clear: left;} header .hud .forgot, header .hud .register {display: block; float: left; clear: both; font-size: .875em; font-weight: 700; margin-bottom: 5px;} header .hud .forgot a, header .hud .register a {color: #fff;} header .hud .user-avatar {float: left; width: 35%;} header .hud .user-nav {float: right; width: 59%} header .hud .user-nav a {color: #fff; display: block; clear: both; padding-bottom: 7px; font-size: .875em} header .hud .user-nav .logout-link {font-weight: 900;} header .hud .login-submit input {float: left; position: relative; height: 37px; line-height: 36px; cursor: pointer; border: 0; -webkit-appearance: none !important; background: url(../img/bg_btn_green.png) repeat-x right top; padding: 0 22px 0 15px; color: #fff; font-weight: 700; font-size: 1.125em; -webkit-font-smoothing: antialiased; clear: left;} header .hud .login-submit input:hover {background-position: right bottom; color: #fff; text-decoration: none;} .social-logins {display: block; clear: both; margin-top: 20px;} .social-logins .login-twitter, .social-logins .login-facebook {float: left; margin-right: 10px; cursor: pointer} #holder .new-fb-6-1-1, #holder .new-twitter-6-1-1 {font-size: 1em; font-weight: 700;} /* SEARCH */ header .search-bar, .mobile-header .search-bar {float: right; position: relative} header .search-bar .search-toggle, .mobile-header .search-toggle {position: relative; display: block; width: 35px; height: 35px; margin: 15px 0 0 10px;} header .search-bar .search-toggle:hover, .mobile-header .search-bar .search-toggle:hover {background: #333} header .search-bar .search-toggle span {display: block; width: 16px; height: 20px; background: url(../img/sprite_ui.png) no-repeat -76px -164px; position: absolute; top: 7px; left: 8px;} header .search-bar .search-popup {position: absolute; background: #1b1b1b; top: 60px; right: 0; padding: 15px 15px 15px 15px; width: 260px; border-bottom: 4px solid #fff; border-left: 4px solid #fff; display: none;} header .search-bar.open .search-popup {display: block} header .search-bar .search-popup input, .mobile-header .search-popup input {display: inline-block; zoom: 1; *display:inline; line-height: 27px; height: 27px; border: 0} header .search-bar .search-popup input[type="text"], .mobile-header .search-popup input[type="text"] {width: 70%; border: 0; text-indent: 5px; font-size: .875em;} header .search-bar .search-popup input[type="submit"], .mobile-header .search-popup input[type="submit"] {width: 28%; background: url(../img/bg_btn_orange.png) repeat-x right top; color: #fff; padding: 0 15px 0 8px; text-transform: uppercase; font-size: .775em;} header .search-bar .search-popup input[type="submit"]:hover, .mobile-header .search-bar .search-popup input[type="submit"]:hover {background-position: right bottom;} /* BREADCRUMB */ .breadcrumb {background: #333; border-bottom: 5px solid #ed7e2a; display: block; clear: both; padding: 15px 0; position: relative; font-size: .775em;} .breadcrumb span {color: #fff; display:inline-block; zoom: 1; *display:inline; padding: 0 5px; text-transform: uppercase; font-weight: 700;} .breadcrumb a {color: #fff;} .breadcrumb span:first-child {padding-left: 0;} .breadcrumb strong {font-weight: 900;} /* ================================================================================ */ /* WIDGETS */ /* ================================================================================ */ .home-grid {display: block; clear: both;} .home-grid.top {padding-top: 15px;} .widget {float: left; margin-bottom: 15px; overflow: hidden} .widget.tall {height: 380px;} .widget.short {height: 320px;} .widget-hd {position: relative; display: block; padding: 20px;} .widget .big-title {display: block; color: #fff; font-weight: 900; font-size: 3em; clear: both;} .big-title a {color: #fff; text-decoration: none;} .widget-hd .label {display: block; font-weight: 700; font-size: 1.125em; color: #fff;} .geo-pin {position: absolute; top: 16px; right: 15px; width: 52px; height: 60px; background: url(../img/sprite_ui.png) no-repeat 0 -95px;} .geo-pin-mini {display: block; width: 15px; height: 20px; background: url(../img/sprite_ui.png) no-repeat -267px -164px;} .widget.lime {background: #99aa1a;} .widget.blue {background: #1c96b0;} .widget.peach {background: #ea7427;} .widget.red {background: #a33703;} .widget.charcoal {background: #202020;} .widget .st_sharethis_custom {display: block; clear: both; position: relative; padding-left: 16px; margin: 10px 0 10px 12px; color: #fff; font-weight: 700; font-size: .875em; cursor: pointer;} .widget .st_sharethis_custom em {background: url(../img/sprite_ui.png) no-repeat -30px -164px; width: 12px; height: 15px; position: absolute; left: 0; top: 1px;} .right-rail .widget .widget-hd .geo-pin {width: 41px; height: 47px; background-position: -55px -95px; right: -7px; top: -2px; } .home-grid.mid .win-this-gear {margin-right: 0;} /* ======================================== */ /* CAROUSEL */ /* ======================================== */ .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 380px; } .channel-carousel {display: block; clear: both; margin-bottom: 4%;} .channel-carousel .carousel-caption {top: 11%;} .channel-carousel .carousel-caption .label {font-size: 1em;} .channel-carousel .carousel-caption h4 {font-size: 2.5em;} .channel-carousel .carousel-caption p {font-size: 1.125em; line-height: 1.3em} /* ======================================== */ /* TABBED */ /* ======================================== */ .gray-tabs .nav > li > a:hover, .gray-tabs .nav > li > a:focus, .gray-tabs .nav-tabs > li.active a {text-decoration: none; background-color: #272727;} .gray-tabs {background: #272727} .gray-tabs .nav-tabs > li.active a {color: #adbb1f;} .nav-tabs > li { text-align: center; /* fallback */ background-color: #272727; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#626262), to(#4d4d4d)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #626262, #4d4d4d); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #626262, #4d4d4d); /* IE 10 */ background: -ms-linear-gradient(top, #626262, #4d4d4d); /* Opera 11.10+ */ background: -o-linear-gradient(top, #626262, #4d4d4d); } .gray-tabs .nav-tabs > li {width: 33.3%;} .gray-tabs .tab-content {background: #272727; position: relative} .tab-content {padding: 20px;} .gray-tabs .tab-pane h3 {display: block; color: #ea7427; font-size: 3em; font-weight: 900; padding-bottom: 5px} .gray-tabs .tab-pane h3 a {display: block; color: #ea7427; font-weight: 900; padding: 0; border: 0} .gray-tabs .tab-pane a {color: #fff; font-weight: 700; padding: 15px 0; border-bottom: 1px solid #515151; display: block; clear: both; font-size: .875em;} .nav-tabs > li a i {font-style: normal} .gray-tabs a.btn-action {margin-top: 15px;} .gray-tabs .tab-pane a.geo {position: relative; padding-left: 20px;} .gray-tabs .tab-pane a .geo-pin-mini {display: none; position: absolute; left: 0; top: 12px; } .gray-tabs .tab-pane a.geo .geo-pin-mini {display: block} /* LARGE BLUE TABS */ .large-tabs .nav > li > a:hover, .large-tabs .nav > li > a:focus, .large-tabs .nav-tabs > li.active a {text-decoration: none; background-color: #1d96b1;} .large-tabs .nav-tabs > li.active a {color: #fff;} .large-tabs .nav-tabs > li {width: 25%;} .large-tabs .tab-pane h3 {display: block; color: #fff; font-size: 3em; font-weight: 900; padding-bottom: 15px} .large-tabs .link-wrap {display: block; clear: both; padding-bottom: 5px} .large-tabs .tab-pane .link-wrap a {color: #fff; font-weight: 700; padding-bottom: 15px; display: block; clear: both; font-size: 1em} .large-tabs .home-comment a {clear: none; display: inline-block; zoom: 1; *display:inline; padding-bottom: 0} .large-tabs .home-comment {display: block; clear: both; padding: 10px 0; border-top: 1px solid #0f6274;} #holder .large-tabs .home-comment .comment-page-link {display: block; clear: both; padding-bottom: 8px;} .large-tabs .home-comment .comment-meta a {display: inline-block; zoom: 1; *display:inline; clear: none; padding-bottom: 0} .large-tabs .home-comment:first-child {border-top: none; padding-top: 0} .large-tabs .comment-page-link {display: block; clear: both;} /* ======================================== */ /* TWO UP */ /* ======================================== */ .two-up .post-wrap {display: block; clear: both; padding: 0 20px 20px 20px;} .two-up article {float: left; width: 46%; margin-left: 6%; position: relative; overflow: hidden} .two-up article:first-child {margin-left: 0} .hikes-near-you {background: #202020} .hikes-near-you .big-title {float: left; width: 52%;} .hikes-near-you .btn-action {float: left;} .hikes-near-you .label {color: #abab3c} .pull-up {position: absolute; width: 100%; height: 25%; background: url(../img/bg_000_trans.png); bottom: -1px; left: 0;} .pull-up .text-wrap {padding: 0 20px; float: left; width: 75%} .pull-up p {color: #fff; font-size: .875em; padding-bottom: 10px; line-height: 1.2em; display: none} .pull-up p:last-child {padding-bottom: 0} .pull-up a {display: block; text-decoration: none} .pull-up a:hover {text-decoration: none;} .pull-up h3 {color: #fff; font-size: 1em; padding: 10px 0 8px 0; display: block; -webkit-transition:color 1s ease-in; -moz-transition:color .4s ease-in-out; -o-transition:color .4s ease-in-out; transition:color .4s ease-in-out; line-height: 1.2em;} .pull-up:hover h3 {color: #ea7427;} .pull-up .crosshair {width: 25px; height: 25px; background: url(../img/sprite_ui.png) no-repeat 0 -164px; display: block; position: absolute; top: 12px; right: 12px;} .two-up.short article {width: 48%; margin-left: 4%;} .two-up.short article:first-child {margin-left: 0} /* ======================================== */ /* ONE UP / DAILY DEALS */ /* ======================================== */ .one-up article {display: block; position: relative; clear: both;} /* DAILY DEALS */ .one-up .big-title.deal {float: left; width: 75%; font-size: 2.3em; line-height: .9em} .one-up .thumbsup {display: block; width: 30px; height: 36px; background: url(../img/sprite_ui.png) no-repeat 0 -533px; position: absolute; top: 10px; right: 15px;} .daily-deal {background: #ea7427;} .daily-deal .dd-wrap {display: block; clear: both; padding: 10px 15px; overflow: hidden} .dd-carousel {display: block; margin-bottom: 15px;} .dd-carousel .item {float: left; position: relative; width: 100%; background: #fff; padding-top: 20px; height: 240px; } .dd-carousel .item-img {display: block; clear: both; height: 100px; margin-bottom: 10px} .dd-carousel .item-img img {display: block; width: auto; max-width: none; margin: 0 auto;} .dd-carousel .item-buy-now {background: #99aa1a; text-transform: uppercase; text-align: center; display: block; clear: both; width: 80%; height: 30px; line-height: 30px; color: #fff; font-weight: 900; margin: 0 auto; margin-bottom: 20px;} .dd-carousel .item-buy-now {text-decoration: none;} .dd-carousel .item-buy-now:hover {background: #afbf20;} .dd-carousel .item-discount {display: block; clear: both; text-align: center; font-size: .875em; padding-bottom: 15px;} .dd-carousel .item-discount i {font-weight: 900; color: #a33703; font-style: normal;} .dd-carousel .item-title {display: block; text-align: center; clear: both; font-weight: 900; padding: 0px 10px 8px 10px; line-height: 1.2em} .dd-more {display: block; clear: both;} .dd-more a {color: #fff; font-weight: 700;} .swap-bar .one-up, .swap-bar .img-widget {height: 325px;} .swap-bar .widget:nth-of-type(4) {margin-right: 0} .one-up.home .big-title.deal {width: 81%;} .one-up.home .widget-hd {padding-bottom: 10px} .home .dd-carousel {} /* ======================================== */ /* 300 AD */ /* ======================================== */ .widget.ad300 {overflow: visible;} .ad300 a {display: block; margin: 0 auto; max-width: 300px; margin-top: 18%;} .ad300.col-6 a {margin-top: 6%} .widget.ad300.home-top {margin-right: 0; float: right} .home-grid .ad300, .connect-grid .ad300 {display: table;} .connect-grid .ad300 {float: left; width: 100%; background: #eee; display: table !important; padding: 15px 0;} .home-grid .ad300 div {display: table-cell; vertical-align: middle;} .connect-grid .ad300 div {display: block; max-width: 300px; margin: 0 auto;} .home-grid .ad300 iframe, .connect-grid .ad300 iframe {display: block; margin: 0 auto;} /* ======================================== */ /* GEARFINDER SEARCH */ /* ======================================== */ .gear-search {background: #333; color: #fff;} .gear-search .left, .gear-search .right {width: 48%} .gear-search .big-title {padding-bottom: 10px;} .gear-search .inner-pad {padding: 20px 12px 20px 20px} .gear-search .left form input {display: inline-block; zoom: 1; *display:inline; line-height: 27px; height: 27px; border: 0} .gear-search input[type="text"] {text-indent: 5px; width: 70%; font-size: .875em;} .gear-search input[type="submit"] {background: url(../img/bg_btn_orange.png) repeat-x right top; color: #fff; border: 0; padding: 0 15px 0 8px; text-transform: uppercase; font-size: .775em} .gear-search input[type="submit"]:hover {background-position: right bottom;} .gear-search .or {position: relative; text-align: center; color: #fff; font-size: .875em; display: block; clear: both; margin: 10px 0 5px 0;} .gear-search .line-left, .gear-search .line-right {position: absolute; height: 1px; background: #fff; width: 40%; top: 8px; display: block} .gear-search .line-left {left: 0} .gear-search .line-right {right: 0;} .gear-search small {font-weight: 700; display: block; padding-bottom: 8px} .gear-search a.gear-arrow {display: block; clear: both; color: #fff; font-weight: 900; font-size: 1.125em; height: 26px; line-height: 26px; background: url(../img/bg_tab_green.png) repeat-x right top; padding: 0 10px; margin-bottom: 2px} .gear-search a.gear-arrow:hover {background-position: right bottom} .gear-search a.gear-arrow:hover {text-decoration: none;} .gear-search select {display: block; clear: both; margin-top: 10px; width: 98%} .gear-search .right {position: relative} .gear-search .right a.btn-action {position: absolute; width: 66%; bottom: 0px; margin-bottom: -10px; left: 22px} /* ======================================== */ /* GEAR REVIEWS */ /* ======================================== */ .gear-reviews {background: #333; color: #fff;} .gear-reviews .big-title {line-height: .9em; font-size: 2.5em} .gear-reviews .geo-pin {right: 8px} .gear-reviews .inner-pad {padding: 18px 0 18px 18px} .gear-reviews .left, .gear-reviews .right {width: 49%} .gear-reviews .left {position: relative;} .gear-reviews .gear-links {display: block; clear: both; padding: 20px 0 10px 0;} .gear-reviews .gear-links a {color: #fff; display: block; clear: both; padding-bottom: 10px} .gear-reviews .right {height: 320px; background-repeat: no-repeat; background-position: center center; position: relative} .gear-reviews .right a {display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; color: #fff;} .gear-reviews .right a:hover {text-decoration: none;} .gear-reviews .right .feat-ribbon {position: absolute; top: 0; right: 0; background: url(../img/sprite_ui.png) no-repeat -688px 0; width: 114px; height: 114px; display: block} .gear-reviews .right .caption {position: absolute; padding: 8px; background: rgba(0,0,0,.5); font-weight: 900; font-size: 1em; bottom: 0px; left: 0; margin: 12px; text-shadow: 1px 1px 1px #333333; filter: dropshadow(color=#333333, offx=1, offy=1);} /* ======================================== */ /* TWITTER WIDGET */ /* ======================================== */ .twitter .bird {display: block; position: absolute; top:2px; right: 2px; background: url(../img/sprite_ui.png) no-repeat -298px -246px; width: 40px; height: 40px;} .twitter .twitterfeed {display: block; clear: both; padding-bottom: 15px} .twitter .tweet-to {color: #fff; float: left; font-weight: 700; clear: left;} .twitter .tweet_list {-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; list-style: none; margin: 0; padding: 0; overflow-y: hidden; background-color: #8ADEE2; } .twitter .tweet_list li {overflow-y: auto; overflow-x: hidden; padding: 0.5em; list-style-type: none; } .twitter .tweet_list li a {color: #0C717A;} .twitter .tweet_list .tweet_even {background-color: #91E5E7;} .twitter .tweet_list .tweet_avatar {padding-right: .5em; float: left;} .twitter .tweet_list .tweet_avatar img {vertical-align: middle;} /* ======================================== */ /* FB WIDGET */ /* ======================================== */ .fb-wall {background: #333; color: #fff;} .fb-wall .module-hd {padding: 0; margin-bottom: 8px; font-size: 2.25em} .fb-wall .module-hd .mod-title {width: 90%; float: left;} .fb-wall .fb-wrap {display: block; clear: both; height: 250px; overflow: auto; overflow-x: hidden; margin-top: 10px} .fb-wall .fb-logo {background: url(../img/sprite_ui.png) no-repeat 0 -194px; display: block; width: 40px; height: 40px; position: absolute; top: 0px; right: 0px;} .fb-wall article {display: block; clear: both; padding: 15px 0; border-top: 1px solid #444;} .fb-wall article:first-child {border-top: none;} .fb-wall .fb-img {float: left; width: 14%;} .fb-wall .fb-txt {float: right; width: 82%} .fb-wall .name-link {color: #fbbb1b; font-weight: 900; padding-bottom: 5px; display: block; clear: both; float: left} .fb-wall time {display: block; clear: both; font-size: .750em; color: #888; padding-bottom: 5px; font-weight: 700;} .fb-wall .fb-desc {font-size: .875em; line-height: 1.3em;} .fb-wall .fb-desc a {color: #fbbb1b;} .right-rail .fb-wall.widget .fb-logo {right: 0; top: 0} .fb-wall.widget .widget-hd {padding: 15px 15px 0 15px; position: relative} .right-rail .fb-wall.widget .widget-hd {padding: 0;} .fb-wall.widget .big-title {font-size: 2.4em;} .fb-wall.widget .fb-logo {right: 15px; top: 12px;} .home-grid .fb-wall.widget .fb-wrap {padding: 10px 15px; margin-top: 10px; height: 275px;} .fb-wall.widget .fb-wrap .fb-post:first-child {padding-top: 0} /* ======================================== */ /* IMAGE WIDGET / CONNECT / SIGN UP */ /* ======================================== */ .right-rail .widget.img-widget {padding: 0;} .img-widget .bot-pad {display: block; clear: both; padding: 4px 6px;} .swap-bar {display: block; clear: both;} .swap-bar .img-widget .bot-pad {padding: 0} .one-up-bd {display: block; clear: both} .one-up-bd .sign-up-widget {display: block; max-width: 153px; margin: 0 auto; padding:10px 0; clear: both} .one-up-bd a {color: #fff; text-align: center;} .one-up-bd .connect-widget {display: block; max-width: 226px; margin: 0 auto; padding-bottom: 20px} .one-up-bd a.btn-action {margin: 0; display: block; float: none; width: 190px; margin: 0 auto;} .one-up.sign-up {-webkit-transition:background-color .3s ease-in-out; -moz-transition:background-color .3s ease-in-out; -o-transition:background-color .3s ease-in-out; transition:background-color .3s ease-in-out;} .one-up.lime.sign-up:hover {background: #a8ba1f;} .one-up.sign-up a:hover {text-decoration: none;} .one-up.sign-up a i {font-weight: 700; padding: 15px; display: block; clear: both; line-height: 1.3em; font-style: normal;} /* ======================================== */ /* FORUM (LATEST) */ /* ======================================== */ .forum-latest {background: #a23703;} .forum-latest .widget-hd {padding-bottom: 10px} .forum-latest .inner-pad {position: relative;} /*.forum-latest .big-title small {font-size: .6em; padding-left: 10px} */ .forum-latest .widget-hd a {float: left;} .forum-latest .widget-hd .btn-action, .forum-latest .module-hd .btn-action {float: right;} .forum-wrap {display: block; padding: 0 20px;} .forum-latest article {display: block; clear: both; border-top: 1px solid #7e2a00; padding: 15px 0} .forum-latest article:first-child {border-top: 0;} .forum-latest article .topic {display: block; padding-bottom: 8px;} .forum-latest article .topic a {color: #fbbb1b; font-weight: 700} .forum-latest article .meta {display: block; clear: both; color: #fff;} .forum-latest article .meta a {color: #fff; font-weight: 700} .right-rail .forum-latest .widget-hd {padding-bottom: 0px} .right-rail .forum-latest .big-title small {display: none;} .right-rail .forum-wrap {padding: 0;} .forum-latest .geo-pin {right: 0; left: 200px;} /* ================================================================================ */ /* PHOTO GALLERIES SCROLL */ /* ================================================================================ */ .photo-gal {display: block; clear: both; color: #fff; margin-bottom: 20px; overflow: hidden; background: #000; padding: 25px 0;} .photo-gal.home {background: none; padding: 0;} .photo-gal.home .wrapper {position: relative; background: #000;} .photo-gal.home .pad {padding: 20px 25px;} .photo-gal .big-title {float: left; font-weight: 900; font-size: 2.250em; margin-top: 6px} .photo-gal a.red-arrow {float: right; height: 40px; line-height: 40px; padding: 0 25px 0 15px; color: #fff; font-weight: 900; background: url(../img/bg_btn_red.png) no-repeat right top;} .photo-gal a.red-arrow:hover {background-position: right bottom; text-decoration: none} #photos-iscroll{width: 100%; float:left; position:relative; z-index:1; overflow:hidden; margin-top: 30px;} .photo-gal .scroll-wrapper {width:4000px; height:100%; float:left; padding:0;} .photo-gal .scroll-wrapper ul {list-style:none; display:block; float:left; width:100%; height:100%;padding:0; margin:0; text-align:left; } .photo-gal .scroll-wrapper li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display:block; float:left; width: 200px; height:225px; margin-right: 20px; font-size: 1.125em; font-weight: 700;} .photo-gal .scroll-wrapper li a {display: block; margin-bottom: 10px;} .photo-gal .scroll-wrapper li a img {width: 100%; display: block} .photo-gal .iscroll-prev, .photo-gal .iscroll-next {width: 64px; height: 64px; display: block; position: absolute; background: url(../img/sprite_ui.png) no-repeat; top: 50%; margin-top: -32px; z-index: 10; cursor: pointer} .photo-gal .iscroll-prev:hover, .photo-gal .iscroll-next:hover {} .photo-gal .iscroll-prev {left: -2%; background-position: -306px 0} .photo-gal .iscroll-next {right: -2%; background-position: -373px 0} /* INNER PAGES */ .photo-gal.inner {margin-bottom: 5%} .photo-gal.inner .bar-hd {padding: 5px 25px} .photo-gal.inner .inner-pad {padding: 0 80px; position: relative} .photo-gal.inner .scroll-wrapper li {width: 180px; margin-right: 20px; height: 200px} .photo-gal.inner .iscroll-prev, .photo-gal.inner .iscroll-next {top: 40%;} .photo-gal.inner .iscroll-prev {left: 8px;} .photo-gal.inner .iscroll-next {right: 8px;} /* ================================================================================ */ /* VIDEO GALLERIES SCROLL */ /* ================================================================================ */ .video-gal {display: block; clear: both; background: #000; color: #fff; padding: 25px 0; margin-bottom: 15px;} .video-gal .col-6, .video-gal .col-3 {float: left;} .video-gal .big-title {display: block; font-size: 2.250em; font-weight: 900; padding-bottom: 20px;} #video-desc strong {display: block; clear: both; padding-bottom: 6px; font-size: 1.125em; font-weight: 900; line-height: 1.2em} #video-desc time {display: block; font-weight: 900; font-size: .750em; padding-bottom: 25px;} #video-desc a {color: #fff;} #video-desc p {line-height: 1.4em; padding-bottom: 10px;} #video-desc p:last-child {padding-bottom: 0} #video-still a {display: block;} #video-still a img {display: block; width: 100%;} #video-still a span {display: block; width: 118px; height: 118px; position: absolute; left: 50%; margin-left: -59px; top: 50%; margin-top: -59px; background: url(../img/sprite_ui.png) no-repeat 0 -246px; } #video-still a:hover span {background-position: -124px -246px;} .video-gal .desc {display: block; padding-bottom: 15px;} /* TABLET VIEW */ .video-gal {display: block; clear: both; margin-bottom: 4%; position: relative} #home-videos.video-gal {margin-bottom: 20px; background: none; padding: 0;} #home-videos.video-gal .wrapper {background: #000; padding: 5px 0;} #home-videos.video-gal .pad {margin: 20px;} .video-gal.touch-view #video-desc {width: 35%; float: left} .video-gal.touch-view .img-preview {width: 60%; float: right; position: relative} .video-gal.touch-view .scroll-thumbs {display: block; clear: both; padding: 0} .video-gal.touch-view #media-iscroll{width: 100%; float:left; position:relative; z-index:1; overflow:hidden; margin-top: 20px;} .video-gal.touch-view .scroll-wrapper {width:2100px; height:100%; float:left; padding:0 20px;} .video-gal.touch-view .scroll-wrapper ul {list-style:none; display:block; float:left; width:100%; height:100%;padding:0; margin:0; text-align:left; } .video-gal .scroll-wrapper li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display:block; float:left; width: 220px; height:90px; margin-right: 2px; font-size: 1.125em; font-weight: 700; background: #333; color: #fff; padding: 10px;} .video-gal .scroll-wrapper .slide {cursor: pointer} .video-gal .scroll-wrapper li.active {background: #99ab1b;} .video-gal .scroll-wrapper li .thumb {float: left; width: 45%; position: relative;} .video-gal .scroll-wrapper li .thumb img {display: block; width: 100%} .video-gal .scroll-wrapper li .thumb span {position: absolute; width: 42px; height: 42px; background: url(../img/sprite_ui.png) no-repeat -249px -246px; display: block; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px;} .video-gal .scroll-wrapper li .text-wrap {float: right; width: 48%;} .video-gal .scroll-wrapper li .text-wrap span {font-size: .750em; display: block; clear: both; line-height: 1.1em;} .video-gal.touch-view .media-scroll {width: 18px; height: 90px; background: #666666; position: absolute; bottom: 20px; z-index: 2; cursor: pointer} .video-gal.touch-view .media-scroll.prev {left: 20px;} .video-gal.touch-view .media-scroll.next {right: 20px;} .video-gal.touch-view .media-scroll.next i, .video-gal.touch-view .media-scroll.prev i {background: url(../img/sprite_ui.png) no-repeat; width: 13px; height: 19px; display: block; position: absolute; top: 50%; margin-top: -10px; left: 2px;} .video-gal.touch-view .media-scroll.next:hover, .video-gal.touch-view .media-scroll.prev:hover {background: #5a5a5a;} .video-gal.touch-view .media-scroll.prev i {background-position: -207px -164px; } .video-gal.touch-view .media-scroll.next i {background-position: -224px -164px; } #home-videos.video-gal.touch-view #media-iscroll{ margin-top: 25px;} #home-videos.video-gal.touch-view .media-scroll.prev {left: 0px; bottom: 0;} #home-videos.video-gal.touch-view .media-scroll.next {right: 0px; bottom: 0;} #home-videos.video-gal.touch-view .media-scroll.vert {display: none;} #home-videos.video-gal.touch-view .media-scroll.hori {display: block;} #home-videos.video-gal.home-view .media-scroll.vert {display: block;} #home-videos.video-gal.home-view .media-scroll.hori {display: none;} /* HOME VIEW */ #home-videos .pad {position: relative} .video-gal.home-view #video-desc {width: 27%; float: left; margin-right: 2%;} .video-gal.home-view .img-preview {width: 46%; float: left; height: 280px; position: relative} .video-gal.home-view #media-iscroll{width: 23%; float:right; position:relative; z-index:1; overflow:hidden; height: 238px; margin-top: 21px;} .video-gal.home-view .scroll-wrapper li {float: none; display: block; clear: both; margin-bottom: 2px; width: auto} .video-gal.home-view .scroll-wrapper li .thumb {max-width: 90px} .video-gal.home-view .scroll-wrapper li .text-wrap {width: 60%} .video-gal.home-view .media-scroll {background: #666666; height: 18px; width: 23%; z-index: 2; cursor: pointer; position: absolute; right: 0;} .video-gal.home-view .media-scroll.prev {top: 0;} .video-gal.home-view .media-scroll.next {bottom: 0;} .video-gal.home-view .media-scroll.next i, .video-gal.home-view .media-scroll.prev i {background: url(../img/sprite_ui.png) no-repeat; width: 18px; height: 14px; display: block; position: absolute; top: 2px; left: 50%; margin-left: -9px;} .video-gal.home-view .media-scroll.prev i { background-position: -120px -165px;} .video-gal.home-view .media-scroll.next i { background-position: -97px -165px; } /* INNER VEW */ #inner-videos .pad {padding: 0 20px;} #inner-videos.video-gal.touch-view .media-scroll {bottom: 25px} /* ================================================================================ */ /* POST HEAD */ /* ================================================================================ */ .post-head {display: block; clear: both;} .post-head .left {width: 50%} .post-head .right {width: 45%;} .post-head nav {float: right;} .inner-body .post-head h1 {float: left; width: 82%; clear: left;} .inner-body .page-temp .post-head h1 {display: block; width: auto; clear: both; font-size: 2.25em} .post-head nav a, .gear-head nav a {background: url(../img/sprite_paging.png) no-repeat; height: 27px; line-height: 27px; font-weight: 900; display: inline-block; zoom: 1; *display:inline; color: #fff; text-transform: uppercase; font-size: .875em} .post-head nav .post-prev a, .gear-head nav .post-prev a {background-position: left top; padding: 0 12px 0 17px; margin-right: 8px} .post-head nav .post-prev a:hover, .gear-head nav .post-prev a:hover {background-position: left bottom; color: #fff; text-decoration: none} .post-head nav .post-next a, .gear-head nav .post-next a {background-position: right top; padding: 0 17px 0 12px;} .post-head nav .post-next a:hover, .gear-head nav .post-next a:hover {background-position: right bottom; color: #fff; text-decoration: none} .post-head .cat-label, .gear-head .cat-label {float: left; margin-bottom: 5px; clear: both;} .post-head .cat-label a, .gear-head .cat-label a {color: #fff; font-weight: 700; font-size: 1.125em; background: #a33703; padding: 6px 14px; display: block; float: left; margin-right: 8px; margin-bottom: 6px} .post-head .cat-label a:last-child, .gear-head .cat-label a:last-child {margin-right: 0} .post-head .cat-label a:hover, .gear-head .cat-label a:hover {text-decoration: none; background: #bb3d00} .post-head nav {display: block; clear: both; padding-bottom: 15px;} .post-head nav .blue {color: #6090a9; font-size: 1.125em; font-weight: 700; padding-right: 10px} .post-head h1 {display: block; clear: both; font-size: 2.2em; padding-bottom: 10px; padding-top: 5px; line-height: 1.2em} .post-head h1 a {color: #000;} .post-head .subhead {color: #6090a9; font-size: 1.25em; font-weight: bold; display: block; clear: both; padding-bottom: 15px; line-height: 1.2em} .post-head .author a {color: #a33703; font-weight: 700} .post-hero {display: block; clear: both; max-height: 350px; overflow: hidden; border-bottom: 5px solid #eee; position: relative} body.skinned .post-hero {width: 100%; max-width: 1140px; margin: 0 auto;} .post-hero img {display: block;} .post-hero .hero-caption {position: absolute; bottom: 5%; left: 3%; font-size: .875em; font-weight: 900; color: #fff; background: rgba(0,0,0,.6); padding: 8px 15px;} .post-head .post-bookmark {float: right; clear: right; margin: 15px 0;} .post-bookmark .upb_add_remove_links {float: left;} .post-bookmark .upb_add_remove_links a {float: right; position: relative; height: 37px; line-height: 36px; cursor: pointer; border: 0; -webkit-appearance: none !important; background: url(../img/bg_btn_green.png) repeat-x right top; padding: 0 22px 0 15px; color: #fff; font-weight: 700; font-size: 1.125em; -webkit-font-smoothing: antialiased;} .post-bookmark .upb_add_remove_links a:hover {background-position: right bottom; color: #fff; text-decoration: none; } .post-meta {display: block; clear: both; margin-bottom: 25px;} .post-head .issue {display: block; clear: both; font-weight: 700; float: left; padding-bottom: 8px; line-height: normal} .post-head .issue a {color: #a33703;} /* ================================================================================ */ /* POST BODY */ /* ================================================================================ */ .post-tags {margin: 0; display: block; clear: both; border-top: 1px solid #eee; padding: 20px 0; list-style-type: none; margin-bottom: 10px} .post-tags li {float: left; font-size: 1.125em;} .post-tags li:first-child {margin-right: 15px;} .post-tags span {font-weight: 700;} .post-tags a {color: #a33703} .post-tags a:hover {color: #a33703; text-decoration: underline;} /* SHARE BAR */ .share-bar {background: #333; padding: 12px; color: #fff; margin-bottom: 20px} .share-bar {position: absolute; left: 50%; top: 20px; margin-left: -685px; z-index: 1000;} .trip-head .share-bar {top: 1px;} #holder .share-bar.stick {position: fixed; top: 150px;} .share-bar strong {display: block; text-align: center; padding-bottom: 10px;} .share-bar .share-link {display: block; clear: both; margin-bottom: 10px} .share-bar .stButton .stBubble+.stButton_gradient, .share-bar .stButton .st-sharethis-counter {width: 54px; overflow: hidden} .share-bar .hori-links {display: none;} /* RELATED POSTS */ .related-posts {display: block; clear: both; background: #202020; padding: 20px; margin-bottom: 4%;} .related-hd {display: block; padding-bottom: 12px} .related-hd h3 {float: left; font-size: 1.5em; color: #fff;} .related-hd a {float: right; color: #fbbb1b; font-weight: 900;} .related-posts article {float: left; width: 31.2%; margin-left: 3%} .related-posts article:first-child {margin-left: 0} .related-posts article a {display: block; color: #fff; font-size: .875em; line-height: 1.3em} .related-posts article a:hover {text-decoration: none;} .related-posts img {width: auto;} .related-posts article a img {display: block; width: 100%; margin-bottom: 2px;} .related-posts article a span {background: #387493; display: block; clear: both; padding: 10px; height: 70px; overflow: hidden} .related-posts article:nth-child(2) a span {background: #a33703} .related-posts article:nth-child(3) a span {background: #99aa1a} .related-posts article a:hover span {background: #707070} .related-posts .no-related {color: #999; display: block; padding-top: 15px;} /* ================================================================================ */ /* COMMENTS */ /* ================================================================================ */ #comments {display: block; clear: both; margin-bottom: 5%; padding-top: 3%; } #comments h3 {display: block; font-size: 2em; padding-bottom: 4%;} #comments ol, #comments ul {margin: 0; list-style-type: none; display: block; clear: both} #comments li {display: block; clear: both; margin-bottom: 5%;} #comments article {display: block;} #comments .comment-hd {display: block; clear: both; padding-bottom: 2%} #comments article h4 {font-size: 1.25em; float: left;} #comments article time {float: right; font-size: .875em; color: #333} #comments article .comment-bd {display: block; clear: both; padding-bottom: 20px;} #comments article .comment-bd p {color: #666666; line-height: 1.4em; padding-bottom: 15px;} #comments article .comment-bd p:last-child {padding-bottom: 0} #comments article a {color: #a33703} #comments article .thumb {float: right; width: 10%; display: block} #comments article .thumb img {display: block; width: 100%} #comments article .comment-wrap {float: right; width: 80.5%; margin-left: 2%; border-left: 6px solid #99aa1a; padding-left: 2%; background: #f8f8f8; padding: 3%} #comments .comment-reply-link {float: right; font-size: .875em; font-weight: 700; background: #8b8b8b; padding: 3px 6px; color: #fff;} #comments .comment-reply-link:hover {background: #333; text-decoration: none;} /* NESTING */ #comments ol li ul {margin: 4% 0 0 12%;} #comments ol li ul li article .comment-wrap {border-color: #1c96b0} #comments ol li ul li ul li article .comment-wrap {border-color: #a33703} .comment-filler {display: block; clear: both; background: #333; color: #fff; line-height: 60px; height: 60px; text-align: center; font-size: 1.25em; font-weight: 700; margin-bottom: 4%;} /* RESPOND */ #respond {display: block; clear: both; padding: 40px 20px; border-top: 1px solid #eee;} #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .clearfix { zoom: 1; } /* IE7 */ #respond h3 {padding-bottom: 10px;} #respond #reply-title {font-size: 2em;} #respond a {color: #1c96b0; font-weight: 700} #respond #reply-title small {float: right; font-size: .6em; margin-top: 5px} #respond #reply-title small a {color: #a33703; font-weight: 700;} #respond .form-allowed-tags {display: none;} #respond .logged-in-as, #respond .comment-notes {display: block; clear: both; padding-bottom: 15px;} #respond #commentform label {display: block; clear: both; font-size: 1.25em; font-weight: 700; padding-bottom: 5px;} #respond #commentform input[type="text"], #respond #commentform input[type="email"], #respond #commentform textarea {border: 1px solid #696969; display: block; clear: both; font-family: 'Roboto'; margin-bottom: 25px; padding: 1.5%; width: 70%;} #respond #commentform textarea {width: 97%;} #respond .form-submit {display: block; float: left; margin-bottom: 20px;} #respond .form-submit input {float: left; position: relative; height: 37px; line-height: 36px; cursor: pointer; border: 0; -webkit-appearance: none !important; background: url(../img/bg_btn_green.png) repeat-x right top; padding: 0 22px 0 15px; color: #fff; font-weight: 700; font-size: 1.125em; -webkit-font-smoothing: antialiased;} #respond .form-submit input:hover {background-position: right bottom; color: #fff; text-decoration: none;} /* SUBSCRIBE TO COMMENTS */ .subscribe-reloaded {display: block; clear: both; background: #f5f5f5; padding: 2%;} .subscribe-reloaded select {display: block; clear: both; margin-bottom: 15px;} .subscribe-reloaded .row {display: block; clear: both; font-size: .775em;} #respond .subscribe-msg {display: block; clear: both; margin-bottom: 8px;} .subscribe-mgmt {display: block; clear: both; margin-bottom: 30px} .subscribe-mgmt h2 {display: block; font-size: 2em; font-weight: 900; padding-bottom: 20px;} .subscribe-mgmt p {display: block; clear: both; line-height: 1.4em; padding-bottom: 15px;} .subscribe-mgmt #subscribe-reloaded-title-p {display: block; clear: both; padding: 5px; background: #f1f1f1; margin-bottom: 10px;} .subscribe-mgmt #subscribe-reloaded-title-p strong {color: #1c96b0} .subscribe-mgmt .subscribe-column-2 {color: #a33703} .subscribe-mgmt #subscribe-reloaded-list {display: block; clear: both; padding: 20px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; margin-bottom: 15px;} .subscribe-mgmt #subscribe-reloaded-list li {margin-bottom: 5px; list-style-type: none} .subscribe-mgmt #subscribe-reloaded-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .subscribe-mgmt #subscribe-reloaded-list li { zoom: 1; } /* IE7 */ .subscribe-mgmt #subscribe-reloaded-list li input[type="checkbox"] {float: left; margin-top: 2px; margin-right: 10px} .subscribe-mgmt #subscribe-reloaded-list li label {float: left; margin-left: 10px;} .subscribe-mgmt #subscribe-reloaded-list li a {color: #1c96b0} .subscribe-mgmt #subscribe-reloaded-select-all-p a {color: #1c96b0; margin-right: 8px} .subscribe-mgmt .subscribe-form-button {width: 220px;} .subscribe-mgmt p.updated {display: block; float: left; background: #a33703; color: #fff; clear: both; padding: 8px; margin-bottom: 5px} /* ================================================================================ */ /* PAGINATION */ /* ================================================================================ */ .wp-pagenavi {float:left; clear: both; margin-bottom: 5%; font-weight: 700; font-size: 1.125em;} .wp-pagenavi a, .wp-pagenavi span {float: left; padding: 8px; color: #000 !important; background: #f6f6f6; margin-right: 4px; display: block} .wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a:hover {background: #98ac23; color: #fff !important; text-decoration: none} .wp-pagenavi .pages {margin-right: 3px;} /* ================================================================================ */ /* TRIP REPORT */ /* ================================================================================ */ .trip-head {padding-top: 25px; display: block; clear: both} .trip-head .wrapper {position: relative} .trip-head.post-head .left {width: 67%} .trip-head.post-head .right {width: 31%;} .trip-head .trail-rating {display: block; clear: both; padding-bottom: 15px; float: right} .trip-head .trail-rating strong {float: left; font-size: 1.4em; font-weight: 900; margin: 0px 10px 0 0} .trip-head .post-bookmark {float: right; clear: both; margin-top: 0px} /* MAP */ .trip-map {display: block; clear: both} .trip-map .wrapper {position: relative;} .trip-map .shade {width: 400px; height: 37px; background: #fff; position: absolute; bottom: 0; left: 0;} #trimbleMap {width: 100%; height: 400px; overflow: hidden} body.skinned .trip-map {width: 100%; max-width: 1140px; min-width: 1140px; margin: 0 auto;} /* TRIP TOOLS */ .trip-tools {position: absolute; top: 0; left: 1px; width: 155px;} .trip-tools .tt-head {display: block; clear: both; background: #000; color: #fff; height: 20px; padding: 12px 10px;} .trip-tools .tt-head span {float: left; text-transform: uppercase; font-weight: 900; font-size: 1em; padding-right: 7px; border-right: 1px dotted #fff; height: 23px; line-height: 23px;} .trip-tools .tt-head .tools-toggle {float: left; width: 28px; height: 20px; background: url(../img/sprite_ui.png) no-repeat -248px -371px; display: block; margin: 2px 0 0 7px; border: 0;} .trip-tools.open .tt-head .tools-toggle {background-position: -217px -373px;} .trip-tools .tt-pop {display: none; background: #99aa1a; position: relative; z-index: 1000;} .trip-tools.open .tt-pop {display: block} .trip-tools .trimble-link {background: #000; padding: 4px 0; display: block; clear: both} .trip-tools .trimble-link img {display: block; width: 100%} .trip-tools .tool-link {background: #99aa1a; color: #fff; font-weight: 900; display: block; clear: both; padding: 5px 0; border-top: 1px solid #bec96d; border-bottom: 1px solid #bec96d; position: relative; padding-left: 70px; padding-top: 10px; height: 42px; margin-bottom: 6px; line-height: 1.2em; font-size: .875em; text-transform: uppercase} .trip-tools .send-to-mobile {margin-bottom: 0; border-bottom: 1px solid #899917;} .trip-tools .tool-link:hover {text-decoration: none; background: #a4b61e;} .trip-tools .tool-link span {background: url(../img/sprite_ui.png) no-repeat; width: 49px; height: 49px; display: block; position: absolute; left: 8px; top: 5px;} .trip-tools .elevation-profile span {background-position: 0 -373px;} .trip-tools .print-maps span {background-position: -54px -373px;} .trip-tools .export-gpx span {background-position: -107px -373px;} .trip-tools .send-to-mobile span {background-position: -161px -373px;} .trip-tools .become-elite {background: url(../img/sprite_ui.png) no-repeat 0 -432px; width: 152px; height: 42px; float: left; clear: left; color: #fff; padding: 7px 30px 0 0px; text-align: center; font-weight: 900} .trip-tools .become-elite:hover {text-decoration: none; background-position: -188px -432px;} /* TRIP BODY */ .inner-body {display: block; clear: both; padding-top: 25px; position: relative} .inner-body h1 {display: block; clear: both; font-size: 2.5em; font-weight: bold; line-height: 1.2em; padding-bottom: 10px;} .inner-body .tax-desc {display: block; clear: both; margin-bottom: 3%;} .inner-body .tax-desc p {font-size: 1em; color: #000; display: block; clear: both; line-height: 1.2em; padding-bottom: 15px;} .trip-body nav {display: block; clear: both; padding-bottom: 35px;} .trip-body nav a, .trip-body nav span {float: left; width: 19%; margin-right: 1.2%; height: 40px; line-height: 40px; font-weight: 700; font-size: 1.125em; display: block; text-align: center; color: #fff; /* fallback */ background-color: #afaf3f; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c551), to(#a1a132)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #c5c551, #a1a132); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #c5c551, #a1a132); /* IE 10 */ background: -ms-linear-gradient(top, #c5c551, #a1a132); /* Opera 11.10+ */ background: -o-linear-gradient(top, #c5c551, #a1a132); } .trip-body nav .active { position: relative; /* fallback */ background-color: #afaf3f; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f58d14), to(#ef650e)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #f58d14, #ef650e); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f58d14, #ef650e); /* IE 10 */ background: -ms-linear-gradient(top, #f58d14, #ef650e); /* Opera 11.10+ */ background: -o-linear-gradient(top, #f58d14, #ef650e); } .trip-body nav .active:after { content:""; position:absolute; bottom:-15px; /* value = - border-top-width - border-bottom-width */ left:50%; /* controls horizontal position */ border-width:15px 15px 0; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#ef650e transparent; /* reduce the damage in FF3.0 */ display:block; width:0; margin-left: -15px; } .trip-body nav a:hover {color: #fff; text-decoration: none; background: #c5c551;} .trip-body nav .last {margin-right: 0;} .hreview-aggregate {display: none;} /* TRAIL FACTS */ .trail-facts {display: block; clear: both; background: #eeeeee; color: #333; margin-bottom: 4%} .trail-facts .inner-pad {padding: 20px 25px;} .trail-facts h2 {display: block; font-size: 2.5em; padding-bottom: 20px;} .trail-facts ul {list-style-type: none; display: block;} .trail-facts ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .trail-facts ul li { zoom: 1; } /* IE7 */ .trail-facts ul li {display: block; clear: both; margin-bottom: 15px;} .trail-facts .t-label {font-weight: 700; float: left; width: 25%} .trail-facts .t-data {float: right; width: 74%} .elevation {display: block; clear: both; margin-bottom: 4%} #eleProfile2 {display: none;} /* WAYPOINTS */ .trip_waypoints {display: block; clear: both; margin-bottom: 5%;} .wpt_head {float: left; font-weight: 900} .wpt_loc {float: right; font-weight: 900; color: #a33703;} .wpt_desc {display: block; clear: both; padding:10px 0 25px 0; border-bottom: 1px solid #eee; margin-bottom: 25px;} /* USER REPORTS */ .user-reports {display: block; clear: both; margin-bottom: 5%;} .user-reports .ur-hd {padding-bottom: 4%;} .user-reports .count {float: left; width: 70%} .user-reports .ur-hd .count em {float: left; font-size: 2em; line-height: 45px; clear: none; font-style: normal; font-weight: 900} .user-reports .ur-hd span {color: #fff; background: #99aa1a; padding: 0 10px; font-size: 1.5em; height: 45px; line-height: 45px; float: left; margin-right: 10px; font-weight: 900; min-width: 25px; text-align: center} .user-reports .post-report {float: right; margin-right: 12px;} .user-reports .btn-red-arrow {display: block; background: #99aa1a; color: #fff; font-weight: 700; font-size: 1.1em; position: relative; height: 38px; line-height: 38px; padding: 0 30px 0 15px;} .user-reports .btn-red-arrow:after { content: ''; display: block; position: absolute; top: 0; right: -12px; /* the arrow div is 34px wide */ width: 0; height: 0; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 12px solid #99aa1a; z-index: 10; /* higher z-index than the white */ } .user-reports .btn-red-arrow:hover {text-decoration: none; background: #8d9d19;} .user-reports .btn-red-arrow:hover:after {border-left: 12px solid #8d9d19;} .user-reports .btn-red-arrow i {font-size: 1.8em; position: absolute; right: 7px; top: -1px; font-style: normal; font-weight: 900} .user-reports article {display: block; clear: both; margin-bottom: 4%; background: #eee; font-size: .875em; line-height: 1.5em; font-weight: 200} .user-reports article .inner-pad {padding: 20px;} .user-reports article .row {margin-bottom: 20px;} .user-reports article time {} .user-reports article time span {display: block; clear: both; font-weight: 700; font-style: italic} .user-reports .meta h4 a {color: #a33703; display: block} .user-reports .meta strong {display: block; clear: both;} .user-reports .meta span {padding-right: 10px;} .user-reports .details span {float: left; width: 300px} .user-reports .details span strong {float: left; width: 80px} .user-reports .details span i {float: right; width: 72%} .user-reports .photos a {float: left; width: 23.5%; display: block; margin: 0 2% 2% 0} .user-reports .photos a:nth-child(4n) {margin-right: 0} .user-reports .photos a img {display: block; width: 100%} /* LOGIN MODULE */ .login-mod {display: block; clear: both; width: 50%; background: #eee; padding: 3%; color: #000;} .login-mod .must-login {display: block; font-weight: 700; color: #b93d01; padding-bottom: 10px} .login-mod form p {display: block; clear: both; padding-bottom: 8px;} .login-mod form label {display: block; color: #000; font-size: .875em; font-weight: 700; padding-bottom: 5px} .login-mod form input[type="text"], .login-mod form input[type="password"] {display: block; width: 100%; border: 0; padding: 0; height: 35px; clear:both; text-indent: 5px} .login-mod .txt-link {color: #fff; text-decoration: none; font-weight: 700; float: left; display: block; clear: left; font-size: .875em} .login-mod .txt-link.first {margin-bottom: 10px} .login-mod .txt-link:hover {text-decoration: underline} .login-mod .login-remember {float: right; clear: right; margin: 10px 20px 0 0;} .login-mod .login-submit {float: left; clear: left;} .login-mod .forgot, .login-mod .register {display: block; float: left; clear: both; font-size: .875em; font-weight: 700; margin-bottom: 5px;} .login-mod .forgot a, .login-mod .register a {color: #000;} .login-mod .login-submit input {float: left; position: relative; height: 37px; line-height: 36px; cursor: pointer; border: 0; -webkit-appearance: none !important; background: url(../img/bg_btn_green.png) repeat-x right top; padding: 0 22px 0 15px; color: #fff; font-weight: 700; font-size: 1.125em; -webkit-font-smoothing: antialiased; clear: left;} .login-mod .login-submit input:hover {background-position: right bottom; color: #fff; text-decoration: none;} /* STAR RATING */ .stars {display: block; float: left;} .stars img {display: inline-block; zoom: 1; *display:inline; max-width: none; width: auto;} .hint {float: left; font-size: 2em; margin-left: 20px;} /* ================================================================================ */ /* REPORT FORM / PODS FORM MARKUP */ /* ================================================================================ */ .user-reports h2 {display: block; clear: both; font-size: 2.5em; font-weight: 900; padding-bottom: 15px} .user-reports .req {font-weight: 700; display: block; padding-bottom: 10px;} .user-reports .no-reports {display: block; clear: both;} .user-reports .no-reports a {color: #a33703} .rating-vote {background: #eee; display: block; clear: both; height: 80px; line-height: 80px; text-align: center; font-weight: 900; margin-bottom: 20px;} .rating-vote .rating-block {float: left; margin: 2% 0 0 2%} .rating-vote .rating-text {float: left; margin-left: 3%; font-size: 1.125em} .pods-form {display: block; clear: both; padding-bottom: 40px;} .pods-form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .pods-form { zoom: 1; } /* IE7 */ #holder .pods-form input[type="text"], .pods-form input[type="email"], .pods-form textarea {display: block; border: 1px solid #414141; padding: 1.5%; width: 75%} .pods-form ul, .pods-form li {list-style-type: none;} #holder .pods-form textarea {width: 97%; height: 12em; font-family: 'Roboto';} #holder .pods-pick-values {border: 0; background: none; max-height: none; min-width: none; border-radius: 0; padding: 0; margin: 0; overflow: visible} #holder .pods-pick-values li:nth-child(even) {background: none;} #holder .pods-pick-values li {border-bottom: none; line-height: normal; margin: 0; padding: 0;} #holder .pods-form-front .pods-field-label {float: none; width: auto; min-width: none; float: none;} #holder .pods-form-front .pods-field-input {width: auto; display: block; float: none; clear: both; padding-right: 5px;} #holder .pods-boolean label {margin-left: 0} #holder .pods-field.pods-boolean:hover, .pods-pick-values.pods-pick-radio li:hover {background: none;} #holder .pods-pick-values li .pods-field {padding: 0;} #holder .pods-pick-values ul {overflow: visible;} .pods-field.pods-boolean:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .pods-field.pods-boolean { zoom: 1; } /* IE7 */ .pods-form .pods-field-label label {display: block; font-weight: 900; font-size: 2.25em; line-height: normal; padding-bottom: 10px;} #holder .pods-form li.pods-field {display: block; clear: both; border-bottom: 1px solid #414141;} .pods-form li.pods-field:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .pods-form li.pods-field { zoom: 1; } /* IE7 */ #holder .pods-form-ui-row-name-name .pods-field-label label, #holder .pods-form-ui-row-name-review-desc .pods-field-label label , #holder .pods-form-ui-row-name-review-hikedate .pods-field-label label, #holder .pods-form-ui-row-name-review-times .pods-field-label label {font-size: 1.5em; padding-bottom: 5px;} #holder .pods-form li.pods-field.pods-form-ui-row-name-name, #holder .pods-form li.pods-field.pods-form-ui-row-name-review-desc, #holder .pods-form li.pods-field.pods-form-ui-row-name-review-hikedate, #holder .pods-form li.pods-field.pods-form-ui-row-name-review-times {padding: 0; padding-bottom: 25px; border: 0} #holder .pods-form li.pods-field.pods-form-ui-row-name-review-photos {border-top: 1px solid #414141;} #holder .pods-form li.pods-field.pods-form-ui-row-name-review-hikedate, .pods-form li.pods-field.pods-form-ui-row-name-review-times {float: left; width: 30%; clear: none !important;} #holder .pods-form li.pods-field.pods-form-ui-row-name-review-times {margin-left: 7%;} #holder .pods-pick-checkbox li {float: left; width: 23.75%; margin: 0 1.5% 2% 0;} #holder .pods-pick-checkbox li:nth-child(4n) {margin-right: 0} #holder .pods-form-front .pods-field-input select {margin-bottom: 10px;} #holder .pods-boolean input, #holder .pods-boolean label {float: left;} #holder .pods-boolean input[type="checkbox"]{margin: 2px 5px 0 0;} #holder .pods-boolean .checker {margin-right: 5px;} #holder .pods-boolean label {font-weight: 700; font-size: 1em; display: block; padding-left: 31px; width: 100%} #holder .pods-boolean:hover label {color: #666;} #holder .pods-submit {float: right; clear: both;} #holder .pods-submit .waiting {width: auto; float: left;} #holder .pods-submit input, #holder .pods-media-add, .subscribe-form-button {border: 0; width: 160px; margin-top: 25px; height: 40px; line-height: 40px; font-weight: 900; font-size: 1.125em; display: block; text-align: center; color: #fff; -webkit-font-smoothing: antialiased; cursor: pointer; clear: both; /* fallback */ background-color: #afaf3f; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c551), to(#a1a132)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #c5c551, #a1a132); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #c5c551, #a1a132); /* IE 10 */ background: -ms-linear-gradient(top, #c5c551, #a1a132); /* Opera 11.10+ */ background: -o-linear-gradient(top, #c5c551, #a1a132); } #holder .pods-submit input:hover, #holder .pods-media-add:hover, #holder .subscribe-form-button:hover {background: #c5c551; text-decoration: none} #holder .pods-media-add {float: left; margin-right: 15px; margin-top: 15px;} #holder .pods-media-add:focus {text-decoration: none} #holder .pods-files input[type="text"] {border: 0; width: 95%; padding: 5px; background: #eee;} .upload-filler {display: block; background: #eee; height: 80px; line-height: 80px; text-align: center} /* GRAVITY FORMS */ #gform_wrapper_10{ display : block !important; } #holder .gform_wrapper {display: block !important; clear: both; margin-bottom: 25px;} .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea {border: 1px solid #333; font-size: 1em !important; font-family: 'Roboto';} .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {overflow: visible} .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input {margin-left: 2px;} #holder input.gform_button {background: url(../img/bg_btn_green.png) no-repeat right top; display:block; clear: left; height: 37px; line-height: 37px; color: #fff; border: 0; font-weight: 900; text-transform: uppercase; font-size: 1.125em; -webkit-font-smoothing: antialiased; padding: 0 35px 0 25px;} #holder input.gform_button:hover {background-position: right bottom;} #holder .gform_wrapper img {width: auto; max-width: none;} #holder .smackdown_wrapper {margin: 0; display: block; clear: both; width: auto;} #holder .smackdown_wrapper .gfield_radio {display: block; clear: both;} #holder .smackdown_wrapper .gfield_radio:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .smackdown_wrapper .gform_fields { zoom: 1; } /* IE7 */ #holder .smackdown_wrapper .gfield_radio li {float: left; width: 47.5%; margin-left: 5% !important;} #holder .smackdown_wrapper .gfield_radio li:first-child {margin-left: 0 !important;} #holder .smackdown_wrapper .gfield_radio li input {display: none;} #holder .smackdown_wrapper .gfield_radio li label {display: block; clear: both; margin: 0; padding: 5% !important; background: #efefef; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;} #holder .smackdown_wrapper .gfield_radio li label:hover {background: #ddd;} #holder .smackdown_wrapper .gfield_radio li input[type="radio"]:checked+label {background: #99aa1a; color: #fff; font-weight: normal} #holder .smackdown_wrapper .gfield_radio li label img {width: 100%; display: block; margin-bottom: 8px} #holder .smackdown_wrapper .gfield_radio li label span {display: block; clear: both; text-align: center; padding: 5px 0; font-weight: 700;} #holder .gform_footer {margin-top: 0} #holder .gform_button {margin-bottom: 20px;} #holder .gpoll_button {display: block; clear: both; margin: 0} #holder .gpoll_choice_label .gpoll_choice_label {padding: 12px; background: #efefef; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; display: block; clear: both; margin-bottom: 5px;} #holder .gpoll_choice_label:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html #holder .gpoll_choice_label:after { zoom: 1; } /* IE7 */ #holder .gpoll_choice_label img {display: block; width: 70px; float: left;} #holder .gpoll_choice_label span {float: left; margin-left: 20px} #holder .gpoll_wrapper {display: block; clear: both; width: auto; margin-bottom: 25px} #holder .gpoll_wrapper .gform_title {padding-bottom: 10px; line-height: 1.2em;} #holder .gpoll_wrapper .gform_description {line-height: 1.3em; display: block; clear: both; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;} #holder .gpoll_wrapper .gfield_label {display: block; color: #333; font-weight: 900; padding-bottom: 5px; clear: both} #holder .gpoll_wrapper .gpoll_field_label_container, #holder .gforms_confirmation_message .gpoll_field_label_container {display: block; clear: both; padding-bottom: 15px;} /*green*/ #holder .green .gpoll_bar_juice{ position:relative; background-color: rgb(153,170,26); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(153,170,26)), color-stop(1, rgb(177,196,36)) ); background-image: -moz-linear-gradient( center bottom, rgb(153,170,26) 37%, rgb(177,196,36) 69% ); /* IE9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99aa1a', endColorstr='#b1c424'); /* IE10 */ background-image: -ms-linear-gradient(top, #99aa1a 0%, #b1c424 100%); } #holder .green .gpoll_ratio_box {background-color: #99aa1a;} /* ================================================================================ */ /* SIDEBAR */ /* ================================================================================ */ .right-rail .widget {display: block; clear: both; margin-bottom: 10%; padding: 5%; float: none; width: auto; height: auto; overflow: visible} .right-rail .widget.compare-five {padding: 0} .right-rail .widget-hd {display: block; clear: both; margin: 0; padding: 0; position: relative; padding-bottom: 15px;} .right-rail .widget-hd h4 {display: block; float: left; font-size: 2.25em; color: #fff;} .right-rail .widget-hd .geo-pin {right: 5px; top: 7px;} .right-rail .ad300 {padding: 0} .right-rail .ad300 a {display: block; margin: 0 auto; max-width: 300px; margin-top: 0%;} .right-rail .one-up {padding-left: 0; padding-right: 0; padding-top: 0} .right-rail .one-up .widget-hd {padding: 16px;} .right-rail .gear-search .inner-pad {padding: 5px} .right-rail .gear-search .right {display: none;} .right-rail .gear-search .left {width: auto; float: none; display: block} /* ======================================== */ /* MORE TRAILS */ /* ======================================== */ .nav-box {background: #000; color: #fff;} .right-rail .nav-box .widget-hd .geo-pin {right: -8px; top: -6px;} .nav-box a {color: #fff; font-weight: 700; display: block; clear: both; font-size: .925em;} .nav-box .trail-list {display: block; clear: both;} .nav-box ul.top-level-links li {list-style-type: none;} .nav-box .btn-trail, .nav-box ul.top-level-links a {background: #99aa1a; margin-bottom: 2px; height: 34px; line-height: 34px; padding: 0 10px; position: relative; width: 91%; font-size: 1.125em} .nav-box .btn-trail:hover, .nav-box ul.top-level-links a:hover {text-decoration: none; opacity: .9} .nav-box .btn-trail:after, .nav-box ul.top-level-links a:after { content: ''; display: block; position: absolute; top: 0; right: -10px; /* the arrow div is 34px wide */ width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid #99aa1a; z-index: 10; /* higher z-index than the white */ } .nav-box .btn-trail.orange {background: #f0690f} .nav-box .btn-trail.orange:after { border-left: 10px solid #f0690f; } .nav-box .trail-expand {display: block; clear: both;} .nav-box .trail-expand .inner-pad {} .nav-box .trail-expand ul {display: block;} .nav-box .trail-expand ul li {list-style-type: none; display: block; padding: 4px 8px; line-height: normal} .nav-box .trail-expand ul.states {display: block; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap : 20px;} .nav-box .trail-expand ul.states li {list-style-type: none; display: block; width: 49%; padding: 4px 0; line-height: normal} .nav-box .trail-expand a {display: block} .nav-box .trail-expand .more {color: #f0690f} .nav-box h4 a:hover {text-decoration: none; color: #99aa1a} .nav-box a.green-text {color: #99aa1a} /* ======================================== */ /* LOCAL EXPERTS */ /* ======================================== */ .local-experts {background: #387493} .local-experts .profile {display: block; clear: both; margin-bottom: 12px;} .local-experts .thumb {float: left; width: 22%; display: block;} .local-experts .thumb img {display: block; width: 100%} .local-experts .text-wrap {float: right; width: 71%;} .local-experts .text-wrap span {display: block; clear: both; color: #fff; font-size: 1.4em; font-weight: 900; padding-bottom: 6px} .local-experts a {color: #ffd503; font-size: .875em; float: left; clear: left; font-weight: 700;} /* ================================================================================ */ /* LANDING PAGES */ /* ================================================================================ */ .landing-top {display: block; clear: both; margin-bottom: 4%; border-bottom: 6px solid #d3d3d3;} .landing-top.searches {margin-bottom: 15px;} .landing-top .left {width: 67.5%;} .landing-top .right {width: 30%;} .landing-top article {display: block; clear: both;} .landing-top .right article:first-child {margin-bottom: 15px;} .landing-top article a {position: relative; display: block} .landing-top article .caption {position: absolute; top: 0; left: 0;} .landing-top .cat-label {float: left; display: block; padding: 10px 15px; background: rgba(163,55,3,.8); color: #fff; font-weight: 700; font-size: 1.125em; margin-bottom: 2px;} .landing-top h2 {font-size: 2em; } .landing-top h3 {float: left; clear: left; color: #fff; padding: 10px; line-height: 1.2em; text-shadow: 1px 1px 2px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); font-weight: 900; font-size: 1.125em; background: rgba(0,0,0,.25); width: 85%; transition: color 0.5s ease;} .landing-top .lrg h3 {font-size: 2.875em; padding: 14px 18px; background: rgba(0,0,0,.6); width: 85%; margin-bottom: 2px; line-height: 1em;} .landing-top article a:hover h3 {color: #fbbb1b} .landing-top .lrg p {font-size: 1.5em; padding: 14px 18px; background: rgba(0,0,0,.6); clear: left; float: left;} .landing-top a {font-weight: bold; color: #000; /* color: #fff;*/} .landing-top .landing-desc {font-size: 1.125em; color: #000; padding: 15px 0; display: block; clear: both; line-height: 1.2em} .landing-top .landing-desc p {margin: 0} .landing-top .tag-taxonomy p { line-height: 120%; padding-bottom: 10px; }; .landing-top .tag-taxonomy a, a:link, a:active, a:visited { border: 1px dotted #FF00FF; color: #FF0000 !important; }; .landing-top .tag-taxonomy a:hover {background: #FF6; } /* HIKE AND RECIPE FINDER */ .finder {display: block; background: #202020; color: #fff; margin-bottom: 4.5%;} .finder .inner-pad {padding: 15px 18px;} .finder h4 {font-size: 2.2em; font-weight: 900; float: left; line-height: 40px} .finder form {float: left; width: 40%; margin-left: 3%;} .finder form input {display: inline-block; zoom: 1; *display:inline; line-height: 40px; height: 40px; border: 0;} .finder form input[type="text"] {text-indent: 8px; width: 62%;} .finder form input[type="submit"] {background: url(../img/bg_btn_orange40.png) no-repeat right top; text-transform: uppercase; font-weight: 700; color: #fff; padding: 0 10px 0 0; width: 35%; position: relative; -webkit-font-smoothing: antialiased;} .finder form input[type="submit"]:hover {background-position: right bottom;} .finder .or {float: left; line-height: 40px; width: 9%; text-align: center; color: #999; padding-right: 1%;} .finder button {display: block; cursor: pointer; background: #99ab1b; color: #fff; border: 0; height: 40px; line-height: 40px; font-weight: 900; text-align: center; -webkit-font-smoothing: antialiased; font-family: 'Roboto'; width: 100%} .finder button:hover {background: #cece31;} .finder .green-popup {display: none;} .finder .browse-hikes {position: relative; float: left; width: 20%} .finder .green-popup {width: 120px; left: 50%; margin-left: -80px; bottom: 60px; z-index: 2000} .finder.recipe h4 {font-size: 2em;} .finder.recipe .green-popup {width: 150px; margin-left: -95px} /* ================================================================================ */ /* LIST RESULTS */ /* ================================================================================ */ #bp-map {display: block; clear: both; margin-bottom: 4%; width: 100%; height: 380px;} #bp-map label { width: auto; display:inline; } #bp-map img { max-width: none; } #holder .map-pop {background: #000;} .map-wrap {display: block; clear: both;} .map-wrap .loader {margin-bottom: 20px; display: block;} .map-wrap .loader img {width: 15px; height: 15px;} h1.cat-page {display: block; padding-bottom: 25px; color: #000; font-weight: 900} .list-results {display: block; clear: both; margin-bottom: 5%} .list-results h2, .landing-top h2, .view-results h2 {display: block; font-size: 2em; color: #000; font-weight: 900; line-height: 1em; padding-bottom: 20px;} .list-results article {display: block; clear: both; padding: 24px 0; border-top: 1px solid #d3d3d3;} .list-results article:nth-of-type(1) {border-top: 0; padding-top: 0} .list-results article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .list-results article { zoom: 1; } /* IE7 */ .list-results article .thumb {float: left; width: 30%; display: block; position: relative} .list-results article .thumb img {display: block; width: 100%} .list-results article .text-wrap {float: right; width: 68%;} .list-results article.no-thumb .text-wrap {float: none; display: block; clear: both; width: auto;} .list-results .cat-label {float: left; margin-bottom: 8px; margin-left: 5px;} .list-results .cat-label:first-child {margin-left: 0} .list-results .cat-label a {display: block; padding: 8px 12px; background: rgba(163,55,3,.8); color: #fff; font-weight: 700; font-size: 1em; margin-bottom: 2px;} .list-results .cat-label a:hover {text-decoration: none; background: #bb3d00} .list-results article h4 {display: block; clear: both; font-size: 1.4em; font-weight: 900; padding-bottom: 6px;} .list-results article h4 a {color: #000;} .list-results article h4 a:hover {text-decoration: underline} .list-results .meta {display: block; clear: both; color: #a5a5a5; padding-bottom: 12px;} .list-results time {float: left; padding-right: 5px;} .list-results .author {float: left; padding-left: 5px;} .list-results .author a {color: #a5a5a5;} .list-results p {display: block; clear: both; line-height: 1.3em; padding-bottom: 10px;} .term-list {display: block; -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; padding-bottom: 5%} .term-list a {display: block; clear: left; color: #333; font-size: 1.125em; padding: 5px 0;} .orange-action {background: url(../img/bg_btn_orange40.png) no-repeat right top; text-transform: uppercase; font-weight: 900; color: #fff; padding: 0 25px 0 15px; position: relative; -webkit-font-smoothing: antialiased; height: 40px; line-height: 40px} .gearMobileView .orange-action.sponsored {background-image: url(../img/bg_btn_blue.png);} .orange-action:hover {background-position: right bottom; text-decoration: none;} .list-results .orange-action, .view-results .orange-action {float: left; clear: left; margin-top: 10px} .extras {display: block; clear: both;} .extras span {color: #333; font-size: .750em; float: left; margin-left: 4%; position: relative; height: 24px; line-height: 24px; text-transform: uppercase} .extras span:first-child {margin-left: 0} .extras span em {font-style: normal; background: url(../img/sprite_ui.png) no-repeat; height: 24px; display: block; position: absolute; left: 0; top: 0;} .extras span.geo-icon {padding-left: 8px; display:none;} .extras span.vi-icon {padding-left: 35px;} .extras span.co-icon {padding-left: 35px;} .extras span.ph-icon {padding-left: 36px;} .extras span.ec-icon {padding-left: 30px;} .extras span.vi-icon em {background-position: 0 -502px; width: 30px;} .extras span.co-icon em {background-position: -34px -502px; width: 28px; top: 2px;} .extras span.ph-icon em {background-position: -68px -502px; width: 29px;} .extras span.ec-icon em {background-position: -104px -502px; width: 24px;} .extras span.geo-icon em {background-position: -156px -502px; width: 20px;} .extras span.co-icon a {color: #333;} .list-results article.geo .extras span.geo-icon {display: block} .list-results article .extras span.co-icon {margin-left: 0} .list-results article.geo .extras span.co-icon {margin-left: 4%} .list-results article .buy-wrap {float: left; margin: 10px 0 0 10px; position: relative} .list-results article .hud {margin-bottom: 10px} .list-reulsts article .buy-box.open {display: block} .blue-bar {background: #1c96b0; color: #fff; font-weight: 900; display: block; clear: both; margin-bottom: 4%; font-size: 2.2em; padding: 12px;} .author-bio {display: block; margin-bottom: 40px; background: #f3f3f3; padding: 20px;} .author-bio h2 {display: block; clear: both; font-size: 2em; font-weight: 900; padding-bottom: 15px;} .author-bio .avatar {float: left; width: 20%;} .author-bio .avatar img {display: block; width: 100%} .author-bio .author-desc {float: right; width: 75%;} .author-bio .author-desc p {line-height: 1.3em;} .view-results {display: block; clear: both; margin-bottom: 4%} .view-results article {float: left; width: 23.5%; border: 0; clear: none; padding: 0; margin-right: 2%; height: 220px;} .view-results article a {display: block;} .view-results article .thumb {display: block; margin-bottom: 10px; float: none; width: auto; position: relative} .view-results article h3, .view-results article h4 {color: #333; display: block; clear: both; line-height: 1.3em;} .view-results article a:hover {text-decoration: none;} .view-results article:hover h3 {color: #ed7e2a} .view-results article:nth-of-type(4n) {margin-right: 0;} /* ================================================================================ */ /* TN3 STYLE */ /* ================================================================================ */ .bp-gallery {display: block; clear: both; position: relative} .dfp-screen {position: absolute; z-index: 1000; height: 100%; width: 100%; background: #333; top: 0; left: 0; display: block;} .dfp-screen #adpos-slideshow {display: block; width: 300px; height: 250px; position: absolute; top: 50%; margin-top: -125px; left: 50%; margin-left: -150px;} #close-screen {color: #fff; top:20px; right: 20px; font-weight: 900; font-size: .875em; position: absolute; cursor: pointer; z-index: 9999; background: rgba(0,0,0,.5); padding: 4px 8px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;} #close-screen:hover {color: #a33703; text-decoration: none;} /* ================================================================================ */ /* MEDIA PLAYER - VIDEO PLAYER */ /* ================================================================================ */ .bc-video {display: block; clear: both; margin-bottom: 20px} /* ================================================================================ */ /* EXPERTS */ /* ================================================================================ */ .question, .answer {background: #f4f4f4; padding: 2.5%; display: block; clear: both; margin-bottom: 4%;} .question h3, .answer h3 {display: block; padding-bottom: 15px;} .answer {background: none; border-left: 5px solid #efefef;} .answer p:last-child, .question p:last-child {padding-bottom: 0 !important;} /* ================================================================================ */ /* 404 */ /* ================================================================================ */ .block-404 {display: block; clear: both; padding-bottom: 25px;} .block-404 p:last-child, .block-404.search-404 p {padding-bottom: 0;} .block-404 .search-bar {display: block; clear: both; padding: 15px; background: #eee; float: left;} /* ================================================================================ */ /* GEAR FINDER NAV */ /* ================================================================================ */ .gear-wrap {display: block; clear: both; position: relative; z-index: 1000; margin-top: 20px} .gear-wrap .wrapper {position: relative} .gear-finder {display: block; clear: both;} .gear-finder .gf-title {display: block; clear: both; text-align: center; font-size: 2.6em; font-weight: 900; padding-bottom: 15px; color: #e87427;} .gear-finder.top nav {padding: 0 15px;} .gear-finder .gf-title i {font-style: normal; color: #fff;} .gear-finder .item {float: left; position: relative; cursor: pointer} .gear-finder .item img {display: block; margin-bottom: 8px; border: 1px solid transparent;} .gear-finder .item:hover img {border-color: #1c96b0} .gear-finder .item span {display: block; clear: both; color: #fff; text-align: center; font-size: .875em; font-weight: 700;} .gear-finder.top {background: #202020; padding: 15px 0; position: relative; z-index: 10; height: 205px} .gear-finder.top .item {width: 9%; margin-left: 1%; height: 148px;} .gear-finder.top .item:first-child {margin-left: 0} .gear-finder.top .item.active-item:after, .gear-finder.top .item.active-item::after { position: absolute; top: 100%; left: 50%; margin-left: -12px; content: ''; width: 0; height: 0; border-bottom: solid 15px #368aa0; border-left: solid 15px transparent; border-right: solid 15px transparent; } .gear-finder.sub .tab-pane {display: none;} .gear-finder.sub .tab-pane.active {display: block} .gear-finder.sub {background: #358a9f; padding: 20px 0 0px 0; top:0; left: 0; width: 100%; position: absolute; z-index: 2; height: 215px} .gear-finder.sub .wrapper {position: relative} .gear-finder.sub .item {width: 120px; margin-left: 12px;} .gear-finder.sub .item:first-child {margin-left: 0} .gear-finder.sub .item img {border: 0 !important;} .gear-finder .item a {display: block; text-decoration: none !important; color: #fff;} .gear-finder.sub .close-subnav {display: block; width: 30px; height: 30px; background: url(../img/sprite_ui.png) no-repeat -344px -246px; position: absolute; top: 10px; right: 10px; cursor: pointer} #gf-mobile {display: none;} /* ================================================================================ */ /* GEAR CHANNEL */ /* ================================================================================ */ .bp-logoGear {display: none;} .gearfinder .bp-logo {display:none;} .gearfinder .bp-logoGear { display: block; width: 151px; padding-top: 14px; float: left; } .gearMobileView .gear-ads {width: 300px; margin: 0 auto; padding: 24px 0;} .most-popular .widget-hd {padding: 0; margin-bottom: 12px;} .most-popular .big-title {color: #ea7427; font-size: 2.3em;} .most-popular .big-title.media {color: #ea7427; font-size: 2em;} .editors-choice .big-title {font-size: 2.3em;} .editors-choice .big-title.gr {font-size: 1.8em;} .most-popular article, .widget.editors-choice article {display: block; clear: both; padding: 10px 0; border-bottom: 1px solid #474747} .most-popular article:last-child, .widget.editors-choice article:last-child {border-bottom: 0} .most-popular article a, .widget.editors-choice article a {display: block; color: #fff; font-weight: 700;} .most-popular article .thumb, .widget.editors-choice article .thumb {float: left; width: 15%;} .most-popular article .text-wrap, .widget.editors-choice .text-wrap {float: right; width: 75%; font-size: .875em; line-height: 1.2em} .editors-choice a.more {display: block; clear: both; float: right; color: #99aa1a; font-weight: 900; margin: 15px 0 10px 0;} .editors-choice article em {font-size: .875em; display: block; clear: both} /* GEAR FINDER SEARCH */ .finder.gear {position: relative; display: block; clear: both} .finder.gear .inner-pad {padding: 2%;} .finder.gear h4 i {color: #ea7427; font-style: normal} .finder.gear button.adv-toggle {float: left; width: 23%;} .finder.gear button.adv-toggle:focus {outline: none;} .finder.gear form.keyword-search {width: 41%} .finder.gear .or {width: 7%;} .finder.gear.no-advanced form.keyword-search {width: 73%} /* DRILL DOWN */ .drill-down {background: #363636; display: none; clear: both; padding: 20px; position: absolute; left: 0; top: 70px; width: 95%; z-index: 500} .finder .drill-down form input {line-height: normal; height: auto;} .finder.gear.open .drill-down {display: block;} .finder.gear .drill-down form {width: auto; margin: 0; float: none; display: block; clear: both;} .drill-down .tab-content {padding: 0} .drill-down .step {display: block; clear: both; padding-bottom: 15px; color: #ccc; font-size: .875em; font-weight: 700;} .drill-down .step i {font-style: normal; color: #ea7427} .drill-down .top-level {display: block; margin-bottom: 20px;} .drill-down .top-level label {font-weight: 700; font-size: .875em} .drill-down .dig-col {float: left; width: 23%; margin-left: 2%;} .drill-down .dig-col.one {margin-left: 0} .drill-down .dig-col select {} .drill-down hr {border: 0; margin: 15px 0;border-bottom: 1px dashed #555;} .drill-down .filters {display: block; clear: both; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0;} .drill-down .filters em {font-style: normal; font-weight: 900; display: block; padding-bottom: 8px;} .drill-down .filter {display: block; clear: both; margin-bottom: 8px;} .drill-down .filter label {font-size: .875em;} .finder.gear .drill-down form .final input {float: right; margin-top: 15px; height: 40px; line-height: 40px;} /* GEAR CHANNEL NAV */ .channel-nav {display: block; clear: both; margin-bottom: 5%;} .channel-nav a, .channel-nav span {float: left; width: 22%; margin-right: 4%; height: 40px; line-height: 40px; font-weight: 700; font-size: 1.125em; display: block; text-align: center; color: #fff; /* fallback */ background-color: #333; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#272828)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #404040, #272828); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #404040, #272828); /* IE 10 */ background: -ms-linear-gradient(top, #404040, #272828); /* Opera 11.10+ */ background: -o-linear-gradient(top, #404040, #272828); } .channel-nav .active, .channel-nav .active:hover { position: relative; /* fallback */ background-color: #afaf3f; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#43a6b7), to(#318098)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #43a6b7, #318098); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #43a6b7, #318098); /* IE 10 */ background: -ms-linear-gradient(top, #43a6b7, #318098); /* Opera 11.10+ */ background: -o-linear-gradient(top, #43a6b7, #318098); } .channel-nav .active:after { content:""; position:absolute; bottom:-15px; /* value = - border-top-width - border-bottom-width */ left:50%; /* controls horizontal position */ border-width:15px 15px 0; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#318098 transparent; /* reduce the damage in FF3.0 */ display:block; width:0; margin-left: -15px; } .channel-nav a:hover {color: #fff; text-decoration: none; background: #000;} .channel-nav .last {margin-right: 0;} .channel-content {display: block; clear: both; margin-bottom: 4%;} .channel-content p {line-height: 1.3em; padding-bottom: 20px;} .channel-content p:last-child {padding-bottom: 0} .channel-content.view {padding-bottom: 25px; border-bottom: 1px solid #888;} .view-hud {display: block; clear: both; margin-bottom: 4%; background: #202020; color: #fff; padding: 15px} .view-hud .selector {float: left; width: 40%} .view-hud .selector select {margin: 5px 0 0 15px; width: 55%} .view-hud .search {float: right; width: 53%} .view-hud label {float:left; font-weight: 900; font-size: 1.5em; color: #ed7e2a; line-height: 30px;} .view-hud input, .view-hud selector {line-height: 30px; height: 30px; float: left;} .view-hud .search form {float: right; width: 100%} .view-hud .search input {border: 0; margin-left: 2.5%;} .view-hud .search input[type="text"] {width: 38%; font-size: .875em; text-indent: 5px;} .view-hud .search input[type="submit"] {background: #99aa1a; color: #fff; font-weight: 900; display: block; padding: 0 2.5%; -webkit-font-smoothing: antialiased; float: right;} .view-hud .search input[type="submit"]:hover {background: #cece31;} .related-view {display: block; clear: both;} .related-view h3 {font-size: 1.75em; font-weight: 900; padding-bottom: 5px;} /* ================================================================================ */ /* GEAR SINGLE */ /* ================================================================================ */ .gear-head {display: block; clear: both; margin-bottom: 4%;} .gear-head .product-img {float: left; width: 48%;} .gear-head .product-img img {display: block; max-height: 500px; width: auto; margin: 0 auto;} #zoom-window {display: block; clear: both; position: relative; margin-bottom: 20px;} #zoom-window img {width: 100%; display: block; margin: 0 auto;} #zoom-window .zoom-icon {background: url(../img/sprite_ui.png) no-repeat 0 -670px; display: block; width: 62px; height: 36px; position: absolute; top: 0px; right: 0px; z-index: 200;} #zoom-window .caption {position: absolute; top: 0; left: 0; text-transform: uppercase; z-index: 200; padding: 6px; background: rgba(255, 255, 255, .4); font-weight: 700; font-size: .875em;} .gear-head .thumbs {display: block; clear: both;} .gear-head .thumbs .swap {float: left; width: 17%; border: 2px solid #d0d0d0; margin-left: 2.5%; cursor: pointer;} .gear-head .thumbs .swap:first-child {margin-left: 0} .gear-head .thumbs .swap.current {border-color: #f16f10;} .gear-head img.zoomImg {width: 1000px !important; height: 1000px !important;} .gear-head .product-info {float: right; width: 48%;} .gear-head .bp-rating {display: block; float: right; color: #fff; text-align: center;} .gear-head .bp-rating .top {display: block; background: #368aa0; font-weight: 900; font-size: 1.7em; padding: 5px 8px;} .gear-head .bp-rating .bot {background: #000; font-size: .825em; padding: 3px 6px; display: block; clear: both;} .gear-head .mag-issue {display: block; clear: both; padding-bottom: 6px;} .gear-head .mag-issue a {color: #9d3303; font-size: .875em;} .gear-head .subhead {color: #6090a9; font-size: 1em; display: block; clear: both; padding-bottom: 15px; line-height: 1.2em} .gear-head h1 {display: block; clear: both; font-size: 2.5em; font-weight: 900; padding-bottom: 5px;} .gear-head h2 {display: block; clear: both; font-size: 2.0em; font-weight: 900; padding-bottom: 5px;} .gear-head h3 {display: block; clear: both; font-size: 1.75em; font-weight: 900; padding-bottom: 5px;} .gear-head h4 {display: block; clear: both; font-size: 1.5em; font-weight: 900; padding-bottom: 5px;} .gear-head h5 {display: block; clear: both; font-size: 1.0em; font-weight: 900; padding-bottom: 5px;} .gear-head .gear-cat {display: block; clear: both; padding-bottom: 20px} .gear-head .gear-cat a {color: #000; font-size: 1.25em;} .gear-head .gear-author {display: block; padding-bottom: 20px;} .gear-head .gear-author em {font-style: normal; font-weight: 900;} .gear-head .gear-author a {color: #464646} .gear-head .post-features {display: block; clear: both; border-top: 3px solid #4c4c4c; border-bottom: 3px solid #4c4c4c; padding: 8px 0; margin-bottom: 15px; min-height: 40px;} .post-features .extras {clear: none; float: left; width: 320px; margin: 5px 0 0 0px;} .post-features .extras .ec-icon {margin-left: 35px;} .gear-head .bp-rev {display: block; clear: both;} .gear-head .bp-rev .info-line {border-bottom: 1px dotted #444; padding: 10px 0; display: block; clear: both; font-size: .875em;} .gear-head .bp-rev .info-line .red {color: #a83a03;} .gear-post .left-rail h2 {display: block; clear: both; font-weight: 900; font-size: 2em; padding-bottom: 20px} .gear-post-nav {display: block; clear: both; padding-bottom: 35px; position: relative} .gear-post-nav .nav-btn, .gear-post-nav span {float: left; width: 19%; margin-right: 1.2%; height: 40px; line-height: 40px; font-weight: 700; font-size: 1em; display: block; text-align: center; color: #fff; /* fallback */ background-color: #afaf3f; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c551), to(#a1a132)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #c5c551, #a1a132); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #c5c551, #a1a132); /* IE 10 */ background: -ms-linear-gradient(top, #c5c551, #a1a132); /* Opera 11.10+ */ background: -o-linear-gradient(top, #c5c551, #a1a132); } .gear-post-nav .nav-btn:hover {color: #fff; text-decoration: none; background: #c5c551;} .gear-post-nav .active, .gear-post-nav .active:hover { position: relative; /* fallback */ background-color: #afaf3f; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f58d14), to(#ef650e)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #f58d14, #ef650e); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f58d14, #ef650e); /* IE 10 */ background: -ms-linear-gradient(top, #f58d14, #ef650e); /* Opera 11.10+ */ background: -o-linear-gradient(top, #f58d14, #ef650e); } .gear-post-nav .active:after { content:""; position:absolute; bottom:-15px; /* value = - border-top-width - border-bottom-width */ left:50%; /* controls horizontal position */ border-width:15px 15px 0; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#ef650e transparent; /* reduce the damage in FF3.0 */ display:block; width:0; margin-left: -15px; } .gear-post-nav .last {margin-right: 0;} .ajax-icon {float: left; clear: both; display: none;} .gear-post-nav a.buy { float: left; width: 19%; height: 40px; line-height: 40px; font-weight: 900; font-size: 1em; display: block; text-align: center; color: #fff; position: relative; z-index: 1000; /* fallback */ background-color: #db0000; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fe0000), to(#c20000)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #fe0000, #c20000); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #fe0000, #c20000); /* IE 10 */ background: -ms-linear-gradient(top, #fe0000, #c20000); /* Opera 11.10+ */ background: -o-linear-gradient(top, #fe0000, #c20000); } .gear-post-nav.open a.buy:after { content:""; position:absolute; bottom:-15px; /* value = - border-top-width - border-bottom-width */ left:50%; /* controls horizontal position */ border-width:15px 15px 0; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#c20000 transparent; /* reduce the damage in FF3.0 */ display:block; width:0; margin-left: -15px; } .gear-post-nav a.buy:hover {background: #c20000; text-decoration: none;} .buy-box {position: absolute; top: 60px; left: 50%; margin-left: -120px; background: #f6f6f6; width: 250px; padding: 20px; font-size: .875em; line-height: 1.2em; border: 4px solid #444; display: none;} .gear-post-nav.open .buy-box {display: block} /* GEAR SPECS */ .gear-specs {display: block; clear: both;} .gear-specs ul {list-style-type: none;} .gear-specs ul li {padding: 10px 0; border-top: 1px solid #e3e3e3; color: #a33703;} .gear-specs ul li:first-child {border: 0;} .gear-specs ul li span {font-weight: 700; color: #000;} /* GEAR VIDEOS */ .gear-video, .video-embeds {display: block; clear: both; margin-bottom: 35px;} .gear-video span {display: block; clear: both; font-weight: 900; font-size: 1.250em; padding-bottom: 10px;} .gear-video span a {color: #000} /* ================================================================================ */ /* COMPARE (GEARFINDER) */ /* ================================================================================ */ /* BUTTON */ .compare-btn {height: 40px; line-height: 40px; cursor: pointer; float: left; margin-left: 6px; display: none !important;} .compare-btn .surface {float: left; background: url(../img/bg_btn_red.png) no-repeat right top; height: 40px; line-height: 40px; color: #fff; font-weight: 900; text-transform: uppercase; padding: 0 25px 0 15px;} .compare-btn:hover .surface {background-position: right bottom;} .compare-btn .status {background: #363636; position: relative; width: 38px; height: 39px; float: left;} .compare-btn .status i {background: url(../img/sprite_ui.png) no-repeat 0 -638px; height: 24px; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; display: block; position: absolute;} .compare-btn.active .status i {background-position: -26px -638px;} .gear-head .post-features .compare-btn {margin-right: 35px;} .list-results .compare-btn {float: left; margin: 10px 0 0 10px; } /* WIDGET */ .compare-five {padding: 0;} .compare-five h4 {display: block; font-weight: 900; font-size: 1.8em; padding-bottom: 20px;} .compare-five .item {float: left; width: 28%; margin-right: 6.5%; height: 135px; position: relative} .compare-five .item:nth-of-type(3n) {margin-right: 0} .compare-five .item-title {display: block; clear: both; text-align: center; font-size: .775em;} .compare-five .thumb {border: 1px solid #d0d0d0; display: block; margin-bottom: 5px;} .compare-five img {display: block;} .compare-five .remove-item {position: absolute; background: url(../img/sprite_ui.png) no-repeat -52px -638px; width: 24px; height: 24px; top: -8px; right: -8px; z-index: 10; display: block; cursor: pointer} .compare-five .limit {font-size: 1.2em; font-weight: 900; display: block; color: #444;} .compare-five .btn-launch-compare {float: left; background: url(../img/bg_btn_red.png) no-repeat right top; height: 40px; line-height: 40px; color: #fff; font-weight: 900; text-transform: uppercase; padding: 0 25px 0 15px; float: right; margin-bottom: 10px} .compare-five .btn-launch-compare:hover {background-position: right bottom; text-decoration: none;} .compare-five .loading-icon {position: absolute; top: 24%; margin-left: -10px; left: 50%; background: #fff; display: none; padding: 3px; -webkit-border-radius: 4px; border-radius: 4px;} .compare-five .no-items {line-height: 1.2em; display: block; clear: both; padding-bottom: 10px;} .compare-table {width: 100%; margin-bottom: 40px;} .compare-table thead {background: #333; color: #fff;} .compare-table tr {} .compare-table td, .compare-table th {vertical-align: middle; text-align: center; padding: 15px 10px; font-size: .875em; border: 1px solid #d7d7d7;} .compare-table th {font-weight: 900} .compare-table .products td {padding: 0; vertical-align: top} .compare-table .was-reviewed {display: block; height: 25px; line-height: 25px; margin-bottom: 1px;} .compare-table .was-reviewed a {display: block; background: #368aa0; font-weight: 700; color: #fff;} .compare-table .was-reviewed a:hover {text-decoration: none; background: #3f93a9;} .compare-table .products img {margin-bottom: 10px; display: block} .compare-table h3 {font-size: 1.125em; padding-bottom: 10px;} .compare-table a.red-link {color: #a33703; display: block; clear: both; text-decoration: underline; font-size: .875em; margin-bottom: 10px;} .compare-table a.watch-link {clear: both; position: relative; color: #333; font-size: .875em; width: 100px; padding-right: 22px;} .compare-table a.watch-link em {position: absolute; right: 0; top: 1px; background: url(../img/sprite_ui.png) no-repeat -134px -502px; width: 16px; height: 14px; display: block} .compare-table hr {margin: 10px 0; border-bottom: 0; border-top: 1px solid #d7d7d7;} .compare-table .btn-action {float: none; display: block; margin: 0 auto; margin-bottom: 10px; width: 70px;} .compare-table .btn-action:focus, .buy-wrap .btn-action:focus {outline: none; text-decoration: none; background-position: right bottom;} .compare-table .ec-award {font-weight: 900; position: relative; text-align: left; padding-left: 34px; width: 100px; margin: 0 auto; display: block} .compare-table .ec-award em {position: absolute; background: url(../img/sprite_ui.png) no-repeat -104px -502px; display: block; left: 0; top: 0; width: 24px; height: 24px;} .compare-table .readers-rating a.red-link {margin-bottom: 0} .compare-table .bluebold {font-size: 1.8em; color: #368aa0; font-weight: 900} .compare-table .avg {font-weight: 900; display: block; font-size: 1.25em; padding-bottom: 3px;} .compare-table .buy-wrap {position: relative; z-index: 2000} .gear-review .buy-wrap {float: left; position: relative} .compare-table .buy-wrap .buy-box, .gear-review .buy-wrap .buy-box {width: 250px; top: 40px; left: 50%; margin-left: -150px; padding: 10px;} .gear-review .buy-wrap .buy-box {top: 40px; left: inherit; right: 0; margin-left: 0px; padding: 10px;} .compare-table .buy-box.open, .gear-review .buy-box.open, .buy-box.open {display: block; z-index: 10;} .compare-bar {display: none;} /* ================================================================================ */ /* GEAR CATEGORIES */ /* ================================================================================ */ .gearMobileView .gear-review .sponsoredNotice { text-align: center; padding: 5px; background: #ebebeb; font-weight: 900; font-size: 16px; color: #b1b1b1; margin-bottom: 14px; } .gearMobileView .gear-review .sponsorLogo { height: 24px; width: auto; } .gear-review .bp-rating {display: block; float: right; color: #fff; text-align: center;} .gear-review .bp-rating .top {display: block; background: #368aa0; font-weight: 900; font-size: 1.125em; padding: 5px 8px;} .gear-review .bp-rating .bot {background: #000; font-size: .775em; padding: 2px 6px; display: block; clear: both;} .gear-review .cat-rating-wrap {display: block; clear: both; padding-bottom: 6px;} .list-results .gear-review .cat-rating-wrap .cat-label {margin-bottom: 0} .list-results .gear-review .author {padding-left: 0; clear: both; display: block} .gear-tax {display: block; clear: both;} .gear-tax .item {float: left; width: 20%; margin-right: 6.25%; border: 1px solid #c5c5c5; margin-bottom: 5%;} .gear-tax .item:nth-of-type(4n) {margin-right: 0;} .gear-tax .item a {display: block;} .gear-tax .item a:hover {text-decoration: none; color: #fff;} .gear-tax .item a img {display: block; width: 100%} .gear-tax .item a span {background: #737373; color: #fff; text-align: center; display: block; clear: both; padding: 10px 0;} .gear-tax .item a:hover span {background: #444;} .list-results .gear-review.detailed {padding: 45px 0;} .list-results .gear-review:first-child {padding-top: 0} .gear-review.detailed .gr-hd {display: block; clear: both; padding-bottom: 20px;} .gear-review.detailed .left {width: 75%;} .gear-review.detailed .left .term-cat {float: left; clear: left;} .gear-review.detailed .left .term-cat a {color: #000;} .gear-review.detailed .hud {display: block; clear: both; margin-bottom: 20px} .gear-review.detailed .orange-action {margin-top: 0; margin-right: 4%; background-image: url(../img/bg_btn_orange37.png); height: 37px; line-height: 36px;} .gear-review.detailed .compare-btn {margin-right: 5%;} .gear-review.detailed .btn-action {padding: 0 32px 0 25px; font-size: 1em; font-weight: 900; } .gear-review.detailed .text-wrap p {padding-bottom: 20px;} .gear-review.detailed .text-wrap {width: 61%;} .gear-review.detailed .thumb {width: 36%; border: 1px solid #c2c2c2} .tax-deck {display: block; clear: both; margin-bottom: 4%; padding: 20px; background: #dcdcdc} .tax-deck .left {width: 32%;} .tax-deck .left img {border: 1px solid #c0c0c0;} .tax-deck .right {width: 64%} .tax-deck h1, .tax-deck p {background: #4c4c4c; color: #fff; text-shadow: 1px 1px 5px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); padding: 15px;} .tax-deck h1 {display: block; line-height: .9em; font-weight: 900; margin-bottom: 2px} .tax-deck p {line-height: 1.2em; font-size: 1.125em} .tax-deck .deck-cat {color: #fff; font-weight: 700; font-size: 1.125em; background: #a33703; padding: 6px 14px; display: block; float: left; margin-bottom: 2px; } #content {min-height: 30px; display: block; clear: both} /* ================================================================================ */ /* SUBSCRIBE */ /* ================================================================================ */ .subscribe-wrap {display: block; clear: both; margin-bottom: 20px;} .subscribe {background: #fbbb1b; color: #3f3f3f; display: block; clear: both;} .subscribe .pad {padding: 25px;} .subscribe h5 {display: block; text-align: center; padding-bottom: 10px; font-size: 3.125em; font-weight: 900} .subscribe .sub {display: block; text-align: center; padding-bottom: 25px; font-size: 1.625em; font-weight: 900} .subscribe .sub em {font-style: normal; color: #a33703;} .subscribe .left {width: 38%;} .subscribe .right {width: 58%;} .subscribe .left .col-one {float: left; width: 45%;} .subscribe .left .col-two {float: right; width: 45%;} .subscribe .left .col-two img {display: block; margin-bottom: 8px;} .subscribe .left small {display: block; clear: both; font-weight: 700; padding-bottom: 3px;} .subscribe .col-one span, .subscribe .col-two span {display: block; clear: both; color: #fff; font-weight: 900; text-transform: uppercase; padding-bottom: 20px; font-size: 1.5em; text-align: center} .subscribe .col-three {float: left; width: 45%;} .subscribe .col-four {float:left; width: 45%; margin-left: 4%;} .subscribe form {display: block; clear: both; padding-top: 12px;} .subscribe form label {display: block; font-weight: 900; font-size: .875em; padding-bottom: 5px;} .subscribe form input[type="text"], .subscribe form input[type="email"] {border: 0; background: #fff; font-size: 1em; width: 100%; height: 38px; line-height: 38px; text-indent: 5px;} .subscribe form p {display: block; padding-bottom: 15px; clear: both;} .subscribe .state, .subscribe .zip {clear: none;} .subscribe .state {width: 55%; float: left;} .subscribe .state select {display: block; margin-top: 8px; width: 100%} .subscribe .zip {width: 35%; float: right;} .subscribe .finish {float: right; clear: both; width: 55%; padding-top: 20px} .subscribe .finish input[type="submit"] {display: block; color: #fff; background: url(../img/bg_btn_red60.png) no-repeat right top; font-weight: 900; padding: 0 30px 0 20px; font-size: 2em; border: 0; -webkit-font-smoothing: antialiased; height: 60px; line-height: 60px; margin-bottom: 20px; position: relative;} .subscribe .finish input[type="submit"]:hover {background-position: right bottom} .subscribe .finish small {display: block; clear: both; padding-bottom: 5px; font-weight: 700} .subscribe small a {color: #a33703; text-decoration: underline;} /* MODAL */ #subModal {display: none; width: 500px; background: #fbbb1b; color: #3f3f3f; border: 0; border-radius: 0; -webkit-border-radius: 0;} #subModal .submodal-hd {background: #3d3d3d; color: #fff; height: 35px; line-height: 35px;} #subModal .submodal-hd strong {float: left; text-transform: uppercase; font-weight: 900; font-size: 1.250em; text-indent: 10px} #close-submodal {float: right; color: #7d7f7f; font-size: .775em; text-decoration: underline; cursor: pointer; display: block; padding-right: 35px; position: relative} #close-submodal em {background: url(../img/sprite_ui.png) no-repeat -51px -164px; display: block; width: 18px; height: 18px; display: block; position: absolute; right: 9px; top: 9px;} #subModal h4 {display: block; font-weight: 900; clear: both; font-size: 2.25em; text-align: center; padding-bottom: 15px; text-transform: uppercase} #subModal .submodal-bd {display: block; clear: both; padding: 20px} #subModal .lhs {float: left; width: 40%; padding-left: 15px;} #subModal .lhs span {font-size: .775em; display: block; text-align: center; font-weight: 700;} #subModal .rhs {float: right; width: 46%; padding-right: 15px;} #subModal .red {color: #a33703; font-weight: 900; display: block; padding-bottom: 12px;} #subModal form p {display: block; clear: both; padding-bottom: 6px;} #subModal form label {display: block; clear: both; font-size: .775em; padding-bottom: 5px; font-weight: 700} #subModal form input[type="text"], #subModal form input[type="email"] {border: 1px solid #999999; font-size: 12px; width: 100%} #subModal .sub-terms {display: block; clear: both; font-size: .775em; text-align: center; padding: 15px;} #subModal input[type="submit"] {display: block; clear: both; width: 220px; background: url(../img/bg_btn_red.png) no-repeat right top; height: 40px; line-height: 40px; color: #fff; font-weight: 900; margin: 0 auto; border: 0; font-size: 1.5em; -webkit-font-smoothing: antialiased; margin-top: 15px;} #subModal input[type="submit"]:hover {background-position: right bottom;} #subModal .or-click {display: block; clear: both; color: #a33703; font-size: 1em; font-weight: 700; padding: 15px 0;} #subModal small a {color: #a33703; text-decoration: underline} /* ================================================================================ */ /* CONNECT CHANNEL */ /* ================================================================================ */ .connect-grid {margin-bottom: 40px; display: block; clear: both; padding-top: 25px;} .connect-grid .left-col {float: left; width: 48%} .connect-grid .right-col {float: right; width: 48%;} .connect-grid .module {display: block; clear: both; margin-bottom: 25px;} .module-hd {display: block; clear: both; position: relative; color: #fff; padding: 15px 20px;} .module-hd .mod-title {font-weight: 900; font-size: 2.5em;} .module-hd .mod-title a {color: #fff;} .connect-grid .widget.one-up .widget-hd {padding: 15px;} .connect-grid .widget.one-up .big-title {font-size: 2em;} /* TWITTER */ .twitter-today {display: block; clear: both;} .twitter-today .module-hd { border-bottom: 1px solid #77c0cf; background-image: linear-gradient(left , rgb(27,134,155) 46%, rgb(51,161,186) 72%); background-image: -o-linear-gradient(left , rgb(27,134,155) 46%, rgb(51,161,186) 72%); background-image: -moz-linear-gradient(left , rgb(27,134,155) 46%, rgb(51,161,186) 72%); /* background-image: -webkit-linear-gradient(left , rgb(27,134,155) 46%, rgb(51,161,186) 72%); */ background-image: -ms-linear-gradient(left , rgb(27,134,155) 46%, rgb(51,161,186) 72%); background-image: -webkit-gradient( linear, left top, right top, color-stop(0.46, rgb(27,134,155)), color-stop(0.72, rgb(51,161,186))); } .twitter-today .tweet_list {list-style: none; margin: 0; padding: 0; overflow-y: hidden; } .twitter-today .tweet_list li {overflow-y: auto; overflow-x: hidden; padding: 15px 10px; list-style-type: none; color: #fff; font-size: .875em; border-bottom: 1px solid #77c0cf;} .twitter-today .tweet_list li:first-child {padding-top: 0} .twitter-today .tweet_list li a {color: #e4faff; font-weight: 700;} .twitter-today .tweet_list .tweet_avatar {padding-right: .5em; float: left;} .twitter-today .tweet_list .tweet_avatar img {vertical-align: middle;} .twitter-today .feeds {display: block; clear: both; background: #1d96b1; padding: 5px 15px;} #bp-feed-1 {float: left; width: 47.5%; height: 260px; overflow: auto;} #bp-feed-2 {float: right; width: 47.5%; height: 260px; overflow: auto;} .twitter-today .twtr-ft {background: #19869d; font-size: .875em; color: #fff; padding: 10px;} .twitter-today .twtr-ft a {color: #fff; font-weight: 700;} .twitter-today .twtr-ft span {width: 47.5%} .twitter-today .twtr-ft .feed-1-link {float: left;} .twitter-today .twtr-ft .feed-2-link {float: right;} .twitter-today .twtr-logo {position: absolute; right: 20px; top: 15px; background: url(../img/sprite_ui.png) no-repeat -298px -246px; width: 40px; height: 40px; display: block;} .home-grid .twitter-today #bp-feed-1 {float: none; width: auto; display: block; clear: both; height: 275px; margin-top: 10px;} .home-grid .twitter-today.widget {background: #1d96b1} .home-grid .twitter-today.widget .widget-hd {padding: 15px 15px 0 15px} .home-grid .twitter-today.widget .widget-hd .big-title {font-size: 2.4em;} .home-grid .twitter-today.widget .feeds {padding: 5px 10px;} .home-grid .twitter-today.widget .twtr-ft span {width: auto; display: block; float: none;} /* WELCOME */ .welcome-panel {background: #99ab1b; color: #fff; display: block} .welcome-panel .module-hd {padding-bottom: 5px} .welcome-bd {display: block; clear: both; padding: 15px;} .welcome-bd .left, .welcome-bd .right {width: 48%;} .welcome-bd .right .notify li {margin-bottom: 5px;} .welcome-bd .right .notify li a {color: #fff;} .welcome-bd .profile {display: block; clear: both; padding-bottom: 15px; margin-bottom: 10px;} .welcome-bd .avatar {float: left; width: 30%;} .welcome-bd .avatar img {display: block; width: 100%;} .welcome-bd .greeting {float: right; width: 65%; color: #fff; font-size: 1.25em;} .welcome-bd .greeting a {font-style: normal; font-weight: 700; color: #000} .welcome-bd .admin-msg {display: block; color: #000; clear: both; padding: 6px; -webkit-border-radius: 3px; border-radius: 3px; background: #c6d942;} .welcome-bd .admin-msg p {display: block; line-height: 1.3em; font-size: .875em;} .welcome-bd .admin-msg a {color: #000; font-weight: 700;} .welcome-bd .admin-msg h5 {color: #fff; font-weight: 900; font-size: 1.5em; line-height: 1.3em} .welcome-bd h4 {display: block; clear: both; font-size: 1.250em; padding-bottom: 10px; font-weight: 900; color: #fefb08} .welcome-bd label {display: block; font-size: .875em; font-size: .875em; padding-bottom: 3px; font-weight: 900} .welcome-bd input[type="text"], .welcome-bd input[type="password"] {background: #fff; border: 0; display: block; clear: both; width: 90%; margin-bottom: 10px; text-indent: 5px; padding: 4px 0;} .welcome-bd input[type="submit"], .welcome-bd .create-profile {background: #ff7634; color: #fff; border: 0; float:left; clear: left; padding: 0px 12px; font-weight: 700; text-transform: uppercase; margin-top: 10px; font-weight: 900; font-size: 1.25em; -webkit-font-smoothing: antialiased; height: 35px; line-height: 35px;} .welcome-bd input[type="submit"]:hover, .welcome-bd .create-profile:hover {background: #da4935; text-decoration: none} .welcome-bd ul {margin-left: 20px;} .welcome-bd li {font-size: .875em; font-weight: 700} .welcome-panel .follow-us {display: block; clear: both; padding: 15px 0; border-top: 1px solid #afbc4a; margin: 15px;} .welcome-panel .follow-us small {display: block; clear: both; font-weight: 900; padding-bottom: 10px; text-align: center} .follow-links {display: block; clear: both; width: 275px; margin: 0 auto;} .follow-links a {display: inline-block; zoom: 1; *display:inline; width: 48px; height: 48px; margin-left: 4px; background: url(../img/sprite_ui.png) no-repeat;} .follow-links a:first-child {margin-left: 0;} .follow-links a.follow-fb {background-position: 0 -725px;} .follow-links a.follow-twtr {background-position: -52px -725px;} .follow-links a.follow-ig {background-position: -104px -725px;} .follow-links a.follow-gplus {background-position: -156px -725px;} .follow-links a.follow-pin {background-position: -208px -725px;} /* FB FEED */ .fb-feed {background: #333; padding: 10px; color: #fff; padding: 15px;} .fb-feed .module-hd {padding: 0; margin-bottom: 8px;} .fb-feed .module-hd .mod-title {width: 90%; float: left; font-size: 2.25em} .fb-feed .fb-wrap {display: block; clear: both; height: 400px; overflow: auto; overflow-x: hidden;} .fb-feed .fb-logo {background: url(../img/sprite_ui.png) no-repeat 0 -194px; display: block; width: 40px; height: 40px; position: absolute; top: 0px; right: 0px;} .fb-feed article {display: block; clear: both; padding: 15px 0; border-top: 1px solid #444;} .fb-feed article:first-child {border-top: none;} .fb-feed .fb-img {float: left; width: 10%;} .fb-feed .fb-txt {float: right; width: 87%} .fb-feed .name-link {color: #fbbb1b; font-weight: 900; padding-bottom: 5px; display: block; clear: both; float: left} .fb-feed time {display: block; clear: both; font-size: .750em; color: #888; padding-bottom: 5px; font-weight: 700;} .fb-feed .fb-desc {font-size: .875em; line-height: 1.3em;} .fb-feed .fb-desc a {color: #fbbb1b;} /* BIG TOPIC */ .big-topic {background: #2c2c2c;} .big-topic .module-hd {border-bottom: 1px solid #414141;} .big-topic .fb-logo {background: url(../img/sprite_ui.png) no-repeat 0 -194px; display: block; width: 40px; height: 40px; position: absolute; top: 12px; right: 20px;} .big-topic .topic {display: block; clear: both; padding: 15px; } .big-topic .topic .left, .big-topic .topic .right {width: 48%;} .big-topic .bt-question {font-weight: 700; color: #fff; font-size: 1.5em; line-height: 1.2em} .big-topic .discussion {display: block; clear: both; padding: 15px; min-height: 370px; max-height: 370px; height: 100%; overflow: auto;} .big-topic .module-hd .mod-title {font-size: 2em;} /* AD ZONE */ .ad-zone {background: #d3d3d3; padding: 20px 0; display:block} .ad-zone .ad-wrap {display: block;} /* PINTEREST */ .pinterest {display: block; clear: both;} .pinterest .wrapper {background: #000;} .pinterest .wrapper .pad {padding: 20px;} .pinterest .pin-block {float: left; width: 26%; margin-left: 2%;} .pinterest .details {float: left; width: 15%; color: #fff; margin-left: 0} .pinterest .details i {font-style: normal; display: block; clear: both} .pinterest .pin-green {display: block; color: #99ab1b; font-weight: 900; padding-bottom: 5px} .pinterest .big-title {font-size: 2.5em; display: block; clear: both; font-weight: 900; padding-bottom: 20px} .pinterest .pin-follow {float: left; clear:left;} /* INSTAWINNERS */ .instawinner {background: #333; color: #fff;} .instawinner .ig-map {padding: 15px; display: block; clear: both;} .instawinner .ig-logo {background: url(../img/sprite_ui.png) no-repeat -86px -194px;; display: block; width: 40px; height: 40px; position: absolute; top: 12px; right: 20px;} .instawinner .blurb {display: block; clear: both; padding: 0 15px; line-height: 1.3em} .instawinner .blurb a {color: #fff;} /* FORUM */ .forum-latest .module-hd {padding-bottom: 5px; font-weight: 3em;} /* ================================================================================ */ /* FOOTER */ /* ================================================================================ */ footer {display: block; clear: both; background: #202020; color: #fff; position: relative; z-index: 10;} footer a {color: #fff;} footer a:hover {text-decoration: none; color: #fbbb1b} footer .ft-col {float: left; margin-right: 0; padding: 50px 0; } footer .bp-logo {display: block; margin: 0 auto; width: 70%; margin-bottom: 30px} footer .connect {width: 240px; margin: 0 auto; display: block; color: #fff;} footer .connect strong {display: block; text-align: center; padding-bottom: 15px;} footer .socials {margin: 0; list-style-type: none; display: block; clear: both;} footer .socials li {float: left; margin-left: 10px} footer .socials li:first-child {margin-left: 0} footer .socials li a {display: block; width: 40px; height: 40px; background: url(../img/sprite_ui.png) no-repeat; padding-top: 5px;} footer .socials li a:hover {opacity: 0.8; -ms-filter:"alpha(opacity=80)"; /* IE8 */ filter:alpha(opacity=80); /* IE6/IE7 */} footer .socials .fb-link a {background-position: 0 -194px;} footer .socials .twtr-link a {background-position: -43px -194px;} footer .socials .ig-link a {background-position: -86px -194px;} footer .socials .vine-link a {background-position: -130px -194px;} footer .socials .pin-link a {background-position: -174px -194px;} footer .socials .google-link a {background-position: -310px -194px;} footer nav {-moz-column-count: 2; -moz-column-gap: 5px; -webkit-column-count: 2; -webkit-column-gap : 5px; padding: 0 10%;} footer nav a {display: block; clear: both; font-weight: 700; font-size: 1.125em; padding-bottom: 10px;} footer h5 {display: block; color: #fbbb1b; font-size: 1.500em; padding-bottom: 15px;} footer .external-links {display: block; clear: both; -moz-column-count: 2; -moz-column-gap: 5px; -webkit-column-count: 2; -webkit-column-gap : 5px;} footer .external-links a {display: block; clear: both; font-size: .875em; font-weight: 700; padding-bottom: 8px;} footer .follow-wrap {display: block; clear: both; margin: 10px 0;} footer .follow-wrap .st_fbsub_large, footer .follow-wrap .st_twitterfollow {float: left;} footer .follow-wrap .st_twitterfollow {margin-left: 10px;} .credits {font-size: 0.750em; color: #fff; background: #000; display: block; clear: both; padding: 15px 0 25px 0; height: 120px; position: relative; z-index: 10} .credits p a {padding: 0 8px; text-decoration: underline; color: #fff; display: inline-block; zoom: 1; *display:inline; margin-bottom: 10px;} .credits p a:hover {color: #fbbb1b;} /* ================================================================================ */ /* STICKY FOOTER */ /* ================================================================================ */ .sticky-ft {display: block; position: fixed; width: 100%; height: 70px; border-top: 4px solid #969632; left: 0; bottom: 0; z-index: 1000; background: #1b1b1b; color: #fff;} .sticky-ft .wrapper {position: relative} .sticky-ft .geo-pin {left: 0; top: -21px; display: none;} .sticky-ft .change-location {float: left; margin-left: 50px; padding-top: 7px; font-weight: 900; width: 23%; display: none;} .sticky-ft .change-location span {font-size: 1.125em; padding-bottom: 5px; display: none: } /* display: block; */ .sticky-ft .change-location a {font-size: .750em; color: #99aa1a; display: block; clear: both} .sticky-ft .change-location a:hover {text-decoration: underline;} .sticky-ft .modal-triggers {display: block; clear: both;} .sticky-ft .modal-triggers a {display:inline-block; zoom: 1; *display:inline; margin-left: 8px; padding-left: 8px; border-left: 1px solid #fff;} .sticky-ft .modal-triggers a:first-child {border-left: 0; padding-left: 0; margin-left: 0;} .sticky-ft .change-location a.choose-loc {color: #fff; font-size: 1em; padding-top: 5px;} .sticky-ft .change-location a.choose-loc:hover {color: #99aa1a; text-decoration: none;} .ui-autocomplete {z-index: 2000 !important;} .sticky-ft .hike-finder {float: left; background: #333333; padding: 10px 15px; width: 60%} /* width: 45%} */ .sticky-ft .hike-finder h4 {float: left; font-weight: 900; display: block; font-size: 1.35em; margin-top: 3px;} .sticky-ft .hike-finder form {float: left; margin-left: 2.5%; width: 25%; } /* 36% */ .sticky-ft .hike-finder form input {display: inline-block; zoom: 1; *display:inline; line-height: 27px; height: 27px; border: 0} .sticky-ft .hike-finder input[type="text"], .sticky-ft .hike-finder input[type="tel"] {padding: 0 5px; width: 54%; font-size: .875em;} .sticky-ft .hike-finder input[type="submit"] {background: url(../img/bg_btn_orange.png) repeat-x right top; color: #fff; border: 0; padding: 0 15px 0 8px; text-transform: uppercase; font-size: .775em} .sticky-ft .hike-finder input[type="submit"]:hover {background-position: right bottom;} .sticky-ft .hike-finder .browse-hikes {float: left; position: relative; margin-left: 2.5%;} .sticky-ft .hike-finder .browse-hikes button, .sticky-ft .near-you {color: #fff; border: 0; font-weight: 900; font-size: .875em; font-family: 'Roboto'; -webkit-font-smoothing: antialiased; height: 27px; line-height: 27px; padding: 0 10px; cursor: pointer; float: left;} .sticky-ft .near-you {background: #1c96b0;} .sticky-ft .near-you:hover {background: #1faac7; text-decoration: none;} .hike-finder .browse-hikes button:focus {outline: none} .sticky-ft .hike-finder .browse-hikes button {background: #99aa1a;} .sticky-ft .hike-finder .browse-hikes button:hover {background: #cece31; text-decoration: none;} .sticky-ft .near-you {margin-left: 16px;} .sticky-ft .hike-finder .hike-sponsor {color: #fff; border: 0; font-weight: 900; font-size: .75em; font-family: 'Roboto'; -webkit-font-smoothing: antialiased; height: 27px; line-height: 27px; padding: 0 0 0 0px; cursor: pointer; float: right;} .sticky-ft .hike-finder .hike-sponsor img { width: auto; padding-left: 10px; display: block; } .hikefinder-ad {width: 100%; display: inline-block; } .hikefinder-location {width: 70%; display:inline-block; float: left; } .hikefinder-sponsor {display: inline-block; float: right; width: 25%; margin: 11px 0 0 0; } .hikefinder-powered {display: inline-block; float: left; font-size: 12px; font-weight: 900; font-family: 'roboto'; margin: 6px 5px 0 0;} .hikefinder-sponsor-image img {width: auto !important; height: auto !important; align: right; clear:left; } .adpos-hikefinder-sponsor {display: inline-block; float:right; } .adpos-hikefinder-footer {display: block; float: right; } .green-popup {background: #99aa1a; padding: 20px; position: absolute; display: none} .green-popup:after, .green-popup::after { position: absolute; top: 100%; left: 50%; margin-left: -15px; content: ''; width: 0; height: 0; border-top: solid 15px #99aa1a; border-left: solid 15px transparent; border-right: solid 15px transparent; } .green-popup .close-btn {width: 17px; height: 17px; background: url(../img/sprite_ui.png) no-repeat -51px -164px; display: block; top: 18px; right: 18px; position: absolute; cursor: pointer} /* WELCOME MESSAGE */ .green-popup.welcome:after, .green-popup.welcome::after { margin-left: -95px; display: none;} .sticky-ft .green-popup.welcome {width: 300px; bottom: 58px; left: 50px; display: none;} .sticky-ft .welcome h4 {font-size: 1.4em; display: block; font-weight: 900; padding-bottom: 10px} .sticky-ft .welcome p {font-size: .875em; line-height: 1.3em; font-weight: 700} .sticky-ft .welcome p em {color: #fbbb1b; font-style: normal; font-weight: 700;} .sticky-ft .welcome a {font-weight: 700; color: #000} .sticky-ft .welcome p.pin-text {display: block; clear: both; padding-top: 10px; position: relative} .sticky-ft .welcome p.pin-text .geo-pin-mini {display: inline-block; zoom: 1; *display:inline;} /* HIKE FINDER POPUP */ .sticky-ft .hike-finder .green-popup {width: 110px; left: 50%; margin-left: -75px; bottom: 48px;} .sticky-ft .browse-hikes.open .green-popup {display: block} .hike-finder .green-popup a, .finder .green-popup a {font-size: 1.375em; font-weight: 900; color: #fff; display: block; clear: both; padding-bottom: 6px;} .hike-finder .green-popup a:hover, .finder .green-popup a:hover {color: #333; text-decoration: none;} .sticky-ft .subscribe-btn {color: #fff; text-decoration: none; font-weight: 900; padding: 15px 12px; line-height: 1.3em; position: absolute; width: 160px; right: 0; bottom: 0px; /* fallback */ background-color: #9b9b34; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed7f2a), to(#d44b1a)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ed7f2a, #d44b1a); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ed7f2a, #d44b1a); /* IE 10 */ background: -ms-linear-gradient(top, #ed7f2a, #d44b1a); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ed7f2a, #d44b1a); } .sticky-ft .subscribe-btn:hover {background: #ed7f2a;} /* ================================================================================ */ /* LOCATION MODAL */ /* ================================================================================ */ #locationModal h3 {font-size: 2em; color: #ea7427; font-weight: 900; display: block; text-align: center; padding-bottom: 15px;} #locationModal p {line-height: 1.2em; font-size: .875em} #locationModal hr {margin: 15px 0;} #locationModal h4 {display: block; clear: both; text-align: center; font-size: 1.25em; font-weight: 900; padding-bottom: 10px; color: #333} #locationModal .location-btn {color: #fff; text-decoration: none; font-weight: 900; padding: 10px 0; text-align: center; cursor: pointer; /* fallback */ background-color: #9b9b34; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed7f2a), to(#d44b1a)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ed7f2a, #d44b1a); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ed7f2a, #d44b1a); /* IE 10 */ background: -ms-linear-gradient(top, #ed7f2a, #d44b1a); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ed7f2a, #d44b1a); } #locationModal .location-btn:hover {background: #ed7f2a;} #locationModal .block-wrap {display: block; clear: both;} #locationModal .block {float: left; width: 46%; margin-left: 2%; padding-left: 2%;} #locationModal .block:first-child {margin-left: 0; border-right: 1px solid #eee; padding-left: 0; padding-right: 3.5%} #locationModal .block p {display: block; clear: both; height: 50px;} #locationModal .by-zip input[type="text"], #locationModal .by-zip input[type="tel"] {float: left; width: 100%; height: 30px; line-height: 30px; border: 0; padding: 0 7px; font-size: .875em; background: #eee; margin-bottom: 6px;} #locationModal .by-zip .location-btn {width: 100%; display: block; clear: both;} #locationModal .by-geo small {display: block; clear: both; line-height: 1.2em; margin: 0 auto; font-size: .775em} #locationModal .by-geo .location-btn {display: block; clear: both; margin-bottom: 10px} #locationModal .current-location {display: block; clear: both; color: #000; padding: 12px; text-align: center; font-size: 1.125em;} #locationModal .current-location span {color: #99aa1a; font-weight: 900; display: block; clear: both; font-size: 1.25em; padding-top: 5px;} #locationModal nav {display: block; clear: both; margin-top: 25px} #locationModal nav a {float: right; display: block;} #locationModal .loader {width: 16px; margin: 0 auto; clear:both} /* ================================================================================ */ /* SUBSCRIPTION MODAL */ /* ================================================================================ */ #ipad_ad_wrapper {display: block; width: 750px; height: 900px; overflow: hidden; background: url(../ads/img/ipad-sub/backpacker_ipad_bg.jpg) no-repeat top; left: 50%; margin-left: -375px; top: 1%; z-index: 9999; position: fixed;} .ipad-sub img {width: auto;} /* ================================================================================ */ /* TINYMCE */ /* ================================================================================ */ /* WP IMAGE ALIGN MARKUP */ .alignleft, img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px;} .alignright, img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px;} .aligncenter, img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} img.alignleft, img.alignright, img.aligncenter {margin-bottom: 12px;} .alignnone {display: block; margin-left: auto; margin-right: auto;} /* WP IMAGE CAPTION MARKUP */ .wp-caption {display: block; border: none; color: #000; font-size: .775em; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-style: italic; max-width: 96% !important; width: auto !important;} .wp-caption img {} .wp-caption p.wp-caption-text {padding: 0 0 4px;} .post-body img {width: auto; height: auto;} .post-body {display: block; clear: both; margin-bottom: 25px;} .post-body h2 {display: block; font-size: 2.0em; padding-bottom: 20px;} .post-body h3 {display: block; font-size: 1.5em} .post-body h4 {display: block; font-size: 1.25em} .post-body p {color: #666666; line-height: 1.8em; font-weight: 400; padding-bottom: 25px} .post-body a {color: #a33703;} .post-body a:hover {color: #a33703} .post-body strong {font-weight: 700;} .post-body cite {} .post-body blockquote {display: block; margin-bottom: 25px; border-left: 5px solid #387493; padding: 0 15px;} .post-body blockquote p {color: #333333; font-size: 1.3em; font-style: italic} .post-body blockquote p:last-child {padding-bottom: 0px;} .post-body ul, .post-body ol {display: block; clear: both; margin-bottom: 20px; margin-left: 20px} .post-body li {margin-bottom: 10px; line-height: 1.5em; color: #666666;} .post-body .fluid-width-video-wrapper {display: block; clear: both; margin-bottom: 20px;} /* FITVIDS WRAPPER */ .postthumb, .nopostthumb {display: block; margin-bottom: 20px; clear: both;} .postthumb .caption, .nopostthumb .caption {font-size: .875em; font-style: italic; color: #666; padding: 10px 0; text-align: center; display: block; clear: both; line-height: 1.2em} .nopostthumb.sma, .postthumb.sma {max-width: 445px; margin: 0 auto; width: 100%; margin-bottom: 20px} /* ================================================================================ */ /* BBPRESS TEMPLATES */ /* ================================================================================ */ .share-bar { background: #f3f3f3; color: #333; border-radius: 5px;} #buddypress form#whats-new-form #whats-new-avatar { margin:0 15px 15px 0; } #buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=button], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button { background-color: #ea7427; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed7f2b), to(#eb7728)); background: -webkit-linear-gradient(top, #ed7f2b, #eb7728); background: -moz-linear-gradient(top, #ed7f2b, #eb7728); background: -ms-linear-gradient(top, #ed7f2b, #eb7728); background: -o-linear-gradient(top, #ed7f2b, #eb7728); border: 1px solid #ea7427; color: #fff; font-weight: 700; cursor: pointer; outline: none; text-align: center; text-decoration: none; border-radius: 5px; } #buddypress form#whats-new-form #whats-new-options select { margin-top: 0;} #buddypress .post-head { margin-bottom: 10px; } #buddypress .item-avatar { width:50px; } .community-nav {display: block; clear: both; margin-bottom: 10px;} .community-nav a {float: left; margin-left: 0; color: #fff; font-weight: 700; font-size: 1.125em; background: #444; padding: 15px 0; text-align: center; width: 20%; box-sizing: border-box;} .community-nav a:first-child {margin-left: 0;} .community-nav a:hover {text-decoration: none; background: #666;} #holder #bbpress-forums {display: block; clear: both; font-size: 1em; font-family: 'Roboto' !important;} #holder .inner-body .page-temp .post-body p {/*padding-bottom: inherit;*/} #holder #bbpress-forums ul.bbp-lead-topic, #holder #bbpress-forums ul.bbp-topics, #holder #bbpress-forums ul.bbp-forums, #holder #bbpress-forums ul.bbp-replies, #holder #bbpress-forums ul.bbp-search-results {border: 0; font-family: 'Roboto' !important;} #holder #bbpress-forums div.bbp-search-form {display: none;} #holder #bbpress-forums #bbp-search-form #bbp_search {} #holder #bbpress-forums #bbp-search-form #bbp_search_submit {padding: 0 6px; font-weight: 700;} #holder #bbpress-forums #bbp-search-form input {height: 30px; line-height: 30px;} #holder #bbpress-forums li.bbp-body {font-size: 1.125em} #holder #bbpress-forums li.bbp-body a {color: #333;} #holder #bbpress-forums img {max-width: none;} #holder #bbpress-forums li.bbp-header {background: #333; color: #fff; border-top: 0; padding: 1.5% 2%;} #holder #bbpress-forums .forum-titles li {color: #fff; font-size: 1.25em;} #holder #bbpress-forums .bbp-forum-freshness, #holder #bbpress-forums .bbp-topic-freshness {font-size: 1em;} #holder #bbpress-forums li.bbp-body ul.forum, #holder #bbpress-forums li.bbp-body ul.topic {padding: 2%;} #holder #bbpress-forums li.bbp-body .bbp-forum-title {font-size: 1.75em; font-weight: 900; display: block; color: #c55e1a} #holder #bbpress-forums .bbp-forums-list {border-left: 0;} #holder #bbpress-forums .bbp-forums-list li {font-size: 1.125em; display: block; clear: both; padding: 3px 0; border-bottom: 1px solid #ddd} #holder #bbpress-forums .bbp-forums-list li a {color: #cf5e14} #holder #bbpress-forums .bbp-forum-info .bbp-forum-content {} /** Forum Description **/ #holder #bbpress-forums div.odd, #holder #bbpress-forums ul.odd {background: #fcfcfc;} #holder #bbpress-forums div.even, #holder #bbpress-forums ul.even {background: #f6f6f6;} #holder .bbp-forum-topic-count, #holder .bbp-forum-reply-count, #holder .bbp-topic-voice-count, #holder .bbp-topic-reply-count {font-weight: 700} #holder #bbpress-forums .bbp-template-notice a.bbp-author-name {color: #ea7427 !important;} #holder #bbpress-forums .bbp-template-notice .bbp-author-avatar {width: 20px; display: none;} #holder #bbpress-forums p.bbp-topic-meta {display: block; clear: both} #holder #bbpress-forums p.bbp-topic-meta img.avatar {margin-bottom: 0;} #holder #bbpress-forums p.bbp-topic-meta .bbp-topic-started-by {display: block;} #holder #bbpress-forums .bbp-topic-freshness-author {display: block; clear: both;} #holder #bbpress-forums .bbp-topic-freshness-author .bbp-author-avatar img {width: 14px;} #holder #bbpress-forums .bbp-topic-freshness-author .bbp-author-name {word-break: break-all;} #holder #bbpress-forums .bbp-topic-permalink {color: #ca5d16; font-weight: 700;} #holder #bbpress-forums .bbp-pagination-links {font-size: .775em; font-weight: 700;} #holder #bbpress-forums div.bbp-forum-content img, #holder #bbpress-forums div.bbp-topic-content img, #holder #bbpress-forums div.bbp-reply-content img {width: auto;} #holder #bbpress-forums .bbp-submit-wrapper {clear: none;} #holder #bbpress-forums .bbp-submit-wrapper button {border: 0; width: 200px; height: 40px; line-height: 40px; font-weight: 900; font-size: 1.125em; display: block; text-align: center; color: #fff; -webkit-font-smoothing: antialiased; cursor: pointer; margin-bottom: 25px; /* fallback */ background-color: #afaf3f; background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c551), to(#a1a132)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #c5c551, #a1a132); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #c5c551, #a1a132); /* IE 10 */ background: -ms-linear-gradient(top, #c5c551, #a1a132); /* Opera 11.10+ */ background: -o-linear-gradient(top, #c5c551, #a1a132); } #holder .post-body #bbpress-forums fieldset.bbp-form p {margin-bottom: 5px; padding-bottom: 0} #holder #bbpress-forums .bbp-submit-wrapper button:hover {background: #c5c551; text-decoration: none} #holder #bbpress-forums .bbp-topic-title {font-size: 1.250em;} #holder #bbpress-forums li.bbp-topic-title img {width: 15px} #holder #bbpress-forums li.bbp-header a {color: #fbbb1b} #holder .bbp-admin-links {color: transparent;} #holder .bbp-admin-links a {background: #555; padding: 2px 4px; color: #fff !important; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 700} #holder #bbpress-forums .hentry {padding: 15px;} #holder #bbpress-forums div.bbp-forum-header, #holder #bbpress-forums div.bbp-topic-header, #holder #bbpress-forums div.bbp-reply-header {background-color: #eec765; border-top: 0; color: #333;} #holder #bbpress-forums .bbp-reply-author .bbp-author-avatar {display: block;} #holder #bbpress-forums .bbp-reply-author .bbp-author-avatar img {display: block; max-width: 110px;} #holder #bbpress-forums .bbp-pagination-links a {color: #ea7427} #holder #bbpress-forums #subscription-toggle span {padding-left: 5px;} #holder #bbpress-forums #favorite-toggle span {padding-right: 5px;} #holder #bbpress-forums .bbp-no-reply a, #holder #bbpress-forums .bbp-no-topic a {font-weight: bold;} /* ================================================================================ */ /* BBPRESS and BUDDYPRESS WIDGETS */ /* ================================================================================ */ .bbp-widget .widget-title {display: block; clear: both; font-size: 1.5em; font-weight: 900; color: #fff;} .bbp-widget .widget-title a {color: #fff;} .bbp-widget .widget-title a:hover {text-decoration: none;} .bbp-widget ul {list-style-type: none;} .bbp-widget li {border-top: 1px solid #3db7d1;} .bbp-widget li a {color: #fff; font-size: .875em; display: block; padding: 8px 10px;} .bbp-widget li a:hover {text-decoration: none;} /* SEARCH */ .bbpress-search {background: #333; color: #fff;} .bbpress-search label {display: block; font-size: .875em; padding-bottom: 4px; font-weight: 700;} .bbpress-search input {border: none; height: 30px; line-height: 30px; float: left;} .bbpress-search .widget-bd {display: block; clear: both; margin-bottom: 12px} .bbpress-search input[type="text"] {width: 70%; margin-right: 2%; font-size: .875em;} #bbp-search-form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html #bbp-search-form { zoom: 1; } /* IE7 */ .bbpress-search input[type="submit"] {width: 28%; background: #99aa1a; color: #fff; font-weight: 900; -webkit-font-smoothing: antialiased;} .bbpress-search input[type="submit"]:hover {background: #b5c823;} .bbpress-search .mod-link {display: block; clear: both; text-align: center; font-weight: 900; color: #fff; background: #ea7427; padding: 5px 0; font-size: .875em;} .bbpress-search .mod-link:hover {text-decoration: none; background: #ed7f2a} /* VIEWS */ .bbpress-views {background: #1c96b0;} .bbpress-views li {border-color: #3db7d1;} .bbpress-views li a:hover {background: #3db7d1;} /* RECENT TOPICS */ .bbpress-topics-list {background: #a33703;} .bbpress-topics-list li {border-color: #6d2300;} .bbpress-topics-list li a:hover {background: #6d2300;} .bbpress-topics-list a .topic-meta {display: block; clear: both; color: #fbbb1b; font-style: italic; font-size: .875em;} .bbpress-topics-list a .topic-meta .topic-auth {padding-right: 5px;} /* FORUMS */ .bbpress-forums-list {background: #99aa1a;} .bbpress-forums-list li {border-color: #7c8a0f;} .bbpress-forums-list li a:hover {background: #7c8a0f;} /* STATS */ .bbpress-forum-stats {background: #ea7427;} .bbpress-forum-stats dl {width: 100%; overflow: hidden; font-size: .875em;} .bbpress-forum-stats dt {float: left; width: 48%;} .bbpress-forum-stats dd {float: left; width: 48%; color: #fff} /* BUUDYPRESS */ .buddy-members {background: #333;} .bbp-widget .item-list {display: block; clear: both; list-style-type: none} .bbp-widget .item-list li.vcard {display: block; clear: both; padding: 10px 0;} .bbp-widget .item-list li.vcard:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .bbp-widget .item-list li.vcard { zoom: 1; } /* IE7 */ .bbp-widget .item-list .item-avatar {float: left; width: 13%;} .bbp-widget .item-list .item {float: right; width: 82%; color: #fff;} .bbp-widget .item-list a {padding: 0; font-size: .875em; font-weight: 700;} .bbp-widget .item-list .item-meta {line-height: 1em;} .bbp-widget .item-list .item-meta .activity {font-size: .775em; color: #777} .buddy-members li {border-color: #555;} .buddy-members .item-options {display: block; padding-bottom: 10px} .buddy-members .item-options a {color: #ea7427; font-weight: 700} .buddy-online {background: #1c96b0;} .bbp-widget .avatar-block {display: block; clear: both;} .bbp-widget .avatar-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html .bbp-widget .avatar-block { zoom: 1; } /* IE7 */ .bbp-widget .avatar-block .item-avatar {float: left; width: 23%; margin: 0 2.5% 2.5% 0;} .bbp-widget .avatar-block .item-avatar:nth-of-type(4n) {margin-right: 0} .buddy-active {background: #99aa1a} .buddy-groups {background: #ea7427} /* ================================================================================ */ /* BUDDYPRESS TEMPLATES */ /* ================================================================================ */ #buddypress {display: block; clear: both;} #buddypress img {width: auto;} #buddypress a {color: #333;} /* MEMBERS */ #buddypress .bpfb_form_container {display: block; clear: both;} #buddypress #whats-new-form .activity-greeting {font-weight: 900; margin:0; color: #333; font-size: 1.25em; display: block; padding-bottom: 4px;} #buddypress #whats-new-content .bpfb_actions_container input[type="text"] {border: 1px solid #333; width: 60% !important; display: block; clear: both; margin-bottom: 12px; font-size: .875em; padding: 3px;} #buddypress .bpfb_toolbar_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html #buddypress .bpfb_toolbar_container { zoom: 1; } /* IE7 */ #buddypress .activity-list .activity-avatar {width: 8%;} #buddypress .activity-list .activity-avatar a {display:block;} #buddypress .activity-list .activity-avatar a img {display:block; width: 100%;} #buddypress .activity-list .activity-content {float: right; width: 88%; margin: 0} .post-body #buddypress #item-body p {padding-bottom: 0;} #buddypress .activity-list li.mini .activity-avatar img.avatar {width: 100%; height: auto; margin: 0;} #buddypress #item-header {display: block; clear: both; background: #f3f3f3; color: #333; margin-bottom: 20px; padding: 15px; border-bottom: none;} #buddypress #item-header.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html #buddypress #item-header { zoom: 1; } /* IE7 */ #buddypress #item-header-avatar {float: left; width: 21%;} #buddypress #item-header-avatar a {display: block} #buddypress #item-header-avatar a img.avatar {display: block; width: 100%; float: none; margin: 0} #buddypress #item-header-content {float: right !important; width: 76%;} #buddypress #item-header-content #latest-update {margin-bottom: 10px; font-size: 1.125em; line-height: 1.2em;} #buddypress #item-header #message.updated {display: block; clear: both; margin: 6px 0;} #buddypress #item-header #message p {padding: 7px 15px;} #buddypress #latest-update {color: #333; font-size: 1.250em;} #buddypress #latest-update a {color: #fbbb1b; font-weight: 700} #buddypress #item-buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html #buddypress #item-buttons { zoom: 1; } /* IE7 */ #buddypress #item-buttons .generic-button a {display: block; font-weight: 700; border: 0; color: #fff; background: #333; padding: 6px 12px; font-size: 1em;} #buddypress #item-buttons .generic-button a:hover {background: #111;} #buddypress #item-buttons .generic-button a.friendship-button.remove {background: #a33703} #buddypress #item-buttons .generic-button a.friendship-button.remove:hover {background: #7D2900} #buddypress #item-header h2 {font-size: 1.3em;} #buddypress .item-list-tabs {display: block; clear: both;} #buddypress div.item-list-tabs ul li a span { background: #ed7e2a; padding: 2px 6px; border:none; font-weight: bold; color: #fff;border-radius: 10px;position: relative; top:-5px; } #buddypress div.item-list-tabs ul li.selected a span, #buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li a:hover span { background-color: #ed7e2a; } #buddypress #item-nav {display: block; clear: both; margin-bottom: 25px;} #buddypress #object-nav ul {float: left; width: 100%; border-bottom: 4px solid #333;} #buddypress #object-nav ul li {margin-right: 1px; } #buddypress #object-nav ul li.current.selected a {color: #fff; background: #333; opacity:1;} #buddypress #object-nav ul li a {background: #e2e2e2; height: 40px; line-height: 40px; padding: 0px 15px; color: #333; font-weight: 700; font-size: .875em;} #buddypress #object-nav ul li:hover a {background: #ccc;} #buddypress #subnav li a {font-weight: 700; } #buddypress #subnav li.current.selected a {color: #fff; background: #99aa1a;} #buddypress #subnav li a:hover {color: #99aa1a} #buddypress ul.item-list li {padding: 20px 0;} #buddypress div.activity-meta {display: block; clear: both; margin: 20px 0 5px 0;} #buddypress .activity-inner {background: #1c96b0; margin-bottom: 20px; padding: 15px; display: block; clear: both; -webkit-border-radius: 5px; border-radius: 5px;} #buddypress .activity-inner p {color: #fff; display: block; padding-bottom: 15px;} #buddypress .activity-inner p:last-child {padding-bottom: 0;} #buddypress .activity-comments ul li {display: block; padding: 15px 0; clear:both;} #buddypress .activity-inner p a {color: #fbbb1b; font-weight: 700} #buddypress .activity-list .activity-content .activity-header img.avatar {width: 20px; margin: 0 5px 2px 5px !important;} #buddypress .clear { clear: left;} #buddypress .standard-form .editfield { margin-bottom: 20px; display: block; clear: both} #buddypress .editfield.field_username {display: none !important;} #buddypress ul.button-nav {margin-left: 0;} #buddypress div.item-list-tabs#subnav ul { } #buddypress div.item-list-tabs#subnav ul li { margin-right: 5px; } #buddypress div.item-list-tabs#subnav ul li a { border-radius: 5px; border:1px solid #ccc;} #buddypress div.profile h4 {font-size: 1.625em; margin-bottom: 20px; } #buddypress div.profile p {line-height: 1.2; font-size: .875em; padding-bottom: 20px;} @media (max-width:500px) { #buddypress #object-nav ul { border-bottom: none; } #buddypress #object-nav ul li { float: none; margin-left: 0; margin-bottom: 1px; } } .post-head .btn-create {float: right; color: #fff; font-weight: 900; font-size: 1em; background: #99aa1a; padding: 5px 10px; margin-top: 10px; display: block;} .post-head .btn-create:hover {text-decoration: none; background: #b5c823} #holder #buddypress #profile-edit-form.standard-form p.description, #holder #buddypress #signup_form.standard-form p.description {display: none;} #holder #profile-edit-form .checkbox-acceptance, #holder #buddypress #signup_form .checkbox-acceptance {line-height: 1.3em; font-size: .875em; color: #666;} #holder #profile-edit-form .checkbox-acceptance label, #holder #buddypress #signup_form .checkbox-acceptance label {color: #333; font-size: 1.125em; font-weight: 700;} #holder #profile-edit-form input[type="checkbox"], #holder #buddypress #signup_form input[type="checkbox"] {float: left; margin: 3px 6px 0 0;} #holder #buddypress #signup_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} *:first-child+html #holder #buddypress #signup_form { zoom: 1; } /* IE7 */ #holder #buddypress .standard-form div.submit input {font-size: 1.4em; margin-right: 0; margin-bottom: 25px; margin-top: 8px;} #holder #profile-details-section .field-visibility-settings-toggle {display: none !important;} #buddypress .change-email a {display: block; clear: both; padding: 10px 0; font-size: .875em; color: #a33703; font-weight: 900} #buddypress .notifications {font-size: .875em;} #buddypress .notifications th.title {width: 65%} #buddypress .notifications th.date {width: 20%} #buddypress .notifications th.actions {width: 15%;} #buddypress .notifications tr {border-bottom: 1px solid #eaeaea;} #buddypress .notifications a.delete {color: #a33703} #buddypress .notifications tr td:nth-child(4) {text-align: center;} #buddypress .edit-desc p {display: block; clear: both; line-height: 1.5em !important;} #buddypress #avatar-upload-form {display: block; clear: both; margin-bottom: 20px;} #buddypress #avatar-upload-form p {display: block; padding: 20px 0;} #buddypress #avatar-upload-form #upload {float: left; clear: left;} #buddypress #avatar-upload-form #file {display: block; clear: both; margin-bottom: 15px;} #buddypress .grav p {line-height: 1.5em !important; margin-bottom: 20px;} #buddypress .grav p a {color: #a33703; font-weight: 700;} /*-------------------------------------------------------------- 6.5 - Forms --------------------------------------------------------------*/ .standard-form textarea, .standard-form input[type=text], .standard-form input[type=color], .standard-form input[type=date], .standard-form input[type=datetime], .standard-form input[type=datetime-local], .standard-form input[type=email], .standard-form input[type=month], .standard-form input[type=number], .standard-form input[type=range], .standard-form input[type=search], .standard-form input[type=tel], .standard-form input[type=time], .standard-form input[type=url], .standard-form input[type=week], .standard-form select, .standard-form input[type=password], .dir-search input[type=search] .dir-search input[type=text] { border: 1px inset #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #888; font: inherit; font-size: 14px; padding: 6px; } .standard-form select { padding: 3px; } .standard-form input[type=password] { margin-bottom: 5px; } .standard-form label, .standard-form span.label { display: block; font-weight: bold; margin: 15px 0 5px 0; } .standard-form div.checkbox label, .standard-form div.radio label { color: #888; font-size: 14px; font-weight: normal; margin: 5px 0 0 0; } .standard-form#sidebar-login-form label { margin-top: 5px; } .standard-form input[type=text] { width: 75%; } .standard-form#sidebar-login-form input[type=text], .standard-form#sidebar-login-form input[type=password] { padding: 4px; width: 95%; } .standard-form #basic-details-section input[type=password], .standard-form #blog-details-section input#signup_blog_url { width: 35%; } .standard-form#signup_form input[type=text], .standard-form#signup_form textarea, .form-allowed-tags, #commentform input[type=text], #commentform textarea { width: 90%; } .standard-form#signup_form div.submit { float: right; } div#signup-avatar img { margin: 0 15px 10px 0; } .standard-form textarea { width: 75%; height: 120px; } .standard-form textarea#message_content { height: 200px; } .standard-form#send-reply textarea { width: 97.5%; } .standard-form p.description { color: #888; font-size: 11px; margin: 5px 0; } .standard-form div.submit { clear: both; padding: 15px 0 0 0; } .standard-form p.submit { margin-bottom: 0; padding: 15px 0 0 0; } .standard-form div.submit input { margin-right: 15px; } .standard-form div.radio ul { margin: 10px 0 15px 38px; list-style: disc; } .standard-form div.radio ul li { margin-bottom: 5px; } .standard-form a.clear-value { display: block; margin-top: 5px; outline: none; } .standard-form #basic-details-section, .standard-form #blog-details-section, .standard-form #profile-details-section { float: left; width: 48%; } .standard-form #profile-details-section { float: right; } .standard-form #blog-details-section { clear: left; } .standard-form input:focus, .standard-form textarea:focus, .standard-form select:focus { background: #fafafa; color: #555; } form#send-invite-form { margin-top: 20px; } #buddypress .field-visibility-settings-notoggle {display: none;} .buddy-subnav {display: block; clear: both; padding-bottom: 20px; font-size: .875em; font-weight: 700;} .buddy-subnav a {display: inline-block; zoom: 1; *display:inline; margin-left: 12px; color: #333; background: #f1f1f1; padding: 6px 12px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer} .buddy-subnav a:first-child {margin-left: 0} .buddy-subnav a:hover {background: #ddd; text-decoration: none;} /* BOOKMARKED POSTS */ .user-fav-posts h3 {display: none;} .upb-bookmarks-list {list-style-type: none;} .upb-bookmarks-list li {list-style-type: none; font-size: 1em; font-size: .9em} .upb-bookmarks-list li.upb_bookmark {display: block; clear: both; padding: 10px 0; border-top: 1px solid #f3f3f3;} .upb-bookmarks-list li.no-bookmarks {font-weight: normal; margin-top: 3px; text-decoration: none; background-color: #ffd; border: 1px solid #cb2; color: #440; padding: 10px 15px; display: block;} .upb-bookmarks-list li a {color: #333; font-weight: 700;} .upb-bookmarks-list li a.upb_del_bookmark {background: #a33703; color: #fff; font-size: .750em; padding: 3px 6px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 700} .upb-bookmarks-list li a.upb_del_bookmark:hover {text-decoration: none; background: #333;} .map_image { display: block; width: 150px; height: 40px; position: relative; background-position: 0 0; background-repeat: no-repeat; } .map_image .map_link { display: block; position: absolute; text-indent: -999em; overflow: hidden; } .map_image #map_link_0 { width: 148.5px; height: 18.5px; top: 0.70001220703125px; left: 0.70001220703125px; } .map_image #map_link_1 { width: 149.5px; height: 16.5px; top: 21.70001220703125px; left: 0.70001220703125px; } /* SOCIAL BAR STYLES */ .social-bar {text-align: center; margin: 10px 0 0px 0; } .icon-background { color: #F2F2F2; } .fa-stack-1x {color: #D4D4D4; } .fa-stack-1x:hover { color: #9E9E9E; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; /* ...and now for the proper property */ transition:.5s; } .fa-1x { font-size: 1em !important; } .fa-2x { font-size: 2em !important; } .fa-3x { font-size: 3em !important; } .fa-4x { font-size: 4em !important; } .fa-5x { font-size: 5em !important; } socialbar.socialicon a:hover, a:focus { text-decoration: none !important; outline: 0 !imp} /* TABLEPRESS STYLES */ .tablepress { width: 80%; font-family: tahoma; font-size: 12px; } /* make image column 100px wide */ .tablepress .column-7 { width: 100px; } .tablepress thead th, .tablepress tfoot th { font-size: 18px; height: 35px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */ background: #fceabb; /* Old browsers */ background: -moz-linear-gradient(top,#fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,#fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,#fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb',endColorstr='#fbdf93',GradientType=0); /* IE6-9 */ /* background-color: #ffb200; */ } .tablepress a:link { color: #000; } .tablepress a:hover { color: #999; } .tablepress thead .sorting_asc, .tablepress thead .sorting_desc, .tablepress thead .sorting:hover { background-color: #FFD472; } /* PERSISTENT NAV CSS */ .persistent-nav-container { width: 100%; background-color: #fff; height: 170px; box-shadow: 5px 5px 5px #e3e3e3; width:100%; margin: 0px auto 0 auto; padding: 5px 0 0 0; text-align: center; } .persistent-nav { width: 50%; margin: 0 auto 0 auto; z-index: 2000; } .uber-grid-wrapper-15245919 { text-align:center; } p, .aesop-content { width:100%; max-width:2000px; margin:0 auto; } { overflow-x: hidden; } .extendfull, .extendleft { padding-left: 3000px; margin-left: -3000px; } .extendfull, .extendright { padding-right: 3000px; margin-right: -3000px; } iframe { min-width: 100%; width: 100px; *width: 100%; }