/* .section-static.section-reverse { margin-left: 0; margin-right: 0; } Simple Grid Project Page - http://thisisdallas.github.com/Simple-Grid/ Author - Dallas Bass Site - http://ninenineteen.co */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; } .ie8 > .container { min-width: 990px; } .ie8 .home-featured { margin-bottom: 25px; } .ie8 .sidebar { padding-top: 0; _width: 300px; width: 330px; } .ie8 [class*="sprite-"] { background-image: url( "../images/sprite.png"); } [class*='col-'] { float: left; min-height: 1px; } .header .mashead-b { height: 154px; } .footer [class*='col-'] { padding-right: 0; } .grid { position: relative; width: 100%; max-width: 1140px; /*min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */*/ margin: 0 auto; overflow: hidden; } .list-view:after, .grid:after { content: ""; display: table; clear: both; } .list-view:before { content: ""; display: table; } .grid-pad { padding-top: 20px; padding-left: 20px; /* grid-space to left */ padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */ } .list-view.archive h3 { font-size: 20px; font-weight: 500; font-family: 'Oswald', sans-serif; padding: 0 0 5px 0; } .push-right { float: right; } /* Content Columns */ .col-1-1 { width: 100%; } .col-2-3, .col-8-12 { width: 66.66%; } .col-1-2, .col-6-12 { width: 50%; } .col-1-3, .col-4-12 { width: 33.33%; } .col-1-4, .col-3-12 { width: 25%; } .col-1-5 { width: 20%; } .col-1-6, .col-2-12 { width: 16.667%; } .col-1-7 { width: 14.28%; } .col-1-8 { width: 12.5%; } .col-1-9 { width: 11.1%; } .col-1-10 { width: 10%; } .col-1-11 { width: 9.09%; } .col-1-12 { width: 8.33% } /* Layout Columns */ .col-11-12 { width: 91.66% } .col-10-12 { width: 83.333%; } .col-9-12 { width: 75%; } .col-5-12 { width: 41.66%; } .col-7-12 { width: 58.33% } /* Pushing blocks */ .push-2-3, .push-8-12 { margin-left: 66.66%; } .push-1-2, .push-6-12 { margin-left: 50%; } .push-1-3, .push-4-12 { margin-left: 33.33%; } .push-1-4, .push-3-12 { margin-left: 25%; } .push-1-5 { margin-left: 20%; } .push-1-6, .push-2-12 { margin-left: 16.667%; } .push-1-7 { margin-left: 14.28%; } .push-1-8 { margin-left: 12.5%; } .push-1-9 { margin-left: 11.1%; } .push-1-10 { margin-left: 10%; } .push-1-11 { margin-left: 9.09%; } .push-1-12 { margin-left: 8.33% } .col-fullwidth { padding: 0; } .coaching .dcell { border: 1px solid #ccc; } table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ccc; } th { font-weight: bold; font-size: 15px; } td.brand { border-left: 0; border-right: 0; font-size: 15px; font-weight: bold; padding: 5px 0; } .social-networks { margin: 10px 0 5px 0; } .social-networks * { float: left !important; margin-right: 5px !important; } /* Core Overrides and Main Site */ /* COLORS */ .medium-blue { color: #0b4fa0; } .bright-blue { color: #006ae6; } .bright-blue-highlight { color: #268aff; } .light-blue { color: #e4f0ff; } .light-grey { color: #adadad } .medium-grey { color: #4f4f4f; } .dark-grey { color: #272727; } .black { color: #000; } /* the default rating is placed as a background image in the ul */ /* use the background position according to the table above to display the required images*/ .rated { display: block; width: 80px; height: 16px; overflow: hidden; margin-top: 7px; } .rating-table { display: block; margin-bottom: 15px; } .rating-table > div { display: inline-block; width: 24%; height: 18px; padding: 0 10px 0 0; } .nostar img { margin-top: 0; } .onestar img { margin-top: -16px; } .twostar img { margin-top: -32px; } .threestar img { margin-top: -48px; } .fourstar img { margin-top: -64px; } .fivestar img { margin-top: -80px; } .container-shadow { display: block; position: fixed; top: 0; z-index: -100; width: 100%; max-width: 990px; height: 100%; left: 50%; margin-left: -495px; box-shadow: 0 0 35px 5px #B0B0B0; } .container-bg { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; text-align: center; overflow: hidden; } .container-bg img.bg-image { display: block; position: relative; left: 50%; margin-left: -952px; height: auto; width: 1920px; } /* LINKS */ a.no-underline { text-decoration: none; color: initial; } h1,h2,h3, h1 a, h2 a, h3 a { color: #000; line-height: 1.15; } .content { position: relative; } .section h1 { padding: 0 0 25px 0; } .section .center h1 { padding: 0 0 5px 0; } .section.listings h2 { font-weight: 400; } .section.article h1 { padding: 0 0 15px 0; } .section.list h3 { line-height: 1.3; } .section.list .advert-small { margin-bottom: 25px; } .category-list h1 { padding: 0 0 15px 0; } .list-block h3, .list-block h3 a{ font-size: 15px; color: #0b4fa0; font-weight: 700; font-family: 'Open Sans', sans-serif; } .list-block h3 a { cursor: pointer; } .list-block .col-1-2:nth-child(2) { width: 49%; padding-right: 1%; } hr { border-top: 1px solid #adadad; display: block; width: 100%; height: 0; margin-bottom: 20px; } hr.line { margin-bottom: 20px; } blockquote { font-size: 20px; font-style: italic; font-weight: 400; line-height: 1.6; width: 50%; margin: 0 0 0 25px; float: right; clear: left; margin-bottom: 20px; background-color: #ADD8E6; } blockquote div { text-align: justify; } blockquote.left { margin: 0 25px 0 0; float: left; } blockquote:right { margin: 0 0 0 25px; float: right; } blockquote:before, blockquote:after { display: block; content: ''; width: 100%; height: 4px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#268aff+0,0b4fa0+100 */ background: #268aff; /* Old browsers */ background: -moz-linear-gradient(left, #268aff 0%, #0b4fa0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #268aff 0%,#0b4fa0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #268aff 0%,#0b4fa0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268aff', endColorstr='#0b4fa0',GradientType=1 ); /* IE6-9 */ } blockquote:before { margin: 0 0 15px 0; } blockquote:after { margin: 15px 0 0 0; } div.more { margin: 15px 0; } .btn-white { background: #fff; color: #0b4fa0; border: 1px solid #0b4fa0; font-size: 19px; padding: 3px 9px; } .btn-white:hover, .btn-white:active, .btn-white:focus { background: #fff; color: #006ae6; border: 1px solid #006ae6; } .btn-more { background: #fff; border: 1px dotted #0b4fa0; color: #006ae6; font-size: 15px; font-family: 'Roboto Slab', monospace; font-weight: bold; text-transform: capitalize; box-sizing: border-box; padding: 3px 10px; } .btn-more:hover, .btn-more:active, .btn-more:focus { background: #006ae6; color: #fff; border: 1px solid #fff; } /* FORM ELEMENTS */ .input-group { padding: 0 0 0 20px; margin: 1.5em 0 1em 0; } label { color: #0b4fa0; font-weight: 600; } .select { color: #0b4fa0; } .text-input { background: #e4f0ff; font-size: 15px; border: 0; padding: 7.5px 15px; color: #0b4fa0; display: inline-block; margin: 0 5px; } input[type="radio"] + label span { display:inline-block; width: 15px; height: 15px; margin:-2px 20px 0 0; vertical-align:middle; cursor:pointer; -moz-border-radius: 50%; border-radius: 50%; } input[type="radio"] + label span { background: #fff; box-shadow: 0 0 0 4px #e4f0ff; } input[type="radio"]:checked + label span{ background-color: #0b4fa0; border: 2px solid #fff; } input[type="radio"] + label span, input[type="radio"]:checked + label span { -webkit-transition:background-color 0.3s linear; -o-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear; transition:background-color 0.3s linear; } .checkbox { /* Double-sized Checkboxes */ -ms-transform: scale(1.2); /* IE */ -moz-transform: scale(1.2); /* FF */ -webkit-transform: scale(1.2); /* Safari and Chrome */ -o-transform: scale(1.2); /* Opera */ padding: 5px; font-size: 40px; position: relative; top: 2px; } /* IMAGE TREATMENTS */ .img-greyscale img { -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); } .img-greyscale img:hover { -webkit-filter: grayscale(0%); filter: none; filter: grayscale(0); } .img-responsive { /* width: 100%; height: auto; FIXME */ display: block; margin: 0 auto; border: 0; } .crop { width: 193px; height: 144px; overflow: hidden; } .crop img { max-width: none !important; width: 300px; height: 166px; margin: 0px 0 0 -50px !important; } .crop-2 { width: 300px; height: 166px; overflow: hidden; } .crop-2 img { max-width: none !important; width: 470px; margin-left: -90px; } .crop-3 { width: 470px; height: 260px; overflow: hidden; } .crop-3 img { max-width: none !important; width: 470px; height: 260px; } .detail_text .img-responsive { max-width: 625px; } .home-featured { margin-bottom: 25px; } .home-featured img { max-width: 470px; } .home-featured [class*='col-']:first-child { padding-right: 0; padding-left: 0; max-width: 470px; } .highlight-list [class*='col-4'] { min-width: 193px; } .highlight img, .highlight h3, .highlight .info { max-width: 193px; margin: 0 auto; } .highlight h3 { font-size: 18px; } .swiper-slide img { display: block; } .swiper-holder .index, .swiper-holder .slideshow-controller { display: none; } /* Gallery */ .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; } .swiper-slide .caption { display: block; font-size: 14px; width: 100%; padding: 20px 135px 20px 0; min-height: 60px; } .swiper-content { height: auto; min-height: 300px; width: 100%; padding-bottom: 10px; margin-bottom: 5px !important; display: block; margin-top: 10px !important; } .swiper-content .swiper-slide img { display: block; height: auto; padding-bottom: 4px; background: #268aff; background: -moz-linear-gradient(left, #268aff 0%, #0b4fa0 100%); background: -webkit-linear-gradient(left, #268aff 0%,#0b4fa0 100%); background: linear-gradient(to right, #268aff 0%,#0b4fa0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268aff', endColorstr='#0b4fa0',GradientType=1 ); } .slideshow-controller { display: block; position: relative; width: auto; right: 0; padding: 15px 0 0 10px; z-index: 500; background: transparent; text-align: right; margin-top: -40px; margin-bottom: 10px; border-bottom: 1px dotted #4f4f4f; min-height: 97px; } .slideshow-controller .index { margin-top: 20px; padding-bottom: 20px; font-size: 12px; } .swiper-nav { position: relative; height: auto; box-sizing: border-box; padding: 10px 0; margin-bottom: 15px; display: block; } .swiper-nav .swiper-slide img { display: block; margin-right: 10px; width: 107px; height: auto; } .swiper-nav .swiper-slide { -moz-opacity: 0.40; opacity:0.40; filter: alpha(opacity=40); cursor: pointer; } .swiper-nav .swiper-wrapper { height: auto !important; } .swiper-nav .swiper-slide-active { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .swiper-button { position: absolute; display: block; width: 85px; height: 90px; line-height: 62px; color: #006ae6; font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: bold; top: 0 !important; margin-top: 9px; color: #0b4fa0; background: #fff; text-align: center; cursor: pointer; } .swiper-button-next { right: 0; } .swiper-button-prev { left: 0; } .swiper-nav .swiper-slide-active img { border: 3px solid #006ae6; } .divider-top, .divider-bottom { display: block; clear: both; width: 100%; height: 20px; background: #fff; border-left: 1px dotted #a0a0a0; border-right: 1px dotted #a0a0a0; margin-top: 10px; position: relative; z-index: 100; } .divider-top { border-top: 1px dotted #a0a0a0; } .divider-bottom { border-bottom: 1px dotted #a0a0a0; margin-top: 20px; margin-bottom: 40px; } .partners { text-align: center; } .partners h3 { font-size: 22px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 2px; } .partners img { display: inline; margin-right: 20px; } /* HELPER */ .italic { font-style: italic; } .center { text-align: center; } .right { text-align: right; } .float-left { display: block; float: left; } .float-right { display: inline-block; margin-left: 10px !important; float: right !important; } .relative { position: relative; } .absolute-top { position: absolute; width: 100%; right: 20px; top: 0; } .full-width { width: 100%; display: block; } .uppercase { text-transform: uppercase; } .justify { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; } .justify > div { display: inline-block; vertical-align: top; /* IE fix. */ *display: inline; zoom: 1; } .justify:after { content: ""; width: 100%; display: inline-block; } /* parent container would need to set height and line-height to the same X px */ .vertical-align { display: inline-block; vertical-align: middle; text-align: center; line-height: 15px; } /* ADVERTS */ .advert-large { width: 970px; margin: 20px auto 20px auto; } .advert { width: 100%; overflow: hidden; max-width: 300px; display: block; margin: 0 auto 15px auto; background: #fff; } .advert.float-left { margin-right: 20px !important; margin-bottom: 20px !important; } .advert-small img { width: 300px; height: auto; text-align: center; } .list-view.col-6-12 { clear: none; } .list-view { display: block; clear: both; margin-bottom: 20px; } .list-view:last-child { margin-bottom: 0; } .list-view .thumb { float: left; width: 107px; height: 80px; } .list-view .detail { overflow:hidden; float: none; padding: 0 15px 0 15px } .list-view h3 { font-size: 13px; font-family: 'Open Sans', sans-serif; padding: 0px; } .list-view .label { text-align: left; padding: 0 10px 0 0; } .cat-view { margin-bottom: 20px; border-bottom: 1px dotted #4f4f4f; } .cat-view .post-meta { white-space: nowrap; } .cat-view:last-child { border-bottom: 0; } .cat-view .label { padding-left: 0; border-bottom: 0; font-size: 20px; } .cat-view li a { color: initial; padding-right: 5px; } .cat-view li span { padding: 0 5px 0 0; } .cat-view .new { display: inline-block; padding: 0 4px 1px 4px; color: #fff; background: #006EDF; font-size: 9px; text-transform: uppercase; } .cat-view [class*="col-1-2"] { padding-right: 0; } .cat-view .detail { padding-left: 20px; } .icon-view { padding-top: 20px; } .icon-view h3 { font-weight: 500; text-transform: uppercase; } .icon-view .listing { display: block; background: #e4f0ff; padding: 20px 0; margin-bottom: 15px; margin-right: 5%; width: 47.5%; } .icon-view .listing:nth-child(even) { margin-right: 0; } .icon-view .list { display: table-cell; } .icon-view .icon { display: table-cell; float: left; background: #fff; border-radius: 50%; width: 62px; height: 63px; padding: 6px 0 0 5px; margin-right: 20px; margin-left: 20px; } .icon-view [class*="sprite-"] { display: block; width: 52px; height: 52px; } .liststyle { list-style: square; margin: 0; padding: 0 0 0 15px; } .liststyle li:before { display: inline-block; padding-top: 2px; margin-right: 8px; margin-left: -14px; color: #006ae6; /* whatever color you prefer */ font-size: 20px;/* or whatever the bullet size you prefer */ position: relative; top: 2px; } .highlight-list h3 { font-weight: 400; padding-bottom: 0; margin: 0 auto; } .highlight { padding-bottom: 25px; } .related .highlight { padding-bottom: 0; } .list-block [class*='col-'] { padding-right: 0; } .list-block { font-size: 15px; line-height: 1.6; border-bottom: 1px dotted #4f4f4f; padding-bottom: 20px; margin-bottom: 10px; } .list-block:last-child, .list-block.last { border-bottom: 0; } .details { line-height: 1.6; } .details h2, .details h3 { font-family: 'Open Sans', sans-serif; color: #0b4fa0; margin: 0; font-weight: 600 !important; } .details h2 { font-size: 20px; } .details h3 { font-size: 15px; } .detail-block { display: block; margin: 10px 0; } .detail-block .highlight-block { display: block; margin: 5px 0 0 0; padding: 10px; background: #f4f8fb; } .detail_text.article img { float: left; margin-right: 10px; margin-bottom: 20px; margin-top: 20px; } /* ratings */ .biz-ratings { margin-top: 15px; } .rating { width:80px; height:16px; margin:0px 0px 20px 0px; padding:0; list-style:none; float: left; position:relative; background: url(images/star-matrix.gif) no-repeat 0 0; } ul.rating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; } ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; } ul.rating li.one a {left:0} ul.rating li.two a {left:16px;} ul.rating li.three a {left:32px;} ul.rating li.four a {left:48px;} ul.rating li.five a {left:64px;} ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(images/star-matrix.gif) no-repeat 0 0; } ul.rating li.one a:hover {background-position:0 -96px;} ul.rating li.two a:hover {background-position:0 -112px;} ul.rating li.three a:hover {background-position:0 -128px} ul.rating li.four a:hover {background-position:0 -144px} ul.rating li.five a:hover {background-position:0 -160px} /* this is used to remove the hover affect */ /* use the background position according to the table above to display the required images*/ .rated{ width:80px; height:16px; margin: 4px 0px 16px 0px; padding:0; list-style:none; float: left; position:relative; background: url(images/star-matrix.gif) no-repeat 0 0; } ul.rated li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; } ul.rated li.one a {left:0} ul.rated li.two a {left:16px;} ul.rated li.three a {left:32px;} ul.rated li.four a {left:48px;} ul.rated li.five a {left:64px;} /* add these classes to the ul to effect the change to the correct number of stars */ .nostar {background-position:0 0} .onestar {background-position:0 -16px} .twostar {background-position:0 -32px} .threestar {background-position:0 -48px} .fourstar {background-position:0 -64px} .fivestar {background-position:0 -80px} /* end rating code */ /* bio */ .bio { margin: 20px 0; } .bio .img-responsive { float: left; margin-right: 10px; } .bio p { padding-top: 0; margin-top: 0; padding-bottom: 10px; } .section { padding-right: 0; } .section-has-widgets { padding-right: 25px; } .section .sidebar { padding-top: 0; } .section.featured { margin-bottom: -20px; } .section.social { padding: 0 0 0 3%; margin-right: 0; } .sidebar-right { float: left; clear: right; } .home .section h1 { text-align: center; margin-bottom: 0; font-weight: 500; } .featured-hero h1 { padding-bottom: 10px; } .listings .section h1 { padding-bottom: 10px; } .section.highlight-list h1 { margin: 0; } .section.article h1 { text-align: left; font-size: 39px; padding-top: 0; } .post-meta .author { text-transform: uppercase; } .post-meta .author a { color: #adadad; } .section.article .post-meta .time { float: right; } .section.article .post-meta { margin-top: 0; padding: 0 20px; height: auto; line-height: 200%; display: block; } .section.social .comment iframe { width: 100% !important; } .share-buttons > div { float: left; display: block; margin-right: 10px; height: 80px; overflow: hidden; } .section-spacer { height: 20px; display: block; width: 100%; } .section-spacer-large { height: 40px; display: block; width: 100%; } .section-divider { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#268aff+0,0b4fa0+100 */ background: #268aff; /* Old browsers */ background: -moz-linear-gradient(left, #268aff 0%, #0b4fa0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #268aff 0%,#0b4fa0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #268aff 0%,#0b4fa0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268aff', endColorstr='#0b4fa0',GradientType=1 ); /* IE6-9 */ width: 100%; height: 4px; margin: 25px 0; } .article-content { position: relative; font-size: 15px; line-height: 1.6; text-align: justify; } .grid-container { margin-left: -25px; } #home .main, .home .main { margin-top: 0; /* reset margin top to 0 */ } .label { font-weight: bold; font-family: 'Roboto Slab', monospace; border-bottom: 1px dotted #0b4fa0; padding: 3px 15px; text-decoration: none; color: #006ae6; font-size: 15px; } .label:hover, .label:focus, .label:active { color: #0b4fa0; border-bottom: 1px solid #0b4fa0; text-decoration: none; } .featured-hero { text-align: center; display: block; padding: 14px 5% 0 5%; } .featured-hero .label { font-size: 15px; margin-bottom: 10px; display: inline-block; } .featured-hero .excerpt { font-size: 15px; font-weight: 300; line-height: 1.6; margin-bottom: 6px; } .briefy { text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .briefy-b { display: inline-block; white-space: nowrap; overflow: hidden; max-width: 100%; vertical-align: bottom; text-overflow: ellipsis; } .briefy p { margin: 0; } .post-meta { position: relative; } .post-meta span { display: inline-block; } i.icon { display: inline-block; width: 23px; height: 18px; position: relative; top: 4px; } i.map-icon { display: inline-block; position: relative; top: 4px; width: 21px; height: 25px; background-size: 400px 294px; } .bar { display: inline-block; width: 2px; height: 9px; background: #0b4fa0; position: relative; top: -2px; margin: 0 1px; } .triangle-left { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #0b4fa0 transparent transparent; } .triangle-right { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #0b4fa0; } .sprite-slowtwitch { background-position: -169px -200px; } .sprite-gallery { display: inline-block; width: 23px; height: 13px; position: relative; top: 1px; margin-left: 6px; background-position: -180px -370px; } .video-thumb { display: block; position: relative; } .sprite-video { display: inline-block; width: 23px; height: 18px; position: relative; top: 4px; margin-left: 10px; background-position: -149px -370px; } .list-view .sprite-video { top: 8px; } .sprite-video-play { background-position: -138px -300px; display: block; height: 70px; width: 70px; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; } /* for phrase II where tagging for sports are available: How to use: add the tag right below the : */ .sprite-sports-small { display: block; position: absolute; height: 25px; width: 31px; right: 0; bottom: 0; } .sprite-icon-small { display: block; height: 25px; width: 25px; } .sprite-running-small { background-position: -69px -400px; } .sprite-running { background-position: -387px -288px; } .sprite-biking { background-position: -314px -296px; } .sprite-race { background-position: -590px -298px; } .sprite-map { background-position: -243px -300px; } .sprite-roadshow { background-position: -129px -405px; } .sprite-coaches { background-position: -595px -365px; } .sprite-clubs { background-position: -528px -291px; } .sprite-fitters { background-position: -456px -292px; } .sprite-stores { background-position: -527px -363px; } .sprite-bike { background-position: -250px -358px; } .sprite-stem { background-position: -316px -362px; } .sprite-stack { background-position: -386px -363px; } .sprite-bar { background-position: -449px -370px; } .map-icon.sprite-race { background-position: 0px -258px; } .map-icon.sprite-clubs { background-position: -22px -258px; } .map-icon.sprite-coaches { background-position: -45px -258px; } .map-icon.sprite-running { background-position: -66px -258px; } .map-icon.sprite-biking { background-position: -89px -258px; } .map-icon.sprite-fitter { background-position: -112px -258px; } .map-icon.sprite-roadshow { background-position: -79px -230px; } .featured-content { text-align: center; margin-bottom: 25px; } .featured-wrapper .featured-content { padding-right: 10px; } .featured-wrapper .featured-content:nth-child(2), .featured-wrapper .featured-content:last-child { padding-right: 0; padding-left: 10px; } .featured-content img { margin-bottom: 10px; } .featured-content .label, .detail.cat-content .label { font-size: 15px; } .detail.cat-content h3, .featured-content h3 { margin-top: 5px; font-weight: 500; font-size: 18px; } .label-category { letter-spacing: 1px; } .subcategory { padding: 0 25px; } .subcategory h3, h3.section-title { display: inline-block; font-weight: normal; font-size: 14px; text-transform: uppercase; border-bottom: 1px dotted #ccc; margin-bottom: 5px; } h3.section-title { margin-bottom: 10px; } .subcategory dl { float: left; width: 50%; list-style: none; margin: 0; padding: 0; } .subcategory a { padding: 7px 0; font-weight: bold; } .widget.subcategory label { float: left; color: #000; padding-top: 8px; padding-right: 8px; } .widget.subcategory select { float: left; width: 185px; } /* SIDEBARS and WIDGETS */ .sidebar-b { float: right; overflow: hidden; width: 300px; } .widget { padding: 0 25px; } .widget.nodivider { margin-bottom: 40px; } .widget-spacer { display: block; height: 25px; } .widget .label { margin-bottom: 15px; } .widget form .btn, .widget-form .btn { min-width: 80px; } .widget-fullwidth { padding: 0; } .widget img { max-width: 300px; } .widget .excerpt { margin: 10px 0; } .widget .product-image { margin: 20px auto 10px auto; } .widget .product { font-size: 13px; } .widget .product .post-meta, .widget .product .excerpt { padding: 0 20px; } .widget .product .excerpt { display: block; margin: 15px 0; } .widget h2 { text-align: center; font-size: 24px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 5px 0; } .widget h3 { text-align: center; font-size: 22px; color: #0b4fa0; padding-top: 0; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #adadad; font-weight: 500; } .widget.poll .question { font-size: 13px; padding: 0 0 15px 0; } .widget .description { font-size: 13px; text-align: center; padding: 0 0 15px 0; } .content-divider-top, .widget-divider { display: block; width: 100%; height: 20px; border-left: 1px dotted #4f4f4f; border-bottom: 1px dotted #4f4f4f; } .content-divider-top { margin-bottom: 15px; } .widget-divider { margin-bottom: 40px; } .content-divider-bottom { display: block; width: 100%; height: 20px; border-left: 1px dotted #4f4f4f; border-top: 1px dotted #4f4f4f; margin-top: 40px; margin-bottom: 0; } .widget-form .row .btn { position: relative; z-index: 100; width: 38%; text-align: center; float: none; margin-left: 1%; padding: 6px 0; } .widget-form .row .txt { overflow: hidden; float: left; height: 31px; width: 58%; } .widget.has-border { padding-right: 0; } .widget.has-border .list { border-right: 1px dotted #4f4f4f; padding-right: 10px; } .widget .list .link { display: block; width: 100%; padding: 7px 3px 7px 0; } .widget .list .link a { display: table-cell; padding-left: 10px; color: #272727; } .widget .list .link div { display: table-cell; position: relative; top: 3px; } .widget .list span { display: block; text-align: center; font-size: 12px; width: 29px; background: #0b4fa0; color: #fff; font-weight: 500; font-family: 'Oswald', sans-serif; } .widget .list.dated span { width: 46px; text-transform: uppercase; font-weight: 400; } .widget .listings { font-size: 13px; text-transform: uppercase; font-family: Oswald; width: 100%; display: block; text-align: center; } .widget .listings > div { display: inline-block; text-align: center; position: relative; max-width: 20%; } .widget .listings .icon-divider { margin: 0 1.5%; } .widget .listings a > div { height: 52px; line-height: 52px; text-align: center; } .widget .listings [class*="sprite-"] { display: block; width: 52px; height: 52px; margin: 10px auto 3px auto; } .icon-divider { width: 0; height: 30px; border-right: 1px dotted #332F2F; position: relative; top: 20px; margin-right: -1px; } .icon-spacer { width: 1px; height: 30px; position: relative; top: 20px; margin-right: -1px; } .widget .region-list { font-size: 14px; font-weight: bold; } .widget .region-list .list-item span { background: #e4f0ff; display: inline-block; text-align: center; font-size: 16px; width: 16px; line-height: 14px; color: #0b4fa0; cursor: pointer; font-family: 'Arial', sans-serif; } .widget .region-list .list-item { display: block; width: 100%; margin: 10px 0; } .widget .region-list .list-item a { display: inline-block; min-width: 180px; margin: 5px 0px 5px 0; } .widget .region-list .sublist { display: none; } .widget .region-list .sublist a { display: block; color: #000; width: 100%; margin: 3px 0; padding-left: 10px; font-weight: 600; } .widget .region-list .top-ranked, .widget .region-list .advsearch { line-height: 26px; text-transform: uppercase; } .widget .region-list .top-ranked .star { color: #FFB300; font-size: 22px; position: relative; top: 1px; } .widget.coaching { margin-top: 10px; text-align: center; } .dtable.addlink .dbody .dcell { border: 0; } /* POLL OERRIDE */ .poll .result-row { padding: 0 0 10px 0; } .poll .meter { display: table-cell; width: 80px; } .poll .meter span { position: relative; display: block; top: 2px; left: 0; width: 100%; height: 13px; background: #e4f0ff; border: 0 solid #0b4fa0; } .poll .total-votes { display: block; text-align: center; width: 100%; margin: 5px 0 15px 0; font-weight: bold; } .poll .percentage { display: table-cell; width: 35px; color: #0b4fa0; font-weight: bold; } .poll .choice { display: table-cell; padding: 0 0 10px 5px; position: relative; top: -1px; } .poll .input-group.choice { display: block; padding: 0 0 5px 5px; } /* MAP */ .alert { display: block; background: #e4f0ff; padding: 15px; margin-bottom: 10px; color: #0b4fa0; border-radius: 0px; } .alert .location { font-weight: 600; } .map-control { display: block; margin: 10px 0 20px 0; font-size: 15px; } .map-control .select, .map-control .text-input { margin-bottom: 10px; } .map-control .select { margin-left: 10px; } .map-container { position: relative; } .map { width: 100%; height: 500px; margin-bottom: 20px; } .map-single { width: 100%; height: 500px; margin-bottom: 20px; border: 1px solid #333; margin: 10px 0; } .map-large { height: 600px; } .map-category * { cursor: pointer; } .map-category { position: absolute; top: 50px; right: 7px; display: block; width: 152px; background: #fff; font-size: 11px; font-weight: bold; letter-spacing: 1px; } .map-category label { color: #000; } .map-category .category { line-height: 35px; padding: 4px; margin: 0 5px; border-bottom: 1px dotted #0b4fa0; } .map-category .category.last { border-bottom: 0; } .map-category i { float: right; } .map-category .hide-button { background: #000; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; padding: 6px 0; } .gm-style-iw { width: 280px !important; } .gm-style-iw h4 { margin: 0 0 3px 0; color: #0b4fa0; font-size: 15px; } .gm-style-iw { line-height: 1.6; } .dtable.form .value .col { display: inline-block; width: 32%; } .dtable.form .value table { margin-bottom: 10px; } .dtable.form .value td { border: 0; } .note { font-size: 13px; font-weight: bold; margin-top: 10px; } .btn.disabled, .btn.disabled:hover { background: #ccc !important; cursor: default !important; } .btn.light { font-weight: 300; } .shop-btns .btn { font-size: 12px; padding: 5px 3px; margin-top: 10px; } .region-select { display: block; margin: 0 auto; width: 95%; } .actions { text-align: center; margin: 10px 0; border-top: 1px solid #ccc; } .actions a { padding: 0 5px; } .search-results h1 { margin-bottom: 20px; padding-bottom: 0; } .search-results ul { margin: 0px; padding: 0 19px; color: #0b4fa0; } .search-results .toolbar-b h3 { overflow: hidden; display: inline-block; } .search-results .toolbar-b .paging { margin-top: 10px; } .search-results .searchhl-1 { color: #268aff; } .search-results .searchhl-2 { color: #aaaaff; } .lnkactions { margin: 10px 0; font-weight: bold; } .lnkactions a { display: inline-block; margin-right: 10px; text-decoration: underline; } .lnkactions a:hover { text-decoration: none; } .btn-wrapper { padding: 20px 0; text-align: center; } .appform { display: none; } .appform iframe { width: 100%; height: 100%; border: 0; } /* RESPONSIVE */ /* tablet portrait and landscape */ @media (max-width: 990px) { /* portrait */ .main { margin-left: 12px; margin-right: 12px; } .header .mashead-b { height: 115px; } .content { padding-right: 20px; } .article .content, .section-static .content { padding-right: 0px; } .section-has-widgets { padding-right: 0px; } .section { padding: 0; } .home-featured .col-1-2 { width: auto; padding-left: 0; padding-right: 0; } .home-featured .col-1-2:first-child { float: left; display: inline-block; max-width: 390px; } .home-featured .col-1-2:last-child { float: none; overflow: hidden; padding-top: 5px; } .home-featured .img-responsive { width: 100%; max-height: 234px; } .featured-hero h1 { font-size: 28px; } .featured-hero .excerpt { font-size: 13px; } .list-view .detail { padding-right: 0px; } .featured-content { width: 50%; } .remove-sidebar .sidebar-b { display: none; } .remove-sidebar .content { float: none; width: auto; margin: 0; padding: 0; } .article .sidebar-b, .article .content, .category-list.section-reverse .sidebar-b, .category-list.section-reverse .content, .section-static.section-reverse .sidebar-b, .section-static.section-reverse .content { float: none; width: auto !important; margin: 0; } .featured-photo-video.section-reverse .content, .featured-photo-video.section-reverse .sidebar-b { float: none; width: auto; display: block; overflow: visible; text-align: center; margin: 0 auto; } .section-static.section-reverse, .section-static.section-reverse .content, .section-static.section-reverse .sidebar-b, .featured-photo-video.section-reverse, .featured-photo-video.section-reverse .content, .featured-photo-video.section-reverse .sidebar-b, .article.section-reverse, .article.section-reverse .content, .article.section-reverse .sidebar-b, .category-list.section-reverse, .category-list.section-reverse .content, .category-list.section-reverse .sidebar-b { transform: scaleY(-1); -ms-transform: scaleY(-1); -webkit-transform: scaleY(-1); } .category-list.section-reverse .section-divider.mobile, .section-static.section-reverse .section-divider.mobile { display: block; } .latest-headlines [class*='col-6'] { width: 100%; } .latest-headlines .advert { display: none; } .highlight-list [class*='col-4'] { padding-right: 0; padding-left: 0; margin-right: 2%; text-align: center; width: 48%; max-width: 300px; } .highlight-list h3 { font-size: 16px; } .related.highlight-list [class*='col-4'] { margin-right: 0; width: 33.33%; max-width: none; } .show-3 .list-view:nth-child(n+5) { display: none; } .show-6 .list-view:nth-child(n+8) { display: none; } .widget { padding: 0 10px; } .tablet { display: block; } .swiper-nav { visibility: hidden; height: 0px; } .swiper-slide { text-align: center; } .swiper-slide .caption { padding: 20px 0 0 0; text-align: left; } .swiper-holder { position: relative; display: inline-block; margin: 0 auto; } .swiper-holder .index { display: inline; position: absolute; bottom: 8px; right: 10px; color: #fff; padding: 0 5px; z-index: 500; } .slideshow-controller { display: none; } .slideshow-controller.mobile { position: absolute; display: block; width: 100%; top: 43%; left: 0; padding: 0; margin: 0 !important; height: auto !important; min-height: 0; border: 0; } .slideshow-controller.mobile .btn:hover { background: #fff; color: #0b4fa0; } .slideshow-controller.mobile .btn { float: right; background: none; color: #fff; font-family: 'Oswald', sans-serif; font-size: 35px; line-height: 22px; height: 40px; width: 25px; padding: 5px 0; text-align: center; margin: 0; vertical-align: middle; } .slideshow-controller.mobile .btn.btn-prev { float: left; } .swiper-content .swiper-slide img { padding-bottom: 40px; } .content-divider-bottom { margin-top: 20px; } .advert { margin-bottom: 0; } .crop-3 .img-responsive { width: 80%; height: auto; margin: 0; } } @media (min-width: 991px) and (max-width: 1024px){ /* landscape */ .main { margin-left: 12px; margin-right: 12px; } .section-has-widgets { padding-right: 0px; } .featured-content { max-width: 300px; padding: 0; } .grid { margin-right: 0; } } @media (max-width: 969px) { .advert-large { display: none; } .detail_text .img-responsive { max-width: 910px; width: 100%; height: auto; } } @media (max-width: 767px) { .section h1 { padding-bottom: 20px; } .content { margin-left: 0; margin-right: 0; padding-right: 0; } .footer .navbar { height: 45px !important; } .rating-table > div { width: 45%; } .rating-table > div:nth-child(even) { display: none; } .advert.float-left, .advert.float-right { float: none; text-align: center; padding: 0; margin: 20px auto; max-width: none; } .cat-view .more { margin: 12px 0 14px 0; } .cat-view .detail { padding-left: 0; } .cat-view .label { text-align: center; margin: 9px auto 0 auto; padding: 3px 15px; display: block; } .detail.cat-content h3, .featured-content h3 { margin-top: 2px; } .crop-3, .crop-2, .crop { overflow: visible; width: auto; height: auto; } .crop-2 img { max-width: 675px !important; width: 100%; height: auto; margin: 0px; } .crop-3 .img-responsive { max-width: 675px !important; width: 100%; height: auto; } } @media (max-width: 695px) { .main { margin: 0; } .header .grphead { margin-bottom: 20px; } /* image and vid responsive */ .img-responsive { max-width: 675px; width: 100%; height: auto; } .detail_text iframe, .detail_text object, .detail_text object embed { width: 100% !important; } .list-column:nth-child(1) { margin-bottom: 30px; } .home-featured .img-responsive { width: auto; max-height: none; } .breadcrumb { margin-bottom: 20px; } .section, .section.featured.home .content-has-sidebar { margin: 0 10px; } .section.featured.home { margin: 2px 0 0 0; } .featured-hero { margin: 0 10px 10px 10px; padding: 0; } .featured-content h3 { padding: 2px 0; } .featured-content img { margin-bottom: 0; } .featured-content .advert { margin: 10px auto; } [class*="col"], .home-featured .col-1-2:first-child, .sidebar-b, .content { float: none; width: auto !important; margin: 0; } [class*="col"] { max-width: none !important; padding-right: 0 !important; margin-right: 0 !important; } .highlight:before, .highlight:after, .featured-content:before, .featured-content:after { display: table; content: " "; } .highlight:after, .featured-content:after { clear: both; } .home-featured { /* border-bottom: 1px solid #adadad; */ } .home-featured .col-1-2:last-child { overflow: visible; } .featured-wrapper .featured-content { padding-left: 0 !important; padding-right: 0 !important; text-align: center; } .featured-wrapper .featured-content .detailed-url { display: block; padding: 0; margin: 0 auto 10px auto; text-align: center; } .list-view { margin-bottom: 20px; } .list-view .list-category { padding-bottom: 5px; } .list-view .detail { padding-left: 10px; } .list-view .label { display: inline-block; padding: 3px 0px 3px 3px; margin-bottom: 0; } .list-view h3 { font-size: 16px; } .featured-wrapper .featured-content .excerpt { clear: both; padding-top: 5px; margin-bottom: 20px; } .archive .pagination { text-align: center; } .list-view .list-category { margin-top: -3px; } .list-view.withcategory { margin-bottom: 25px; } .list-view.withcategory .thumb { margin-top: 0; } .list-view.withcategory h3 { margin-top: 0px; } .list-view.withcategory .label { padding-left: 0; } .section-reverse, .section-reverse .content, .section-reverse .sidebar-b { transform: scaleY(-1); -ms-transform: scaleY(-1); -webkit-transform: scaleY(-1); } .section.section-reverse { margin: 0; } .section.section-reverse .content > .grid, .section.section-reverse .sidebar-b { padding: 0 12px; } .related .highlight { margin-bottom: 10px; clear: both; width: 100%; } .highlight img { float: right; display: inline-block; width: 50%; height: auto; } .highlight h3 { max-width: none; width: 70%; text-align: left; overflow: hidden; display: block; margin-left: 0; } .highlight .info { overflow: hidden; display: block; text-align: left; max-width: none; } .featured-photo-video .featured-content { float: none; width: 100%; margin-bottom: 15px; } .featured-photo-video .excerpt { display: none; } .widget.has-border .list { border: 0; } .col-1-1 .btn { margin-top: 5px; } .btn.btn-white.float-right { margin-bottom: 5px; } .widget-divider { margin-bottom: 28px; } .widget-column .more { margin: 8px 0 35px 0; } .listings .section h1 { font-size: 34px; } .featured-category .label-category { margin-bottom: 4px; display: inline-block; } .crop-3, .crop-2, .crop { overflow: visible; width: auto; height: auto; } .crop-2 img { max-width: 675px !important; width: 100%; height: auto; margin: 0px; } .crop-3 .img-responsive { max-width: 675px !important; width: 100%; height: auto; } .appform-btn { display: none; } .appform { display: inline-block; width: 100%; height: 600px; } }