html, body {background:#e4e4e4; overflow-x: hidden;} a {color:#17a4ba} /*Buttons*/ .btn-success {background-color:#17a4ba;border-color: #17a4ba;color:#fff;} .btn-success:hover {background-color:#117483;border-color:#117483;color:#fff;} .btn-warning {background-color:#ff6500;border-color: #ff6500;color:#fff;} .btn-info {background-color:#ffcc00;border-color: #ffcc00;color:#000;} .btn-info:hover {background-color:#ffb300;border-color:#ffb300;color:#000;} .btn-primary {background-color:#117483;border-color: #117483;color:#fff;} .btn-default {color:#17a4ba;border-color:#17a4ba;} .fabbutton {position:fixed; bottom:24px;left:30%;z-index: 400; border-radius:40px; background-color:#fff; border: 1px solid #ccc; color:#000; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} .progress-bar-success {background-color:#17a4ba;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #17a4ba; border-color: #17a4ba; } /*Hero Banners*/ .herobanner {width:100%;position:relative;min-height:350px;padding:90px 0 50px 0;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;} .herobanner h1 {color:#FFF;text-align:center;font-size:28px;line-height:36px;margin-bottom:20px;border-bottom:none;text-shadow: 1px 1px 1px #000;} .herobanner h2 {color:#FFF;text-align:center;font-size:32px;line-height:36px;margin-bottom:20px;text-shadow: 1px 1px 1px #000;} .herobanner .form-control {font-size:22px;border-radius:30px;height:53px;padding-left:20px;} .herobanner .btn {padding:11px 20px;border-radius:30px;font-size:20px;} /*Block Titles*/ .blocktitles {font-size:25px;font-weight:500; padding-top:15px; padding-bottom:15px;} .blocktitles span {font-size:14px;} /*Labels*/ .label-success {background-color:#17a4ba;} /*Mobile Nav*/ @media (max-width: 767.98px) { .offcanvas-collapse { position: fixed; top:0px; /* Height of navbar */ bottom: 0; width:100%; padding-right:0; padding-left:0; z-index: 9999; overflow-y: auto; background-color:#FFF; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; -webkit-transform: translateX(100%); transform: translateX(100%); overflow-x:hidden !important; height: 100% !important; } .offcanvas-collapse.open { -webkit-transform: translateX(0); transform: translateX(0); /* Account for horizontal padding on navbar */ } } .mobilenavheaderreversed {background:#000; margin-bottom:0px; border:none;} .mobileblack {background:#000;} .mobileblack .navbar-toggle {border-color:#000; color:#FFF;} .mobileblack .navbar-toggle .icon-bar {background-color:#FFF;} .mobileblack .btn-default {border-color:#000;color:#FFF;background-color:#000;} .reversedlogo {background:url(/themes/md_2015/images/logo.png)no-repeat;width:170px;height:31px;background-size: 100%;margin: 0 auto;margin-top:13px;} .reversedlogo a {display:block;width:170px;height:31px} .usersprofilewrap{background:#F5F5FA;border-bottom:1px #E8E8E8 solid;padding:10px;} .usersprofilewrap img {margin-right:15px;width:58px;height:58px} .usersprofilewrap .btn-default {color:#000;border-color:#FFF;background-color:#FFF;} .usersprofilewrap p {margin:0px; padding:0px;} .usersprofilewrap h4 {margin:0 0 5px 0; padding:0px;} .dashboardalert {position:relative; padding-right:15px;} .dashboardalertbadge {position: absolute; top:-2px; right:2px; background-color:#6F0760;} .mobilenavheader {height:50px;border-bottom:1px #E8E8E8 solid; padding:8px 10px;} .mobilenavheader .whitelogo {background:url(/themes/md_2015/images/logo-white.png)no-repeat;width:170px;height:31px;margin: 0 auto; background-size: 100%} .mobilenavheader .whitelogo a {display:block;width:170px;height:31px} .mobilenavheader .btn-default {color:#000;border-color:#FFF;background-color:#FFF;} .mobilesidenav i {color:#17A4BA;margin-right:10px; } .mobilesidenav li > a {padding: 10px 25px; color:#000;} .mobilenavsupport {background:#F5F5FA;border-bottom:1px #E8E8E8 solid;border-top:1px #E8E8E8 solid;} .mylocationwrap {background:#F5F5FA;border-bottom:1px #E8E8E8 solid;} .mylocationwrap i {color:#17A4BA;margin-right:10px; } .mylocationwrap ul {margin: 0; padding: 0;} .mylocationwrapform {padding:5px 10px 10px 10px;} .mylocationnote {padding:0px 10px 0px 10px;} .desktopheader {background:#FFF;padding:7px 0;height:65px;border-bottom: 1px; solid #e5e5e5;} .desktopusernav .btn-default {color:#000;background-color:#FFF; border-radius:0px;border-left:1px solid #E8E8E8;border-bottom:none;border-right:none;border-top:none;height:52px;} .desktopusernav .fa-lg {vertical-align: -30%;} .desktopregisternav {margin-top:10px;} .desktopregisternav .btn-default {color:#000;background-color:#FFF;border-radius:0px;border:none;} .desktopheader .whitelogo {background:url(/themes/md_2015/images/logo-white.png)no-repeat;width:208px;height:38px;margin:6px 0 0 0; background-size: 100%} .desktopheader .whitelogo a {display:block;width:208px;height:38px} .desktopnav {margin-bottom:0; background-color: #000; border: none; border-radius:0;} .desktopnav .navbar-nav > li > a {color:#FFF;} .desktopnav .navbar-nav > li > a:hover, .desktopnav .navbar-nav > li > a:focus {color: #17a4ba; background-color:transparent;} .desktopnav .navbar-nav > .open > a, .desktopnav .navbar-nav > .open > a:hover, .desktopnav .navbar-nav > .open > a:focus {background-color:#000;color: #FFF;} .headroom {will-change: transform;transition: transform 200ms linear;} .headroom--pinned {transform: translateY(0%);} .headroom--unpinned {transform: translateY(-100%);} .header--fixed {position: fixed;z-index: 10;right: 0;left: 0;top: 0;} .notifications-count {box-sizing: border-box; font-size: 10px; background: #ec008c; border-radius: 8px; color: #FFF; display: inline-block; height: 15px; margin-left: -10px; min-width: 15px; padding: 0px 4px 2px 4px; position: relative; text-align: center; top:-25px; font-weight: 600; vertical-align: middle } /*Sub Nav*/ .subnavwrap {background-color:#17a4ba;padding:10px 0;} .subnavwrap .btn-default {background-color:#117483;border-color: #117483;color: #FFF;} .subnavwrap h1 {border:none; color:#FFF; margin:0; padding:3px 0 0 0; font-weight:normal;} .subnavwrap p {color:#FFF; margin:0;} .section-menu {background:#117483; padding-top:15px; padding-bottom:15px; color:#FFF;} .section-menu h3 {margin:0 0 10px 0; padding:0 0 5px 0;color:#FFF; border-bottom:1px solid #FFF;} .section-menu a.list-group-item, button.list-group-item {color:#FFF;} .section-menu .list-group-item {background-color:#117483;border-left:none;border-right:none; border-top:none; border-bottom:none;padding-left:0px;padding-right:0px;} .section-menu .list-group-item:first-child {border-top-left-radius:0px;border-top-right-radius:0px;} .section-menu .list-group-item:last-child {border-top-left-radius:0px;border-top-right-radius:0px;} .section-menu a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {background-color:#17a4ba;} .container-padding {padding-top:20px;} /*User Profiles*/ .memberwrap {background-color:#000; color:#FFF; padding:10px 0 10px 0; margin-bottom:20px;} .memberpic {margin-top:-10px; margin-bottom:10px;width:62px;height:62px;} .profilesummary {text-align:center; border-bottom: 1px solid #CCC;} .circle {position:relative;display:block;margin:0;background-color:transparent;color: #222;text-align: center;} .circle:after { display: block; padding-bottom: 100%; width: 100%; height: 0; border-radius: 50%; background-color: #ddd; content: ""; } .circle__inner { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .circle__wrapper { display: table; width: 100%; height: 100%; } .circle__content { display: table-cell; padding: 1em; vertical-align: middle; } /*Tabs*/ .nav-tabs > li > a /*Modal*/ #mapModal .modal-body {padding-top:0px;} .headerwrap {background:#000;height:56px;padding:9px 0 0;position:relative;z-index:999;} .notifications .btn-warning { background-color: #000; background-image: linear-gradient(to bottom, #4b4b4b, #191919); border-color: #191919 } .notifications .btn-warning .badge { background-color: #ff0800; color: #FFF } .notifications .btn-warning:hover { background-image: linear-gradient(to bottom, #191919, #4b4b4b) } .uploadfixed { position: fixed; bottom: 22px; right: 22px; border: medium none; border-radius: 50%; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3); cursor: pointer; display: inline-block; height: 46px; outline: medium none; text-align: center; width: 46px; z-index: 99999; background-color: #17a4ba; color: #FFF; vertical-align: middle } .uploadfixed i {padding-top:10px} .uploadfixed a:hover {color:#FFF!important;} .logo { background: url(/themes/md_2015/images/logo.png) no-repeat; width: 225px; height: 41px; margin-top: 4px; background-size: 100% } .logo a { display: block; width: 225px; height: 41px } .green-default { color: #17a4ba; } #site_search { color: #fff; width: 95%; z-index: 1000; margin: 0; position: absolute } #site_search .search_wrap { width: 95%; position: relative; padding: 5px; background: #2c2c2c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #site_search .search_wrap #search_form { background: #FFF; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #search_text { margin-top: 0; margin-left: 25px; height: 25px; font-size: 12px; color: #b3b3b3; width: 100% } #search_submit { position: absolute; right: 8px; top: 4px } #site_search .search_wrap input { border: 0; background: none } #search_options { margin-top: 5px; padding: 5px 0 0; display: none; width: auto; overflow: hidden; background: url(/themes/md_2015/img/backgrounds/search_options_bg.gif) no-repeat 0 0 #FFF } #search_options ul { list-style: none; margin: 0; padding: 0 } #search_options ul li { padding: 5px 0 5px 10px; border-bottom: 1px solid #e0e0e0; background: url(/themes/md_2015/img/backgrounds/search_options_sm_bg.gif) repeat-y } #search_options ul li.last { border-bottom-width: 0; padding-bottom: 0 } #search_options ul li a { color: #272727; text-decoration: none; font-size: 11px; font-weight: 700 } #search_options ul li.current a, #search_options ul li a:hover { color: #24b0e5 } .sitenav {background: url(/themes/md_2015/images/backgrounds/nav_bg.gif) repeat-x 0 0 #000!important} .sitenav .navbar-default {background: none!important;border: none!important} .sitenav .navbar { border-radius: 0; min-height: 33px; margin-bottom: 0 } .sitenav .navbar-nav>li>a { padding-bottom: 0; padding-top: 0; line-height: 33px!important } .sitenav .navbar-default .navbar-nav>li>a { color: #FFF; font-size: 16px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; padding: 0 25px } .sitenav .navbar-default .navbar-nav>li>a:hover, .sitenav .navbar-default .navbar-nav>li>a:focus { background: url(/themes/md_2015/images/backgrounds/nav_over_bg.gif) repeat-x; color: #FFF } .sitenav .navbar-collapse { padding-left: 0; padding-right: 0 } .sitenav .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background-color: #ec008c } .sitenav .navbar-toggle { background-color: transparent; background-color: #000; background-image: linear-gradient(to bottom, #4b4b4b, #191919); border-radius: 4px; float: right; margin-bottom: 8px; margin-right: 0; margin-top: 8px; padding: 5px 10px; position: relative } .sitenav .navbar-default .navbar-toggle { border-color: #333; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #000 } /* Feed */ .squareicon {padding:7px;border-radius:5px;display:block;float:right;} .eventsbg {background:#ec6749;} .trailsbg {background:#2e9acd;} .eventmarker i {color:#17a4ba;} .newsitem .panel-body {padding-left:0px;} /* Site Search */ .searchclose {color:#17a4ba; display:block; float:right; z-index:99999; margin-right:15px;} #header-search {background:#FFF;width:100%;border-bottom:1px solid #b2b2b2;padding-top:25px;padding-bottom:25px;position:fixed;z-index:9999;} #header-search .header-search-wrap {position:relative;width:100%;} #header-search .header-search-wrap form {width: 100%;} #header-search .header-search-wrap form::after {clear: both;content:"";display: block;} #header-search .header-search-wrap form input[type="text"] {color:#666;width:100%;margin:0;padding:4px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #e5e5e5;font-size:28px;line-height:40px;float:left;} #header-search .header-search-wrap .header-search-results .fa {background-color:#17a4ba} #header-search .header-search-wrap .header-search-results {width: 100%;float:left;top:33px;left:0;padding:0;border:0;} #header-search .header-search-wrap .header-search-results a {display:block;width:100%;background:#fff;padding:10px 0px;color:#4a4a4a;} #header-search .header-search-wrap .header-search-results a:hover {text-decoration:none;background: #f4f5f5;} /* Mobile Footer Nav */ .footermobnav {width:100%;background:#FFF;border-top:1px solid #b2b2b2; position:fixed;bottom:0px;z-index:99999;} .footermobnav ul {list-style:none;margin:0;padding:0;} .footermobnav li {float:left;text-align:center;width:25%;position:relative;} .footermobnav i {color:#929292;} .footermobnav span {font-size:10px;color:#b7b7b7;} .footermobnav li a:hover {text-decoration:none; background-color:#17a4ba;} .footermobnav li a {display:block;padding:7px 0;} .footermobnav span a:hover {color:#FFF;} .footermobnav .active {background-color:#17a4ba;color:#FFF; margin-top:-9px;-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;} .footermobnav .active a {padding-bottom:11px;padding-top:13px;} .footermobnav .active span {color:#FFF;} .footermobnav .active i {color:#FFF;} .footermobnav .badge {background-color:#ff585b;color:#FFF; position:absolute;top:7px;right:7px;} /* Profile Tool Tips */ .profile-hover-tooltip {width:148px;min-height:50px;position:absolute;padding:0;padding-bottom:7px;background:#222;color:#ccc;border:3px solid #eee;border-bottom-color:#24b0e5;border-radius:4px; box-shadow: 0 1px 4px rgba(0,0,0,0.3);z-index:9999;font-size:11px;} .profile-hover-tooltip img {width:100%;display:block;margin-bottom:5px;} .profile-hover-tooltip span {display:block;padding:3px 10px;} .profile-hover-tooltip span.username {font-size:1.2em;font-weight:bold;color:#24b0e5;} .profile-hover-tooltip:after {display:inline-block;width:20px;height: 20px;content: "";position: absolute;bottom: 30px;left: -20px;border-bottom: 15px solid transparent;border-right: 20px solid #222; border-top: 15px solid transparent;} .profile-hover-tooltip .fa {padding:30px 57px;font-size:24px;color:#555;} /* Ad Blocker Alert */ #OWBzMFfwsGTp {display:none;margin-bottom:0px;padding:20px 10px;background:#D30000;text-align:center;font-weight:bold;color:#fff;border-radius:5px;} /* Directory */ .directoryfeatures h2 {color:#17a4ba;font-size:20px;font-weight:400;margin:0 0 25px 0;} .directoryfeatures h3 {margin:5px 0 15px 0;padding:0;color:#000;font-size:20px;font-weight:400;} .directoryfeatures h3 i {color:#17a4ba;} .directoryfeatures p {margin:0 0 40px 0;color:#666;} .directoryfeatures h3 i {margin-right:10px;} .sitestats {margin-bottom:10px;} .sitestats .lead {color:#17a4ba;font-size:26px;} .tabletnav { list-style: none; margin: 0; padding: 0 } .tabletnav li { float: left } .tabletnav>li>a { padding: 0 15px; line-height: 47px!important; color: #FFF; font-size: 15px; text-decoration: none; font-weight: 700; display: block; text-transform: uppercase } .tabletnav>li>a:hover, .tabletnav>li>a:focus { background: url(/themes/md_2015/images/backgrounds/nav_over_bg.gif) repeat-x #303030; color: #FFF } .tabletnav>li.active { background-color: #ec008c } /* Feeds */ .feeditems .list-group-item {border:none;padding:0px;} /* Feeds */ .filter-menu {background-color:#000;padding:5px;} /* Events */ .eventslist .eventdate {width:40%;text-align:center;float:left;line-height:normal;text-transform:uppercase;} .eventslist .eventdate .lead {font-weight:400;line-height:1.0;} .eventslist .eventpic {width:60%;float:left;} .eventslist .list-group-item {padding-left:0;} .eventslist .list-group-item:first-child {border-top-right-radius:0px;border-top-left-radius:0px;} /* Members */ .membersmenu {background: #f5f5f5 none repeat scroll 0 0;border-bottom: 1px solid #e3e3e3;padding-top:7px;padding-bottom:7px;} .membersmenu nav {white-space:nowrap;overflow-x: scroll;-webkit-overflow-scrolling: touch;width: 100%;} .scroll {white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;} .nav-item {padding: 5px 20px 6px;} .nav-item, .vertical-align-middle {display: inline-block;vertical-align:top; } .nav-item a {color:#999;} .socialbar { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #b0b0b0; box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.2); padding: 0; margin-bottom: 15px } .socialbar .btn-default { border-top: none; border-bottom: none; border-left: none; color: #666 } .socialbar .btn-default .badge { background-color: #ec008c } .socialbar .btn { border-radius: 0 } .endbutton { border-right: none } .intro {margin-bottom:20px;} .intro h2 {font-size:22px;font-variant:400px;} .intro h3 {font-size:20px;font-variant:400px;} .introbanner { min-height: 400px; color: #FFF; background: rgba(0, 0, 0, 0) url(/themes/md_2015/images/backgrounds/home_banner.jpg) repeat scroll 0 0; padding: 15px 0; box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.2) } .introbanner h1 { color: #FFF; border: none; font-family: Arial, Helvetica, sans-serif } .introbanner h3 { margin: 0 0 7px; padding: 0 } .intropanel { background: #000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-top: 15px; padding-bottom: 15px } .intropanel .media-body { margin-bottom: 10px } .sitefeatures { color: #FFF; background: #000; padding: 15px 0; box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.2) } .sitefeatures h1 { color: #FFF; border: none; text-align: center; font-family: Arial, Helvetica, sans-serif } .sitefeatures h4 { margin: 0 0 7px; padding: 0; color: #24b0e5 } .sitefeatures h4 a { color: #24b0e5 } .sitefeatures p { margin-bottom: 15px } h3 a { color: #333 } .videowrap { background: #000; color: #FFF; padding-top: 12px; padding-bottom: 12px } .videowrap h1 { color: #FFF; border-bottom: none } .videowrap h3 { margin-top: 0px; padding-top: 0px; font-size: 21px; border-bottom: 1px solid #FFF; padding-bottom: 6px; margin-bottom: 15px } .videowrap h5 { margin-top: 0px; padding-top: 0px; margin-bottom: 3px } .videowrap .video-container { margin-bottom: 10px; padding-top: 0px } .videowrap .btn-default { background-color: #ec008c; border-color: #ec008c; color: #FFF } .videowrap h5 a { color: #FFF } .videosmenu { background: #f5f5f5 none repeat scroll 0 0; border-bottom: 1px solid #e3e3e3; padding-top: 8px; padding-bottom: 8px } /*Videos*/ .video-container {position: relative;padding-bottom: 56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom: 20px} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width:100%;height:100%} .viewvideo .video-container {margin-bottom:0px} .videodetector {position: relative;width: 100%;height: 0;padding-bottom: 60%;margin-bottom: 20px;text-align:center;} .videodetector iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%} /*Cookies Constent*/ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /*Chosen JS Widget*/ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} .topadvert { padding-top: 0px; padding-bottom: 12px; text-align: center } .topadvert img { max-width: 100%; margin-bottom: 0 } .skyscraper { text-align: center; background: #EDEDED; padding: 5px 0; margin-bottom: 15px } .mpuadvert { background: #EDEDED; text-align: center; padding: 3px; margin-bottom: 20px; position: relative; overflow: hidden } .mpuadvert div { margin: 0 auto } .mpuadvert img { max-width: 100% } .content {background: #FFF;padding-top:15px;margin-bottom:20px;} .content h4 { font-size: 16px; margin: 0 0 10px; padding: 0 } .featuredarticlespanel { padding: 7px 0px; max-height: 220px; margin-bottom: 20px; overflow:none; } .featuredarticlespanel h2 a { color: #000 } .featuredarticlespanel h2 { font-size: 18px; margin: 0 0 10px 0; padding: 0 } .featuredarticlespanel p:last-child { margin-bottom: 0px } .latestnews { margin-bottom: 25px; overflow: hidden } .latestnews h4 { font-size: 15px; margin: 0 0 4px!important; padding: 0 } .latestnews img { margin-right: 15px; border: 1px solid #999 } .latestnews p { margin: 0 0 10px!important; padding: 0!important } /* Main Footer */ .footer {background:#000;color:#ccc;padding: 25px 0 15px 0;} .footersitemap h4 {color:#17A4BA;font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom: 15px;} .footersitemap li {margin-bottom:12px;} .footersitemap ul {font-size:12px;} .footersitemap li a {color: #CCC;} .footersitemap li a:hover {color:#CCC;text-decoration:none;} .footersitemap {margin-bottom:20px;} .footer ul {list-style: none;margin:0;padding:0} .footer .credits {border-top: 1px solid #999;padding-top: 10px} .footer a {color:#FFF} .footerlinks li {width:33.3%;margin-bottom:15px;} .socialfooter img {width:24px; height:auto; display:inline; margin-right:20px;} .fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999 } .pagination-centered { text-align: center } h1 { font-size: 26px; border-bottom: 1px solid #CCC; font-weight: 500; color: #353535; margin: 0 0 20px; padding: 0 0 7px } .btn-primary { border-color: #24b0e5; background-color: #24b0e5; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#21a1d2), to(#24B0E5)); background: -webkit-linear-gradient(top, #24B0E5, #21a1d2); background: -moz-linear-gradient(top, #24B0E5, #21a1d2); background: -ms-linear-gradient(top, #24B0E5, #21a1d2); background: -o-linear-gradient(top, #24B0E5, #21a1d2) } .btn-primary:hover { border-color: #24b0e5 } .socialshare { height: 23px; overflow: hidden; width: 100%; margin-bottom: 10px } .socialshare ul { list-style: none; margin: 0; padding: 0; overflow: hidden } .socialshare li { float: left; width: 90px; overflow: hidden } .socialshare span { float: left } .search-mob { display: none } .tab-content { padding-top: 15px } .panel-body .tab-content { padding-top: 0px } .userranking h4 { margin: 0 0 10px; padding: 0; font-size: 14px } .userranking h4 a { color: #ec008c } .userranking .col1 { width: 150px } .userranking table { margin-bottom: 0 } .breadcrumb { background-color: transparent!important; border-radius: 0; margin-bottom: 20px; padding: 0; color: #999; font-size: 11px; width:100%!important;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch; } .breadcrumb a { color: #999 } .breadcrumb>.active { color: #999 } .signupsteps { margin-bottom: 15px } .signupsteps span { margin-right: 10px } .titlebar { font-size: 16px; padding: 9px 10px 7px; border-bottom: 4px solid #24b0e5; color: #FFF; display: block; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #000; background-image: linear-gradient(to bottom, #4b4b4b, #191919); font-weight: 700 } .titlespace { margin-bottom: 15px } .basiclist { list-style: none; margin: 0; padding: 0; line-height: normal } .basiclist li { margin-bottom: 2px; background: #FFF; padding: 4px 7px; overflow: hidden; line-height: normal; border-bottom: 3px solid #ededed; position: relative } .basiclist li p { line-height: normal; margin: 0 0 5px; padding: 0 } .basiclist li:last-child { border-bottom: none } .basiclist li a { color: #000 } .basiclist li a:hover { color: #24b0e5; text-decoration: none } .basiclist li img { margin-right: 10px } .listheight li { min-height: 100px } .latestposts li.topic { height: 47px } .latestposts li.topic i { margin-right: 10px; float: left } .traillistings a { color: #000 } .traillistings a:hover { color: #24b0e5; text-decoration: none } .traillistings { margin: 0; padding: 0 } .traillistings .starrating { margin-bottom: 5px; margin-top: 5px } .traillistings p:last-child { margin-bottom: 0; padding-bottom: 0 } .traillistings hr { margin: 7px!important; margin-top: 7px!important } .vidpic { float: left; display: inline; border-right: 5px solid #FFF; margin-right: 10px; width: 114px; height: 86px; position: relative } .vidpic i { color: #FFF; background: #000; position: absolute; bottom: 0; left: 0; padding: 5px 7px } .vidpic img { height: 86px!important; width: 114px!important } .dateblock { width: 34px; height: 34px; padding: 2px 0 0; font-weight: 700; background: url(/themes/md_2015/images/backgrounds/date_bg.gif) no-repeat; float: left; margin-right: 15px; text-align: center; line-height: 15px!important; color: #333; font-size: 11px } .dateblock span { color: #FFF; text-transform: uppercase; font-size: 10px } .deal { border-bottom: 1px solid #CCC } .topdeals h4 { margin: 0; padding: 0; font-size: 14px } /*Tabs*/ .nav-tabs>li>a {border: 1px solid transparent;color:#333;font-size:16px; cursor:pointer;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {background-color: #000;font-size: 16px;border-color: #000 #000 transparent;color:#FFF;border-bottom:none} .nav-tabs {border-bottom: 5px solid #000} .starrating { margin-bottom: 10px; width: 100%; overflow: hidden; } span.stars, span.stars span { background: url(/themes/md_2015/images/backgrounds/starsnew.png) repeat-x scroll 0 -16px rgba(0, 0, 0, 0); display: block; height: 16px; width: 80px; float: left } span.stars span { background-position: 0 0 } .buylinks { margin-bottom: 20px } .affiliatelinks { margin-bottom: 20px } .brandcategories { list-style: none; margin: 0; padding: 0 } .brandcategories li { width: 33.3%; margin: 0 0 10px; padding: 0; float: left } .gearlist { overflow: hidden } .gearlist h3 { font-size: 14px; line-height: normal; margin: 0; padding: 0 } .gearlist h3 a { color: #000 } .gearlist img { margin-bottom: 5px } .gearlist .col-lg-4, .gearlist .col-md-4, .gearlist .col-xs-6 { margin-bottom: 5px; text-align: center; height: 180px } .panel { background-color: #fff; border-radius: 0 } .panel-heading span { margin-top: -24px; margin-right: -9px } .panel-default>.panel-heading { background-color: #000; border-color: #ddd; color: #FFF } .panel-heading { border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 15px 15px } .sidecategories .panel-title { font-size: 14px } .sidecategories .panel-default { border: none } .sidecategories .panel-default>.panel-heading { background-color: #FFF; border-color: #FFF; color: #333 } .sidecategories .panel { box-shadow: none; } .sidecategories .panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .sidecategories .panel-collapse>.list-group .list-group-item { border-width: 1px 0 } .sidecategories .panel-collapse>.list-group { margin-bottom: 0 } .sidecategories .panel-collapse .list-group-item { border-radius: 0; font-size: 12px } .sidecategories .panel-collapse .list-group .list-group { margin: 0; margin-top: 10px } .sidecategories .panel-collapse .list-group-item li.list-group-item { margin: 0 -15px; border-top: 1px solid #ddd; border-bottom: 0; padding-left: 30px } .sidecategories .panel-collapse .list-group-item li.list-group-item:last-child { padding-bottom: 0 } .sidecategories .panel-collapse div.list-group div.list-group { margin: 0 } .sidecategories .panel-collapse div.list-group .list-group a.list-group-item { border-top: 1px solid #ddd; border-bottom: 0; padding-left: 30px } .sitemap h2 { font-size: 16px } .sitemapwide h2 { font-size: 16px; border-bottom: 1px solid #CCC; padding-bottom: 7px } .sitemapwide ul { list-style: none!important; margin: 0; padding: 0 } .sitemapwide li { width: 50%; float: left; margin: 0 0 7px } .listingnavwrap {padding-top:7px;padding-bottom:7px;background:#FFF;border-bottom:1px solid #CCC;} .listingnavwrap a {display:block;color:#000;padding-top:8px;padding-bottom:8px;text-align:center;cursor:pointer;border-bottom:3px solid #FFF;} .listingnavwrap a:hover {text-decoration: none; border-bottom:3px solid #17a4ba;} .listingnavwrap .current a {border-bottom:3px solid #17a4ba;} .listinglist i {color:#17a4ba} div.scrollmenu {background-color:#FFF;overflow:auto;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling: touch;width: 100%;} div.scrollmenu a {display:inline-block;color:#999;text-align:center;padding:14px 20px 11px 20px;text-decoration:none;cursor:pointer;border-bottom:3px solid #FFF;border-right:#ccc;font-weight:bold;} div.scrollmenu a:hover {background-color:#FFF;border-bottom:3px solid #17a4ba;} div.scrollmenu a.active {border-bottom:3px solid #17a4ba;color:#333;} .pricing .panel-heading {text-align:center;font-size:20px;line-height:20px;} .pricing .panel-heading span {font-style:italic;font-size:11px;} .pricing .priceband {background-color:#17a4ba;text-align:center; padding:20px 0 15px 0; color:#FFF} .pricing .priceband h3 {margin-top:0px;margin-bottom:0px;line-height:20px;font-size:30px;color:#FFF} .pricing .priceband h3 span {font-size:14px;font-weight:normal;} .pricing .list-group i {color:#17a4ba;} .list-group-item .directoryprice { background:#ffcc00; color: #000; text-align: center; line-height: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) } .price span { font-size: 16px } .price small { font-size: 11px } .directorylisting p { line-height: normal; margin: 0 0 5px; padding: 0 } .featured .priority { display: none } .standard .priority { display: none } .free .priority { display: none } .premium {padding-top:10px;padding-bottom:10px} .premium .priority {position:absolute;top:0;left:10px} .bikelist a { display: block; position: absolute; width: 100%; height: 100%; z-index: 10 } .bikelist:hover { color: #24b0e5 } .bikelist:hover p { color: #666 } .bikelist { margin: 0; padding: 0; position: relative } .bikelist h3 { margin: 0 0 5px; padding: 0; font-size: 15px } .bikelist hr { margin-top: 7px; margin-bottom: 7px } .bikelist .position { font-size: 20px; background: #ec008c; color: #FFF; text-align: center } .editbikeslist h3 { margin: 0 0 15px 0; padding: 0; font-size: 18px } .mover { background: url(/img/move_up.gif) no-repeat 0 0 } .fallen { background: url(/img/move_down.gif) no-repeat 0 0 } .nonmover { background: url(/img/non_mover.gif) no-repeat 0 0 } .circlebadge { height: 100px; width: 100px; display: table-cell; text-align: center; vertical-align: middle; border-radius: 50%; background: #24b0e5; color: #FFF; margin-bottom: 7px } .circlebadge span { font-size: 30px } .featuredbike { margin-bottom: 20px; line-height: normal; color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #000; background-image: linear-gradient(to bottom, #4b4b4b, #191919); padding: 3px 3px 0px 3px } #skipButton { position: absolute; top: 250px; right: -25px; z-index: 999 } .verus { position: absolute; top: 150px; right: -60px; z-index: 999 } .bikewrap { background: #000; overflow: hidden; height: 350px!important } .bikeBtn.tint img { opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out } .bikeContainer {} .bikeContainer h4 { margin: 0; padding: 0 } .bikeTitle { background: #000; text-align: center; font-weight: 500; font-size: 16px; color: #FFF; text-transform: uppercase; padding: 10px 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px } .bikeFooter { background: #000; text-align: center; padding: 10px 0 0px 0 } .bikeFooter .logo { margin: 0px auto } .bikespec { padding: 3px } .bikespec { margin-bottom: 0px } .bikeBtn span { display: none; background: #87c354; border: 2px solid #FFF; color: #FFF; text-align: center; width: auto; padding: 5px; position: absolute; left: 220px; top: 170px; z-index: 9999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; font-weight: 500; text-transform: uppercase } .bikeBtn { cursor: pointer; position: relative; background: #FFF; padding: 0; text-align: center; margin-bottom: 10px } .bikeBtn:hover { border-color: #CCC } .bikeBtn:hover span { display: block; } .bikeBtn .loadingIcon { position: absolute; top: 1500px; left: 205px; } .bikeBtn .bikeImage { position: relative; } .bikeBtn.busy { cursor: wait; } .bikeBtn.busy .bikeImage { opacity: .4; } .bikeBtn.busy .loadingIcon {top:140px;} ​.trailsheaderwrap h1 {color:#FFF;border:none;margin-bottom: 10px;font-size:26px;font-weight:500;} .eventstitle { background: rgba(0, 0, 0, 0) url(/themes/md_2015/images/backgrounds/event_title_bg.png) repeat scroll 0 0; padding-bottom: 15px; padding-top: 15px; } .eventsmenu { background: #f5f5f5 none repeat scroll 0 0; border-bottom: 1px solid #e3e3e3; } .eventsmenu a { display: block; color: #000; padding-top: 13px; padding-bottom: 10px; text-align: center; cursor: pointer; } .eventsmenu a:hover { background: #e3e3e3; text-decoration: none; } .eventsmenu .socialshare { margin-bottom: 8px; margin-top: 12px; } .eventsponsors { margin-bottom: 15px; } /*Events*/ .event-list {list-style:none;margin:0;padding:0} .event-list>li {background-color: #FFF;box-shadow: 0 0 2px #333;box-shadow: 0 0 2px rgba(51, 51, 51, 0.7);padding: 0;margin: 0 0 20px;position: relative} .event-list>li>.mobeventview>time {display: inline-block;width:100%;color: #fff;background-color: #17a4ba;padding:5px;text-align:center;text-transform:uppercase} .event-list>li:nth-child(even)>.mobeventview>time {background-color: #24b0e5} .event-list>li>.mobeventview>time>span { display: none } .event-list>li>.mobeventview>time>.day { display: block; font-size: 28pt; font-weight: 100; line-height: 1 } .event-list>li .mobeventview>time>.month { display: block; font-size: 14pt; font-weight: 900; line-height: 1 } .event-list>li>.mobeventview>img { width: 90px } .event-list>li>.info { padding-top: 5px; text-align: left } .event-list>li>.info>.title { font-size: 14pt; font-weight: 400; margin: 0 0 5px 10px } .event-list>li>.info>.desc { font-size: 11pt; margin: 0 0 5px 10px } .event-list>li>.info>ul, .event-list>li>.social>ul { display: table; list-style: none; margin: 10px 0 0; padding: 0; width: 100%; text-align: center } .event-list>li>.social>ul { margin: 0 } .event-list>li>.info>ul>li, .event-list>li>.social>ul>li { display: table-cell; cursor: pointer; color: #1e1e1e; font-size: 11pt; font-weight: 300; padding: 3px 0 } .event-list>li>.info>ul>li>a { display: block; width: 100%; color: #1e1e1e; text-decoration: none } .event-list>li>.info>ul>li:hover, .event-list>li>.social>ul>li:hover { color: #1e1e1e; background-color: #c8c8c8 } .event-list>li a { display: block; position: absolute; width: 100%; height: 100%; z-index: 10 } .event-list>li:hover { color: #24b0e5 } @media (min-width: 768px) { .event-list>li { position: relative; width: 100%; padding: 0 } .event-list>li>.mobeventview>time { padding: 30px } .event-list>li>.mobeventview>time, .event-list>li>.mobeventview>img { display: inline-block } .event-list>li>.mobeventview>time, .event-list>li>.mobeventview>img { width: 90px; float: left } .event-list>li>.info { background-color: #FFF; overflow: hidden } .event-list>li>.mobeventview>time, .event-list>li>.mobeventview>img { width: 90px; height: 90px; padding: 0; margin: 0 } .event-list>li>.mobeventview>time { padding: 15px } .event-list>li>.info { position: relative; height: 90px; text-align: left; padding-right: 40px } .event-list>li>.info>.title, .event-list>li>.info>.desc { padding: 0; margin-left: 15px; margin-bottom: 5px } } .eventsfilter { margin: 0 0 20px; padding: 0; list-style: none } .eventsfilter li { margin: 0; padding: 0; border-bottom: 1px solid #f1f1f1; line-height: 35px; color: #e2e2e2 } .eventsfilter li a { color: #666; display: block; padding: 0 0 0 5px } .eventsfilter li a:hover { background: #f1f1f1; text-decoration: none } .activitylist { list-style: none; margin: 0; padding: 0 } .activitylist li { padding: 10px 0; border-bottom: 1px solid #CCC; overflow: hidden; width: 100% } .activitylist .pull-left { margin-right: 15px } .profilepanel h3 { margin: 0 0 5px; padding: 0 } .label-default { background-color: #117483; } .content .btn-default { background-color: #ec008c; border-color: #ec008c; color: #FFF } .videoedit { margin-bottom: 15px } .sharewrap hr { margin-top: 0; margin-bottom: 0; padding-top: 7px; padding-bottom: 0 } /* Social Share */ .share {width: 100%;background:#f5f5f5;list-style:none;padding: 0;margin: 10px 0 10px 0;overflow: hidden;} .share li {float: left;width: 25%;text-align: center;} .share .current-shares {line-height:1.42857;vertical-align:middle;padding:6px 0px;} .btn-facebook {color:#FFF;background-color:#3a559f;border-radius:0px;} .btn-twitter {color:#FFF;background-color: #4baaf4;border-radius: 0px;} .btn-google-plus {color: #FFF;background-color: #25d366;border-radius: 0px;} .profilewrap { padding-bottom: 10px } .userslist hr { margin-top: 10px; margin-bottom: 10px } .userslist p:first-child { margin-bottom: 5px } .image_wrap { color: #FFF; text-align: center; padding: 0; margin: 0 0 20px } .image_wrap img { box-shadow: 0 0 8px rgba(50, 50, 50, 0.4) } .image_wrap p { line-height: normal; margin: 5px 0 0 5px!important; padding: 0!important; text-align: center; color: #999; font-size: 11px; font-style: italic } .featurewrap { margin-bottom: 15px; text-align: center; width: 100% } .featurewrap img { box-shadow: 0 0 8px rgba(50, 50, 50, 0.4); margin: 0 auto } .mediacategories { list-style: none; margin: 0 0 15px; padding: 0 } .mediacategories li { width: 50%; float: left } .mediacategories li a { padding: 5px 0; display: block } .hubbuttons { margin-bottom: 20px } .hubbuttons .btn { text-align: left; line-height: 16px; padding-left: 10px } .rowmedia { margin-bottom: 15px } .media-list {} .media-list li:nth-child(odd) { background: #f8f8f8 } .media-list li h4 { margin: 0 } .media-list li p:last-child { margin: 0; padding: 0 } .media-list li { margin: 0; padding: 12px 0; position: relative } .media-list li h4 a { color: #000 } .media-list li h4 a:hover {color:#24b0e5;text-decoration:none} .article ul {list-style:none;margin:0 0 25px;padding:0;font-size: 16px;line-height: 24px;} .article li { background:url(../images/backgrounds/news-list-bg.png) no-repeat 5px 8px;margin: 0 0 7px;padding: 0 0 0 20px} .article li a {color: #24b0e5} .article h2 {margin-bottom:25px;color:#353535;font-size:26px;font-weight:500;} .article h2 a {color: #353535;} .article p {margin:0 0 25px; font-size: 16px;line-height: 24px;} .article .lead {font-size:21px;margin-bottom: 20px;line-height:28px;} .image_wrap {color:#FFF;text-align:center;padding:0;margin:0 0 20px} .image_wrap p {line-height:normal;margin:5px 0 0 5px!important;padding:0!important; text-align:center;font-size:11px!important;} .image_wrap img {max-width: 100%} .panel-black { background: #000; color: #FFF } .panel-black h3 { margin: 0 0 7px 0; padding: 0 } .medialisting h5 { margin: 0 0 5px 0; padding: 0 } .medialisting h5 a { color: #000 } .medialisting h4 { margin: 0 0 7px 0; padding: 0 } .medialisting h4 a { color: #000 } .medialisting p { margin: 0 0 5px 0; padding: 0 } .medialisting hr { margin-top: 10px; margin-bottom: 10px } .headerlocation {background:#000;color:#FFF;padding:10px 0} .headerlocation span {font-weight:normal;font-size:30px;margin:0 0 12px0;padding:0} .headerlocation p {border-bottom:1px solid #fff;padding-bottom:10px} .homebanner {color:#FFF;background:#000;padding:10px 0;box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.2);margin-bottom:20px;} .trailsearchwrap {margin-bottom:0px;z-index:99999;} .homebanner h1 {color:#FFF;border:none;font-family:Arial, Helvetica, sans-serif;text-align:center;margin:0 0 10px 0;padding:0;font-size:20px} .homebanner h2 {color:#FFF;border:none;font-family:Arial, Helvetica, sans-serif;text-align:center;margin:0 0 10px 0;padding:0;font-size:20px} .hp-featured { position: relative; } .hp-featured h3 a { color: #000; } .hp-featured-sm h4 { font-size: 22px; } .hp-featured-sm a { color: #000 } .articlepic .articletype { position: absolute; top: 0px; right: 0px; background: #17a4ba; color: #FFF; font-size: 11px; padding: 3px 5px } .articlepic { position: relative } .hp-promo { position: absolute; width: 100%; padding: 30px 15px 15px 15px; bottom: 0px; left: 0px; color: #fff; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 74%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 74%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 74%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0); } .hp-promo a { color: #FFF } .hp-promo h4 { font-size: 26px } .feed-item hr { margin-top: 5px; margin-bottom: 10px } .feed-item .img-circle { margin-right: 10px } .feed-item h4 { margin: 0 0 10px 0; padding: 0 } .feed-item .panel-body { padding-bottom: 10px; padding-top: 10px } .feedprofile p { line-height: 14px; margin-bottom: 0px } .hp-videofeature { height: 100px } .hp-videofeature a { color: #000 } .hp-videopic { position: relative; margin-bottom: 5px } .hp-videopic span { color: #FFF; background: #17a4ba; position: absolute; bottom: 0; left: 0; padding: 5px 7px } #load_feed { width: 100%; background: #ffcc00; border: 1px solid #ffcc00; font-size: 16px; color: #000; text-align: center; padding: 6px 10px; margin-bottom: 20px } .trailreviewslist .lead { margin-bottom: 0px; padding: 0; font-size: 16px } a .latesttrailreviews { color: #000; } .latesttrailreviews .lead { margin-bottom: 7px; padding: 0; font-size: 16px } .latesttrailreviews { height: 170px; } .latesttrailreviews i { color: #17a4ba; } .iconsquares { background: #17a4ba; color: #FFF; padding: 5px 8px; font-size: 20px; line-height: normal; text-align: center; display: inline-block; width: 34px; height: 34px; } .internationlist .list-group-item { border: none } .photo-container img { width: 100% } .photo-container .info { background: #000; color: #FFF; padding: 4px; width: 100% } .photo-container .info img { border: 2px solid #FFF; width: auto } .addphotosblock { background: #CCC; color: #FFF; text-align: center; width: 100%; min-height: 250px; display: block } .addphotosblock p { line-height: 250px } .addphotosblock a { display: block; color: #FFF; text-align: center; cursor: pointer; position: } .trailprofileheader {background:#fff;padding:10px 0 0 0;margin-bottom:15px} .trailprofileheader a {cursor: pointer} .trailprofileheader h1 {border:none;} .trailprofileheader h2 {font-size:22px;font-weight:300;margin-bottom:20px;} .trailprofilenavwrap {border-top:1px solid #ccc;padding-top:7px;padding-bottom:7px;background:#FFF;border-bottom: 1px solid #b0b0b0} .trailprofilenav a {display: block;color: #000;padding-top: 8px;padding-bottom: 8px;text-align: center;cursor: pointer} .trailprofilenav a:hover {background: #e3e3e3;text-decoration: none;} #trail-lookup {background:#000;padding:0;margin-bottom:0px;z-index:0;} #trail-lookup #trail-lookup-input {} #trail-lookup #trail-lookup-results { display: block; width:90%; background: #fff; text-align: center; position:relative; z-index:1000; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25) } #trail-lookup #trail-lookup-results a { display: block; text-align: left; padding: 4px 8px; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.15); color: #333; font-size: 12px; font-weight: 600 } #trail-lookup .container { position: relative; width: 100%; padding: 0 } /*Bikes & Gear*/ #trail-lookup #product-lookup-results { width:95%; background: #fff; text-align: center; position: absolute; z-index:99999; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25) } #product-lookup-results a { display: block; text-align: left; padding: 4px 12px; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.15); color: #333; font-size: 12px; font-weight: 600 } .destinations h2 {font-size: 24px; margin: 0 0 10px 0; padding: 0 } .destinations h2 a { color: #000 } .destinations h4 a {color:#000} .destinations i {color:#17a4ba} .destinations .number {position:absolute;top:10px;border-radius:4px;left:10px;z-index:999;color:#FFF;background:#17a4ba;font-size:24px;padding:3px 12px;} .destinations ul { list-style: none; margin: 0; padding: 0 } .destinations li { margin: 0 0 5px 0; padding-left: 15px } .destinations li a { color: #000 } .destinations .panel-body { padding-top: 7px; padding-bottom: 7px } .trail-reviews-bars { font-size: 13px } .trail-reviews-bars .progress { height: 15px; margin-bottom: 10px } .trailsheaderwrap { padding-top: 25px; padding-bottom: 25px; color: #FFF; background: url(/themes/md_2015/images/backgrounds/trail_header_bg.jpg) #000 no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .trailsheaderwrap h1 { color: #FFF; border: none; margin-bottom: 5px; font-size: 26px; font-weight: 500; } .trailssummarywrap { background: rgba(0, 0, 0, 0) url(/themes/md_2015/images/backgrounds/event_title_bg.png) repeat scroll 0 0; padding-bottom: 15px; padding-top: 15px; color: #FFF; } .trailssummarywrap h1 { color: #FFF; border-bottom: 0px } .trailheader { border-bottom: 1px solid #CCC; margin-bottom: 15px; padding-bottom: 10px } .trailheader h1 { border-bottom: none; margin: 0 0 5px; padding: 0 } .trailheader p { margin-bottom: 0; padding-bottom: 0 } #locationmap { width: 100%; height: 300px; margin-bottom: 20px } .trailphotos img { margin-bottom: 10px } .trailphotos { margin-bottom: 20px } .trailnews h4 { margin: 0 0 5px!important; padding: 0!important } .trailnews p { margin: 0 0 10px!important; padding: 0!important } .statuscircle { width: 20px; height: 20px; border-radius: 50%; display: inline-block; margin-left: 10px } .green { background: none repeat scroll 0 0 #060 } .red { background: none repeat scroll 0 0 #be0014 } .amber { background: none repeat scroll 0 0 #ff8500 } .trailfacilities { list-style: none; margin: 0; padding: 0 } .trailfacilities li { margin: 0 0 7px 0 } .trailfacilities li img { margin-right: 5px } .listings h3 { margin: 0 0 7px; padding: 0; font-size: 16px } .listings table { margin-bottom: 0 } .videopicwrap { position: relative; margin-bottom: 5px } .videopicwrap span { color: #FFF; background: #000; position: absolute; bottom: 0; left: 0; padding: 5px 7px } #progressbar { display: none; width: 90%; height: 28px; padding: 5px 8px 0 6px; background: #dadada; margin: 5px 0 2px; margin-bottom: 20px; clear: both } #progressbar #bar { width: 1px; height: 22px; display: block; background: url(/themes/md_2015/img/progressbar.gif) repeat-x } #loadingframe { border: none; padding: 0; height: 0; width: 0 } .uploadbar { border: 1px solid #333; margin-bottom: 10px; width: 582px; height: 30px } #map { position: relative; width: 329px; height: 397px } #transparent_map { position: absolute; z-index: 30; width: 330px; height: 398px; border: none } #map ul { list-style: none } #map li { position: absolute; z-index: 20; text-indent: -1000em; display: none } #southwest { background: url(/themes/md_2015/images/regions/southwest.png) no-repeat; width: 131px; height: 94px; bottom: 1px; left: 101px } #southeast { background: url(/themes/md_2015/images/regions/southeast.png) no-repeat; width: 101px; height: 73px; bottom: 25px; right: 10px } #southwales { background: url(/themes/md_2015/images/regions/southwales.png) no-repeat; width: 80px; height: 41px; bottom: 62px; left: 119px } #eastengland { background: url(/themes/md_2015/images/regions/eastengland.png) no-repeat; width: 73px; height: 72px; bottom: 63px; right: 0 } #westmidlands { background: url(/themes/md_2015/images/regions/westmidlands.png) no-repeat; width: 59px; height: 65px; bottom: 82px; right: 86px } #midwales { background: url(/themes/md_2015/images/regions/midwales.png) no-repeat; width: 49px; height: 48px; bottom: 85px; right: 137px } #northwales { background: url(/themes/md_2015/images/regions/northwales.png) no-repeat; width: 60px; height: 43px; bottom: 116px; right: 129px } #eastmidlands { background: url(/themes/md_2015/images/regions/eastmidlands.png) no-repeat; width: 68px; height: 72px; bottom: 89px; right: 42px } #northwest { background: url(/themes/md_2015/images/regions/northwest.png) no-repeat; width: 37px; height: 31px; bottom: 134px; left: 185px } #yorkshire { background: url(/themes/md_2015/images/regions/yorkshire.png) no-repeat; width: 76px; height: 59px; bottom: 148px; right: 47px } #cumbria { background: url(/themes/md_2015/images/regions/cumbria.png) no-repeat; width: 48px; height: 79px; bottom: 157px; right: 105px } #northeast { background: url(/themes/md_2015/images/regions/northeast.png) no-repeat; width: 52px; height: 64px; top: 131px; right: 73px } #southscotland { background: url(/themes/md_2015/images/regions/southscotland.png) no-repeat; width: 88px; height: 65px; top: 118px; right: 104px } #northscotland { background: url(/themes/md_2015/images/regions/northscotland.png) no-repeat; width: 150px; height: 152px; top: -1px; right: 96px } #northernireland { background: url(/themes/md_2015/images/regions/northernireland.png) no-repeat; width: 69px; height: 58px; top: 152px; left: 65px } #southernireland { background: url(/themes/md_2015/images/regions/southernireland.png) no-repeat; width: 119px; height: 168px; top: 148px; left: 0 } .topflags { margin: 7px 0 0; padding: 0; height: 24px; list-style: none } .topflags li { margin-left: 7px; float: left; background-image: url(/themes/md_2015/images/flags_top.png); background-repeat: no-repeat; float: left } .topflags li a { display: block; width: 24px; height: 24px } .topflags .unitedkingdom { background-position: 0 0 } .topflags .unitedstates { background-position: 0 -24px } .topflags .canada { background-position: 0 -48px } .topflags .france { background-position: 0 -72px } .topflags .germany { background-position: 0 -96px } .topflags .spain { background-position: 0 -120px } .flags { margin: 0 0 3px; padding: 0 0 0 20px!important; height: 14px; background-image: url(/themes/md_2015/images/flags.gif); background-repeat: no-repeat; font-size: 11px; color: #999; line-height: normal!important } .flags a { color: #999; text-decoration: none } .unitedkingdom { background-position: 0 0 } .unitedstates { background-position: 0 -14px } .canada { background-position: 0 -28px } .afghanistan { background-position: 0 -42px } .albania { background-position: 0 -56px } .algeria { background-position: 0 -70px } .andorra { background-position: 0 -84px } .angola { background-position: 0 -98px } .antiguaandbarbuda { background-position: 0 -112px } .argentina { background-position: 0 -126px } .armenia { background-position: 0 -140px } .australia { background-position: 0 -154px } .austria { background-position: 0 -168px } .azerbaijan { background-position: 0 -182px } .bahamas { background-position: 0 -196px } .belarus { background-position: 0 -210px } .bahrain { background-position: 0 -224px } .bangladesh { background-position: 0 -238px } .barbados { background-position: 0 -252px } .belgium { background-position: 0 -266px } .belize { background-position: 0 -280px } .benin { background-position: 0 -294px } .bhutan { background-position: 0 -308px } .bolivia { background-position: 0 -322px } .bosniaandherzegovina { background-position: 0 -336px } .botswana { background-position: 0 -350px } .brazil { background-position: 0 -364px } .brunei { background-position: 0 -378px } .bulgaria { background-position: 0 -392px } .burkinafaso { background-position: 0 -406px } .burma { background-position: 0 -420px } .burundi { background-position: 0 -434px } .cambodia { background-position: 0 -448px } .cameroon { background-position: 0 -462px } .capeverde { background-position: 0 -476px } .centralafricanrepublic { background-position: 0 -490px } .chad { background-position: 0 -504px } .chile { background-position: 0 -518px } .china { background-position: 0 -532px } .colombia { background-position: 0 -546px } .comoros { background-position: 0 -560px } .congo { background-position: 0 -574px } .costarica { background-position: 0 -588px } .cotedivoire { background-position: 0 -602px } .croatia { background-position: 0 -616px } .cuba { background-position: 0 -630px } .cyprus { background-position: 0 -644px } .czechrepublic { background-position: 0 -658px } .denmark { background-position: 0 -672px } .djibouti { background-position: 0 -686px } .dominica { background-position: 0 -700px } .dominicanrepublic { background-position: 0 -714px } .ecuador { background-position: 0 -728px } .egypt { background-position: 0 -742px } .elsalvador { background-position: 0 -756px } .equatorialguinea { background-position: 0 -770px } .eritrea { background-position: 0 -784px } .estonia { background-position: 0 -798px } .ethiopia { background-position: 0 -812px } .fiji { background-position: 0 -826px } .finland { background-position: 0 -840px } .france { background-position: 0 -854px } .frenchguiana { background-position: 0 -854px } .gabon { background-position: 0 -868px } .gambia { background-position: 0 -882px } .georgia { background-position: 0 -896px } .germany { background-position: 0 -910px } .ghana { background-position: 0 -924px } .greece { background-position: 0 -938px } .grenada { background-position: 0 -952px } .guatemala { background-position: 0 -966px } .guinea { background-position: 0 -980px } .guinea-bissau { background-position: 0 -994px } .guyana { background-position: 0 -1008px } .haiti { background-position: 0 -1022px } .holysee { background-position: 0 -1036px } .honduras { background-position: 0 -1050px } .hungary { background-position: 0 -1064px } .iceland { background-position: 0 -1078px } .india { background-position: 0 -1092px } .indonesia { background-position: 0 -1106px } .iran { background-position: 0 -1120px } .iraq { background-position: 0 -1134px } .ireland { background-position: 0 -1148px } .israel { background-position: 0 -1162px } .italy { background-position: 0 -1176px } .jamaica { background-position: 0 -1190px } .japan { background-position: 0 -1204px } .jordan { background-position: 0 -1218px } .kazakstan { background-position: 0 -1232px } .kenya { background-position: 0 -1246px } .kiribati { background-position: 0 -1260px } .kuwait { background-position: 0 -1274px } .kyrgyzstan { background-position: 0 -1288px } .laos { background-position: 0 -1302px } .latvia { background-position: 0 -1316px } .lebanon { background-position: 0 -1330px } .lesotho { background-position: 0 -1344px } .liberia { background-position: 0 -1358px } .libya { background-position: 0 -1372px } .liechtenstein { background-position: 0 -1386px } .lithuania { background-position: 0 -1400px } .luxembourg { background-position: 0 -1414px } .macedonia { background-position: 0 -1428px } .madagascar { background-position: 0 -1442px } .malawi { background-position: 0 -1456px } .malaysia { background-position: 0 -1470px } .maldives { background-position: 0 -1484px } .mali { background-position: 0 -1498px } .malta { background-position: 0 -1512px } .marshallislands { background-position: 0 -1526px } .mauritania { background-position: 0 -1540px } .mauritius { background-position: 0 -1554px } .mexico { background-position: 0 -1568px } .micronesia { background-position: 0 -1582px } .moldova { background-position: 0 -1596px } .monaco { background-position: 0 -1610px } .mongolia { background-position: 0 -1624px } .morocco { background-position: 0 -1638px } .mozambique { background-position: 0 -1652px } .namibia { background-position: 0 -1666px } .nauru { background-position: 0 -1680px } .nepal { background-position: 0 -1694px } .netherlands { background-position: 0 -1708px } .newcaledonia { background-position: 0 -1722px } .newzealand { background-position: 0 -1736px } .nicaragua { background-position: 0 -1750px } .niger { background-position: 0 -1764px } .nigeria { background-position: 0 -1778px } .northkorea { background-position: 0 -1792px } .norway { background-position: 0 -1806px } .oman { background-position: 0 -1820px } .pakistan { background-position: 0 -1834px } .palau { background-position: 0 -1848px } .panama { background-position: 0 -1862px } .papuanewguinea { background-position: 0 -1876px } .paraguay { background-position: 0 -1890px } .peru { background-position: 0 -1904px } .philippines { background-position: 0 -1918px } .poland { background-position: 0 -1932px } .portugal { background-position: 0 -1946px } .qatar { background-position: 0 -1960px } .romania { background-position: 0 -1974px } .russia { background-position: 0 -1988px } .rwanda { background-position: 0 -2002px } .saintkittsandnevis { background-position: 0 -2016px } .saintlucia { background-position: 0 -2030px } .saintvincentandthegrenadines { background-position: 0 -2044px } .sanmarino { background-position: 0 -2058px } .saotomeandprincipe { background-position: 0 -2072px } .saudiarabia { background-position: 0 -2086px } .senegal { background-position: 0 -2100px } .serbiaandmontenegro { background-position: 0 -2114px } .seychelles { background-position: 0 -2128px } .sierraleone { background-position: 0 -2142px } .singapore { background-position: 0 -2156px } .slovakia { background-position: 0 -2170px } .slovenia { background-position: 0 -2184px } .solomonislands { background-position: 0 -2198px } .somalia { background-position: 0 -2212px } .southafrica { background-position: 0 -2226px } .southkorea { background-position: 0 -2240px } .spain { background-position: 0 -2254px } .srilanka { background-position: 0 -2268px } .sudan { background-position: 0 -2282px } .suriname { background-position: 0 -2296px } .swaziland { background-position: 0 -2310px } .sweden { background-position: 0 -2324px } .switzerland { background-position: 0 -2338px } .syria { background-position: 0 -2352px } .taiwan { background-position: 0 -2366px } .tajikistan { background-position: 0 -2380px } .tanzania { background-position: 0 -2394px } .thailand { background-position: 0 -2408px } .togo { background-position: 0 -2422px } .tonga { background-position: 0 -2436px } .trinidadandtobago { background-position: 0 -2450px } .tunisia { background-position: 0 -2464px } .turkey { background-position: 0 -2478px } .turkmenistan { background-position: 0 -2492px } .tuvalu { background-position: 0 -2506px } .uganda { background-position: 0 -2520px } .ukraine { background-position: 0 -2534px } .unitedarabemirates { background-position: 0 -2548px } .uruguay { background-position: 0 -2562px } .uzbekistan { background-position: 0 -2576px } .vanuatu { background-position: 0 -2590px } .venezuela { background-position: 0 -2604px } .vietnam { background-position: 0 -2618px } .westernsahara { background-position: 0 -2632px } .westernsamoa { background-position: 0 -2646px } .yemen { background-position: 0 -2660px } .zaire { background-position: 0 -2674px } .zambia { background-position: 0 -2688px } .zimbabwe { background-position: 0 -2702px } .owl-controls { text-align: center } .owl-dot>span { background: #869791 none repeat scroll 0 0; border-radius: 20px; display: block; height: 12px; margin: 5px 7px; opacity: 0.5; width: 12px } .owl-dot.active>span { opacity: 1 } .owl-dots .owl-dot { display: inline-block } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } .owl-dot>span {} } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px) } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel .owl-refresh .owl-item { display: none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-item img { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/themes/md_2015/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1 } /* Large desktops and laptops */ @media (min-width: 1200px) { #stickySidePanel.fixed .panel { width: 360px; left: 50%; margin-left: 210px; top: 60px; position: fixed; } .hp-featured-sm { height: 227px } } /* Landscape tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { #stickySidePanel.fixed .panel { width: 132px; left: 50%; margin-left: 350px; top: 60px; position: fixed; } .hp-featured-sm { height: 208px; } .hp-featured-sm h4 { font-size: 18px; } } /* Landscape phones and portrait tablets */ @media (max-width: 992px) { .subnavwrap h1 {padding:0;} .breadcrumb {margin-bottom:10px;} .membersmenu {margin-bottom:20px;} .memberwrap {margin-bottom:0px;} h3, .h3 { font-size: 20px; } #stickySidePanel.fixed .panel { position: static!important; } .hp-featured-sm { height: 163px; } .hp-featured-sm h4 { font-size: 18px!important; } .hp-promo h4 { font-size: 20px; } .panel-body { padding: 10px } .latestnewshome h4 { font-size: 13px; } .panel-title { font-size: 13px; } .destinations .number { font-size: 14px; padding: 3px 8px; } .hp-videofeature h4 { font-size: 14px; } .articlepic .articletype { font-size: 10px; padding: 3px 5px } .latesttrailreviews p { font-size: 12px; } #trail-lookup h2 { font-size: 20px } .trailsheaderwrap h1 { font-size: 20px; } .verus { position: absolute; top: 150px; right: -50px; z-index: 999; width: 100px } .bikewrap { background: #000; overflow: hidden; height: 250px!important } .bikeBtn span { border: 2px solid #FFF; color: #FFF; text-align: center; padding: 5px; position: absolute; left: 115px; top: 100px; font-size: 14px } .sitenav .navbar-header { float: none } .sitenav .navbar-toggle { display: block } .sitenav .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) } .sitenav .navbar-collapse.collapse { display: none!important } .sitenav .navbar-nav { float: none!important; margin: 7.5px -15px } .sitenav .navbar-nav>li { float: none } .sitenav .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px } .sitenav .dropdown-menu>li>a { color: #FFF } .sitenav .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #FFF } .sitenav .navbar-collapse.collapse.in { display: block!important } .sitenav .collapsing { overflow: hidden!important } .sitenav .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none } .footerlinks li { width: 50%; margin-bottom: 15px } .sociallinks li:first-child { width: 100% } .sociallinks li { width: 16.6%; text-align: center; margin-bottom: 15px } .buylinks .btn { margin-top: 15px } .introbanner h1 { font-size: 20px } .introbanner h3 { font-size: 18px } .listheight li img { height: 86px; width: auto } .sitefeatures h4 { font-size: 16px } .title-header { margin-bottom: 15px } .hubbuttons { margin-bottom: 0 } .hubbuttons .btn { margin-bottom: 10px } } /* Portrait phones and smaller */ @media (max-width: 480px) { .image_wrap {margin-left:-10px;margin-right:-10px} .videodetector {margin-left:-9px;margin-right:-10px;width:106%;} .latestnewshome .panel-body { padding: 0px; } .latestnewshome .panel { margin-bottom: 5px; box-shadow: none; } .hp-featured-sm { height: 140px } .hp-featured-sm h4 { font-size: 14px!important; } .iconsquares { padding: 3px 0px; font-size: 14px; width: 24px; height: 24px; } .latesttrailreviews .lead { margin-bottom: 7px; padding: 0; font-size: 14px } .latesttrailreviews p { font-size: 12px; } .latesttrailreviews { height: 185px; } .latesttrailreviews i { color: #17a4ba; } } @media only screen and (max-width: 1200px) { .listheight li img { width: 100px } .sitenav .navbar-default .navbar-nav>li>a { font-size: 14px; padding: 0 20px } } @media (max-width: 768px) { .nav-folderized .nav h4 { cursor: pointer; } .nav-folderized .nav {padding-left:10px;} .nav-folderized ul { max-height: 0; overflow:hidden; transition: max-height 1s ease-out; } .nav-folderized .nav h4:after { content: "+"; float: right; } .nav-folderized .nav.open h4:after { content: "-"; } .nav-folderized .nav.open ul { height:auto; max-height: 500px; transition: max-height 1s ease-in !important; } .footerlinks li {width: 50%;margin-bottom: 15px} .footer {background:#000;color:#ccc;padding:0px 0 25px 0;} .footer h4 {margin-top: 25px;} .mobilenav {list-style:none; margin:0; padding:0;} .mobilenav li a {font-size:11px;text-transform:none;letter-spacing:normal;padding:7px 0px; text-align:center; float:left; width:20%;line-height:normal; color:#FFF; display:block; border-left:1px solid #333;} .mobilenav li:first-child a {border-left:none;} .verus { position: absolute; top: 358px; right: 350px; z-index: 999 } .sublinks { float: left; padding-left: 0; width: 25%; text-align: center } } @media (max-width: 480px) { .share li span { display: none; } .share .btn { padding-top: 8px; padding-bottom: 8px; } .featuredarticlespanel { padding: 10px 0 } .featuredarticlespanel h2 { font-size: 18px; margin: 0; padding: 0 } .footerlinks li { width: 50%; margin-bottom: 15px } .sociallinks { margin-bottom: 15px; clear: both } .sociallinks li:first-child { display: none } .sociallinks li { width: 16.6%; text-align: center; margin-bottom: 15px } .sitenav .navbar-toggle { margin-right: 10px; margin-left: 0px } .search-mob { display: none } .sitenav .navbar-collapse { padding-left: 10px; padding-right: 10px } .sitenav .navbar-nav>li>a { padding-bottom: 0; padding-top: 0; line-height: 33px!important } .sitenav .navbar-default .navbar-nav>li>a { color: #FFF; font-family: 'Fjalla One', sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px } h1 { font-size: 22px; margin: 0 0 15px } .topadvert img { margin-bottom: 0 } .buylinks .btn { margin-top: 15px } .logo { background: url(/themes/md_2015/images/logo-mobile.png) no-repeat; width: 44px; height: 31px; background-size: 100%; margin-left:0px } .logo a { display: block; width: 44px; height: 31px; margin-top:0px } .content h4 { font-size: 16px; margin: 0 0 10px; padding: 0 } .userranking .col1 { width: 100px } .brandcategories li { width: 50%; margin: 0 0 10px; padding: 0; float: left } .mpuadvert { background: #FFF; padding: 0; overflow: hidden } .introbanner .container { padding-left: 10px; padding-right: 10px } .latestnews img { width: 100px; height: 67px } .trailphotos { margin-bottom: 10px } .trailphotos img { margin-bottom: 10px } .trailheader { border-bottom: 1px solid #CCC; margin-bottom: 15px; padding-bottom: 10px } .trailheader h1 { border-bottom: none; margin: 0 0 10px; padding: 0 } .introbanner { background: rgba(0, 0, 0, 0) url(/themes/md_2015/images/backgrounds/home_banner.jpg) repeat scroll 0 0; min-height: 0!important } .traillistings img { width: 100% } .traillistingwrap hr { margin-top: 10px; margin-bottom: 10px } .media-list li img { width: 100px } .media-list li h4 { font-size: 14px } .event-list>li { overflow: hidden } .event-list>li>time { float: none; display: block } .event-list>li>img { float: none; display: block } .event-list>li>.info { width: 75%; float: left; display: block } .event-list>li>.mobeventview { width: 25%; float: left } .hubbuttons { margin-bottom: 0 } .hubbuttons .btn { margin-bottom: 10px } .panel-default { border-top: none; border-left: none; border-right: none } .panel { background-color: #fff; border-radius: 0; box-shadow: 0; margin-bottom: 20px } .panel-body { padding: 10px } .rowmedia img { margin-bottom: 7px } .basiclist li { margin-bottom: 2px; padding: 4px 0; border-bottom: 3px solid #ededed } .trailsheaderwrap h1 { color: #FFF; border: none; margin-bottom: 10px; font-size: 18px; font-weight: 500; } .eventstitle { padding-left: 0; padding-right: 0 } .tabletnav>li>a { font-size: 11px; padding: 0 11px } .bikeTitle { text-align: center; font-size: 11px; padding: 5px 0 } .bikewrap { height:150px!important } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) { .logo { background: url(/themes/md_2015/images/logo.png) no-repeat; width: 225px; height: 41px; background-size: 100%; margin: 0 auto } .logo a { display: block; width: 225px; height: 41px; margin-top:0px } .sitenav .navbar-toggle { margin-right: 10px; margin-left: 0px } .mpuadvert { background: #FFF; padding: 0; overflow: hidden } .introbanner .container { padding-left: 10px; padding-right: 10px } .introbanner { min-height: 0!important } .share li span { display: none; } .share .btn { padding-top: 8px; padding-bottom: 8px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .share li span { display: none; } .share .btn { padding-top: 8px; padding-bottom: 8px; } h1 { font-size: 18px!important } .traillistings h4 { font-size: 13px } .bikewrap { background: #000; overflow: hidden; height: 150px!important } .bikeBtn span { position: absolute; left: 80px; top: 60px } .verus { position: absolute; top: 60px; right: -30px; z-index: 999; width: 60px } .mobwrap { padding-top: 15px } } @media only screen and (max-width: 992px) { #stickySidePanel.fixed .panel {position:static!important;} h1 {font-size:18px} } @media only screen and (max-width: 768px) { .featuredarticlespanel { height: 80px; !important } } @media only screen and (max-width: 480px) { .memberpic {margin-top:-10px; margin-bottom:10px;width:62px;height:62px;} /*Hero Banners*/ .herobanner {width:100%;position:relative;min-height:200px;padding:20px 0;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;} .herobanner h1 {text-align:center;font-size:22px;line-height:26px;margin-bottom:20px;} .herobanner h2 {text-align:center;font-size:22px;line-height:26px;margin-bottom:20px;} .herobanner .form-control {font-size:16px;border-radius:6px;height:46px;padding-left:7px;} .herobanner .btn {padding:11px 15px;border-radius:6px;font-size:16px;} /*Sliders*/ .trail-types .panel {margin-bottom:5px;} .owl-carousel .panel {margin-bottom:5px;} /*Block Titles*/ .blocktitles {font-size:16px;font-weight:500; padding-top:7px; padding-bottom:10px;} .blocktitles span {font-size:12px;} .trailprofileheader h2 {font-size:18px;line-height:1.3;} .container-padding {padding-top:10px;} .attachedtrails img {margin-bottom:10px;} .attachedtrails .list-group-item {padding:0px;} /* Force table to not be like tables anymore */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } #no-more-tables tr { border: 1px solid #ccc; } #no-more-tables td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left:3%; white-space: normal; text-align:left; } #no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Label the data */ #no-more-tables td:before { content: attr(data-title); } #stickySidePanel.fixed .panel {position:static!important;} .share li span { display: none; } .share .btn { padding-top: 8px; padding-bottom: 8px; } .featuredarticlespanel h2 { font-size: 14px; margin-bottom: 10px } h1 { font-size: 18px } h2 { font-size: 18px; margin-top: 0px; padding-top: 0px } h3 { font-size: 18px; margin-top: 0px; padding-top: 0px } .datalist .col-xs-7 .list-group-item-heading { font-size: 14px; margin-top: 0px; font-weight: normal } .datalist .col-xs-8 .list-group-item-heading { font-size: 14px; margin-top: 5px; font-weight: normal } .datalist .col-xs-4 { padding-left: 0px; padding-right: 0px } .datalist .col-xs-5 { padding-left: 0px; padding-right: 0px } .datalist .list-group-item { padding-top: 0px; padding-bottom: 0px; border-top: 3px solid #ddd } .datalist .col-xs-7 p { margin-bottom: 0px; padding-bottom: 0px } .panel>.list-group .list-group-item { border-width: 2px 0 } .panel-heading { font-size: 16px } .feed-item h4 { font-size: 14px } .feed-item .list-group-item { padding: 5px } .feed-item .panel-body { font-size: 12px } .hp-videofeature { height: auto } .homebanner { padding: 0; margin-bottom: 15px } .homebanner h1 { font-size: 16px!important } .intropanel { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-top: 10px; padding-bottom: 10px; z-index:99999; } .hp-promo h4 { font-size: 18px } .hp-videofeature h4 { font-size: 14px } @media (max-width: @screen-sm) { [class*="col-"] { padding-left: 0; padding-right: 0; } .row { margin-left: 0; margin-right: 0; } .container-fluid { margin: 0; padding: 0; } } } @media only screen and (max-width: 320px) { h1 {font-size:18px} .searchclose {margin-left:10px; display:block; float:none; margin-bottom:10px;} #header-search .header-search-wrap form input[type="text"] {font-size:20px;line-height:34px;} #header-search {height:100%;overflow:auto; padding-top:20px; padding-bottom:100px;} .section-menu h3 {font-size:16px;} .membersmenu {margin-bottom:20px;} .memberwrap {margin-bottom:0px;} .subnavwrap h1 {padding:0; font-size:16px!important;} .list-group-item-heading {font-size: 14px;margin-top:5px;font-weight: normal} .newsitem .panel-body{ padding:5px 0 5px 0;} .panel-heading {padding:10px 7px;} .panel-body h4 {font-size:14px;} .panel-body .panel-title {font-size:12px;} .memberpic {margin-top:-10px; margin-bottom:10px;width:62px;height:62px;} /* Events */ .eventslist .eventdate {width:50%;} .eventslist .eventpic {width:50%;} .eventslist .list-group-item {padding:9px 5px 9px 0;} .eventslist .list-group-item p {margin-bottom:0px;} .eventslist .lead {font-size:20px;} .eventslist .list-group-item-heading {margin-top:0px;} .nav-tabs > li > a {font-size:14px;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {font-size:13px;} .nav > li > a {padding:12px 8px;} .event-list>li>.info>.title {font-size: 12pt;} .event-list>li>.mobeventview>time>.day {font-size:20pt;} .event-list>li .mobeventview>time>.month {font-size:10pt;} #trail-lookup h2 {font-size:14px;} .footer {padding:15px 0 30px 0;} .credits {line-height:normal;} .listinglist .list-group-item {padding:5px;} .premium {padding-top:0px;padding-bottom:0px} .mobilepadding {padding-left:0px!important;;padding-right:0px!important; margin-left:0;margin-right: 0;} .row-no-padding .col-xs-12 {margin-left: 0;margin-right: 0; padding-left: 0 !important;padding-right: 0 !important;} .priority {width:20px;height:20px;} .organiserprofile .lead {font-size:14px;} .attachedtrails img {margin-bottom:10px;} .sitestats .lead {color:#17a4ba;font-size:20px;} .sitestats small {font-size:8px;} .article .lead {font-size:18px;margin-bottom:20px;line-height:22px;} .share li span { display: none; } .share .btn { padding-top: 8px; padding-bottom: 8px; } .featuredarticlespanel h2 { font-size: 14px; margin-bottom: 10px } h2 { font-size: 18px; margin-top: 0px; padding-top: 0px } h3 { font-size: 18px; margin-top: 0px; padding-top: 0px } .list-group-item-heading { font-size: 14px; margin-top: 5px; font-weight: normal } .datalist .col-xs-4 { padding-left: 0px; padding-right: 0px } .datalist .list-group-item { padding-top: 0px; padding-bottom: 0px; border-top: 3px solid #ddd } .panel>.list-group .list-group-item { border-width: 2px 0 } .homebanner {padding:0;margin-bottom:15px} .homebanner h1 {font-size: 16px!important} .homebanner h2 {font-size: 16px!important} .trailsearchwrap {margin-bottom:0px;} .intropanel { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-top: 10px; padding-bottom: 10px } .hp-promo h4 {font-size:18px} } #map_overlay { width: 100%; height: 400px; position: relative; margin-top: -400px; padding: 0px; pointer-events: none } #elevation_legend { width: 88px; height: 160px; position: relative; margin-top: 50px; z-index: 5; float: right; text-align: right; pointer-events: none; color: #111; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); font-family: Roboto, Arial, sans-serif; font-size: 11px; padding: 10px 8px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14902); -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; font-weight: 500; background-color: rgb(255, 255, 255); line-height: 20px } #elevation_legend .colour_box { display: inline-block; width: 12px; height: 12px; padding: 1px; border: 1px solid #333; vertical-align: middle; margin-left: 8px } #elevation_profile { width: 100%; z-index: 5; float: right; text-align: right; pointer-events: none; color: #111; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); font-family: Roboto, Arial, sans-serif; font-size: 11px; padding: 6px 1px 0px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.14902); -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; font-weight: 500; background-color: rgb(255, 255, 255); margin-top: 120px } .offerwrap { height: 320px; } .discount { background: #ff585b; width: 100%; color: #FFF; text-align: center; }