/* Theme Name: The Northbank Theme URI: http://thenorthbank.london Description: Version: 1 Author: Earth Branding Author URI: http://www.earthbranding.com Tags: */ /* Reset */ abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden],audio:not([controls]){display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6{font-weight:500}a{color:#007cba}a:focus{outline: none}li{list-style:none}abbr[title]{border-bottom:0}b,strong{font-weight:600}dfn,em,i{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,monospace;_font-family:'courier new',monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;-ms-interpolation-mode:bicubic;}label{cursor:pointer}input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;overflow:visible}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top} /* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ .column,.columns{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.container{position:relative;width:1200px;margin:0 auto;padding:0}.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:55px}.container .two.columns{width:120px}.container .three.columns{width:205px}.container .four.columns{width:280px}.container .five.columns{width:355px}.container .six.columns{width:430px}.container .seven.columns{width:505px}.container .eight.columns{width:580px}.container .nine.columns{width:655px}.container .ten.columns{width:730px}.container .eleven.columns{width:805px}.container .twelve.columns{width:880px}.container .thirteen.columns{width:955px}.container .fourteen.columns{width:1030px}.container .fifteen.columns{width:1105px}.container .sixteen.columns{width:1180px}.container .one-third.column{width:380px}.container .one-fifth.column{width:218px}.container .one-sixth.column{width:180px}.container .two-thirds.column{width:780px}.container .offset-by-one{padding-left:75px}.container .offset-by-two{padding-left:140px}.container .offset-by-three{padding-left:225px}.container .offset-by-four{padding-left:300px}.container .offset-by-five{padding-left:375px}.container .offset-by-six{padding-left:430px}.container .offset-by-seven{padding-left:525px}.container .offset-by-eight{padding-left:600px}.container .offset-by-nine{padding-left:675px}.container .offset-by-ten{padding-left:750px}.container .offset-by-eleven{padding-left:825px}.container .offset-by-twelve{padding-left:900px}.container .offset-by-thirteen{padding-left:975px}.container .offset-by-fourteen{padding-left:1050px}.container .offset-by-fifteen{padding-left:1125px}@media only screen and (min-width:768px) and (max-width:959px){.container{width:768px}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .one-fifth.column{width:131px}.container .one-sixth.column{width:108px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}}@media only screen and (min-width:960px) and (max-width:1199px){.container{width:960px}.container .one.column,.container .one.columns{width:40px}.container .two.columns{width:100px}.container .three.columns{width:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.container .eight.columns{width:460px}.container .nine.columns{width:520px}.container .ten.columns{width:580px}.container .eleven.columns{width:640px}.container .twelve.columns{width:700px}.container .thirteen.columns{width:760px}.container .fourteen.columns{width:820px}.container .fifteen.columns{width:880px}.container .sixteen.columns{width:940px}.container .one-third.column{width:300px}.container .one-fifth.column{width:170px}.container .one-sixth.column{width:140px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}}@media only screen and (max-width:767px){.container{width:300px}.container .column,.container .columns{margin:0}.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-fifth.column,.container .one-sixth.column,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:300px}.container .offset-by-eight,.container .offset-by-eleven,.container .offset-by-fifteen,.container .offset-by-five,.container .offset-by-four,.container .offset-by-fourteen,.container .offset-by-nine,.container .offset-by-one,.container .offset-by-seven,.container .offset-by-six,.container .offset-by-ten,.container .offset-by-thirteen,.container .offset-by-three,.container .offset-by-twelve,.container .offset-by-two{padding-left:0}}@media only screen and (min-width:480px) and (max-width:767px){.container{width:420px}.container .column,.container .columns{margin:0}.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-fifth.column,.container .one-sixth.column,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:420px}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.row:after{clear:both}.clearfix,.row{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} /* Clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .clear{ clear: both; } a:focus, input:focus, textarea:focus, select:focus{ outline: none; } ::-webkit-input-placeholder{ color: #383838;} :-moz-placeholder{ color: #383838; } ::-moz-placeholder{ color: #383838; } :-ms-input-placeholder{ color: #383838; } .page-template-page-christmas-php, .page-template-page-christmas-2014-php, .page-template-page-christmas-2015-php, .page-template-page-christmas-2016-php, .page-template-page-christmas-2017-php, .page-template-page-christmas-2018-php{ background-image: url("images/snow-flakes.png"); background-position: center top; background-repeat: no-repeat; } @font-face { font-family: 'ProximaNova'; src: url('./css/fonts/proxima-nova/proximanova-regular-webfont.eot?1307578394'); src: url('./css/fonts/proxima-nova/proximanova-regular-webfont.eot?iefix') format('eot'), url('./css/fonts/proxima-nova/proximanova-regular-webfont.woff?1307578394') format('woff'), url('./css/fonts/proxima-nova/proximanova-regular-webfont.ttf?1307578394') format('truetype'), url('./css/fonts/proxima-nova/proximanova-regular-webfont.svg#webfont2rpW2ohz') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ProximaNova'; font-style: italic; src: url('./css/fonts/proxima-nova/proximanova-regitalic-webfont.eot?1307578394'); src: url('./css/fonts/proxima-nova/proximanova-regitalic-webfont.eot?iefix') format('eot'), url('./css/fonts/proxima-nova/proximanova-regitalic-webfont.woff?1307578394') format('woff'), url('./css/fonts/proxima-nova/proximanova-regitalic-webfont.ttf?1307578394') format('truetype'), url('./css/fonts/proxima-nova/proximanova-regitalic-webfont.svg#webfont2rpW2ohz') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'ProximaNova'; font-weight: bold; src: url('./css/fonts/proxima-nova/proximanova-semibold-webfont.eot?1307578394'); src: url('./css/fonts/proxima-nova/proximanova-semibold-webfont.eot?iefix') format('eot'), url('./css/fonts/proxima-nova/proximanova-semibold-webfont.woff?1307578394') format('woff'), url('./css/fonts/proxima-nova/proximanova-semibold-webfont.ttf?1307578394') format('truetype'), url('./css/fonts/proxima-nova/proximanova-semibold-webfont.svg#webfont2rpW2ohz') format('svg') } @font-face { font-family: 'ProximaNova'; font-weight: bold; font-style: italic; src: url('./css/fonts/proxima-nova/proximanova-semibolditalic-webfont.eot?1307578394'); src: url('./css/fonts/proxima-nova/proximanova-semibolditalic-webfont.eot?iefix') format('eot'), url('./css/fonts/proxima-nova/proximanova-semibolditalic-webfont.woff?1307578394') format('woff'), url('./css/fonts/proxima-nova/proximanova-semibolditalic-webfont.ttf?1307578394') format('truetype'), url('./css/fonts/proxima-nova/proximanova-semibolditalic-webfont.svg#webfont2rpW2ohz') format('svg') } @font-face { font-family: 'ProximaNova'; font-weight: 300; src: url('./css/fonts/proxima-nova/proximanova-light-webfont.eot?1307578394'); src: url('./css/fonts/proxima-nova/proximanova-light-webfont.eot?iefix') format('eot'), url('./css/fonts/proxima-nova/proximanova-light-webfont.woff?1307578394') format('woff'), url('./css/fonts/proxima-nova/proximanova-light-webfont.ttf?1307578394') format('truetype'), url('./css/fonts/proxima-nova/proximanova-light-webfont.svg#webfont2rpW2ohz') format('svg') } .proximaNova{ font-family: 'ProximaNova', Arial; } div, article, section, header, footer, nav, li { position:relative; } .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; } body { background:#fff; } ::-moz-selection { background:#ff0; color:#333; } ::selection { background:#ff0; color:#333; } img.block{ display: block; } body, input, textarea, select, li, h1, h2, h3, h4, h5, h6, p { font-family: "ProximaNova", Arial, sans-serif; } h1, h2, h3, h4, h5, h6{ font-weight:500;} p{ line-height: 1.3em; margin-bottom: 1em; } a, input[type="submit"]{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .content p{ font-size: 18px; line-height: 1.5em; } .content ul, ol{ margin: 0 0 16px 20px; } .content ul li{ margin: 0 0 8px 10px; list-style: disc; font-size: 18px; line-height: 1.5rem; } .content ol li{ margin: 0 0 8px 10px; list-style: decimal !important; font-size: 18px; line-height: 1.5rem; } .content a, .content a:visited, .content a:link{ text-decoration: underline; } .content img{ max-width: 100% !important; height: auto; } img.scale{ max-width: 100%; height: auto; } img.scale90{ max-width: 90%; height: auto; } img.scale80{ max-width: 80%; height: auto; } img.scale70{ max-width: 70%; height: auto; } img.scale60{ max-width: 60%; height: auto; } img.scale50{ max-width: 50%; height: auto; } img.scale40{ max-width: 40%; height: auto; } img.scale30{ max-width: 30%; height: auto; } img.scale20{ max-width: 20%; height: auto; } img.scale10{ max-width: 10%; height: auto; } a, a:visited, a:link{ color: #007cba; text-decoration: none; } a:hover{ color: #063F5D; text-decoration: underline; } #top, #right, #bottom, #left{ background: #007cba; } #left, #right{ position: fixed; z-index: 10000; top: 0; bottom: 0; width: 9px; } #left{ left: 0; } #right{ right: 0; } #top, #bottom{ height: 9px; width: 100%; } #top{ position: relative; } #bottom{ position: relative; } .black{ color: #000000 !important; } .underline{ text-decoration: underline !important; } .darkGrey{ color: #424242 !important; } .blueGradient{ background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #1D7CB7), color-stop(1, #196BAA) ); background-image: -o-linear-gradient(bottom, #1D7CB7 0%, #196BAA 100%); background-image: -moz-linear-gradient(bottom, #1D7CB7 0%, #196BAA 100%); background-image: -webkit-linear-gradient(bottom, #1D7CB7 0%, #196BAA 100%); background-image: -ms-linear-gradient(bottom, #1D7CB7 0%, #196BAA 100%); background-image: linear-gradient(to bottom, #1D7CB7 0%, #196BAA 100%); background-color: #196BAA; } .greyGradient{ background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #373838), color-stop(1, #2C3235) ); background-image: -o-linear-gradient(bottom, #373838 0%, #2C3235 100%); background-image: -moz-linear-gradient(bottom, #373838 0%, #2C3235 100%); background-image: -webkit-linear-gradient(bottom, #373838 0%, #2C3235 100%); background-image: -ms-linear-gradient(bottom, #373838 0%, #2C3235 100%); background-image: linear-gradient(to bottom, #373838 0%, #2C3235 100%); background-color: #2C3235; } hr { border-color:#e1e1e1; border-style:solid; border-width:0 0 1px; clear:both; height: 30px; margin: 0 0 30px 0; padding:0; } .light-blue-border{ border-color: #cfecf3; } .hr-search-margins{ margin: 40px 0 30px; } .search-excerpt p{ line-height: 1.5em; } .alignCenter{ text-align: center; } .alignLeft{ text-align: left; } .alignRight{ text-align: right; } .search-container{ display: none; padding-top: 9px; } #site-search input[type='text']{ width: 68%; padding: 10px 1%; float: left; border: none; border-left: 1px solid #CFD1D2; font-size: 20px;} #site-search input[type='submit']{ padding: 10px 2%; float: left; border: none; background-color: #007cba; color: #fff; font-weight: bold;} .open-search, .close-search{ text-decoration: none !important; width: 25px; height: 25px; position: absolute; top: 10px; right: 0; background-size: 25px 25px; background-repeat: no-repeat; } .open-search{ background-image: url(images/icon-search.png); } .close-search{ background-image: url(images/icon-close.png); } .open-search::before, .close-search::before{ padding-right: 6px; } .blue{color: #007CBA !important;} .grey{color: #383838 !important;} .white{color: #ffffff !important;} .bold{font-weight: bold !important;} div.logo{ margin: 0 auto 0 auto; width: 180px; padding: 40px 0 40px 0; clear: both; } .dotted-line-headline{ background-image: url(images/textures/blue-dotted-line.png); background-repeat: repeat-x; background-position: 50% 50%; margin: 60px 0 30px 0; font-weight: 300; clear: both; } .dotted-line-headline span{ background-color: #ffffff; display: inline-block; padding: 0 30px 0 30px; text-transform: uppercase; letter-spacing: 1px; font-size: 20px; background-image: url(images/textures/circle.png), url(images/textures/circle.png); background-position: left 46%, right 46%; background-repeat: no-repeat; } h1.dotted-line-headline, h2.dotted-line-headline{ font-size: 26px; line-height: 28px; } h1{ font-size: 30px; line-height: 32px; } h2{ font-size: 26px; line-height: 28px; } h3{ font-size: 22px; line-height: 24px; } div.header { position: relative; } h1#featuredImageTitle { color: #FFFFFF; font-size: 56px; font-weight: 300; left: 30px; letter-spacing: 2px; line-height: 1.1; position: absolute; text-transform: uppercase; top: 92px; text-align: left; width: 44%; } h1#featuredImageTitle.entertainment { right: 30px; top: 92px; left: auto; text-align: right; } .single h1, .page h1{ margin-bottom: 20px; } .round-icons img{ display: block; margin: 0 auto 10px auto; } .round-icons h3{ text-transform: uppercase; margin-bottom: 20px; font-size: 20px; letter-spacing: 1px; } .round-icons p{ margin-bottom: 20px; } .round-icons.small h3{ font-size: 14px; } .round-icons.small h3 a{ color: #383838; } .latest img{ display: block; margin: 0 0 20px 0; } .latest h3{ margin-bottom: 20px; } .latest p{ margin-bottom: 20px; } .newsletter .form-container{ padding-bottom: 40px; } .newsletter h3{ padding: 40px 0 30px 0; } .newsletter .wpcf7-text{ font-size: 16px; padding: 8px 2% 8px 2%; width: 96%; border: none; background-color: #eeedec; display: block; margin: 0 0 10px 0; position: relative; } .newsletter .wpcf7-submit{ color: #ffffff; font-size: 16px; cursor: pointer; background-color: #063F5D; padding: 8px 2% 8px 2%; width: 100%; border: none; margin: 0 0 10px 0; } .newsletter .wpcf7-submit:hover{ background-color: #383838; } .newsletter div.wpcf7-response-output{ clear: both; text-align: center; color: #ffffff; font-size: 16px; } .newsletter div.wpcf7-validation-errors { border: none; } .newsletter .wpcf7-not-valid{ background-color: #f9a1a1 !important; } .newsletter span.wpcf7-not-valid-tip { position: relative; top: 0; left: 0; border: none; background-color: transparent; color: #ffffff; font-size: 16px; width: 94%; padding: 6px; margin: 0 0 20px 0; display: block; } .thumbnail img{ border: 1px solid #e1e1e1; } ul.events-categories{ padding-bottom: 20px; } ul.events-categories li{ margin: 0 0 10px 0; } ul.events-categories li a{ border: 1px solid #007cba; color: #007cba; text-decoration: none; padding: 10px 10px 10px 90px; display: block; background-repeat: no-repeat; background-position: 0 50%; background-size: 80px 80px; line-height: 70px; font-size: 18px; } ul.events-categories li a:hover{ color: #063F5D; } ul.events-categories li.shopping a{ background-image:url(images/icons/shopping.png); } ul.events-categories li.food-and-drink a{ background-image:url(images/icons/food-and-drink.png); } ul.events-categories li.hotels a{ background-image:url(images/icons/hotels.png); } ul.events-categories li.attractions a{ background-image:url(images/icons/attractions.png); } ul.events-categories li.entertainment a{ background-image:url(images/icons/entertainment.png); } ul.events-categories li.the-northbank a{ background-image:url(images/icons/the-northbank.png); } ul.events-categories li.safe-and-secure a{ background-image:url(images/icons/safe-and-secure.png); } ul.events-categories li.public-realm-and-environment a{ background-image:url(images/icons/public-realm-and-environment.png); } ul.events-categories li.marketed-and-promoted a{ background-image:url(images/icons/marketed-and-promoted.png); } ul.events-categories li.corporate-social-responsibility a{ background-image:url(images/icons/corporate-social-responsibility.png); } ul.events-categories li.tfljourneyplanner a{ background-image:url(images/icons/tfl-journey-planner.png); } div.more-info{ position: absolute; top: 0; left: 0; width: 100%; display: none; } div.more-info * { color: #ffffff; } div.more-info .wrapper{ background-color: rgba(0, 123, 185, .8); margin: 40px; padding: 40px; height: 330px; } div.more-info h2{ margin-bottom: 20px; } div.more-info p{ line-height: 1.3em; } div.more-info .left{ width: 50%; margin-right: 30%; float: left; } div.more-info .right{ width: 20%; float: right; } div.more-info .find-more-logo img{ float: right; margin-bottom: 60px; } div.more-info .find-more{ clear: both; } div.more-info .find-more a{ border: 1px solid #ffffff; padding: 10px 15px 10px 15px; display: inline-block; text-align: center; float: right; } div.more-info .find-more a:hover{ text-decoration: none; background-color: #063F5D; } p.intro-text{ font-size: 18px; line-height: 1.4em; color: #007cba; margin-bottom: 25px; } p.large-font{ font-size: 30px; font-weight: 300; } div.gap{ height: 60px; clear: both; } div.gapHalf{ height: 30px; clear: both; } div.offer{ margin-bottom: 30px; } /* FlexSlider v2.2.0 */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('css/fonts/flexslider/flexslider-icon.eot'); src:url('css/fonts/flexslider/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('css/fonts/flexslider/flexslider-icon.woff') format('woff'), url('css/fonts/flexslider/flexslider-icon.ttf') format('truetype'), url('css/fonts/flexslider/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 40px 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {height: 0;} .flex-direction-nav a { display: block; width: 40px; height: 40px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -36px; text-align: center; z-index: 100; } .flex-control-nav li {margin: 0 8px; display: inline-block; zoom: 1; display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #565656; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #007bbc; background: rgba(0, 123, 185, .7); } .flex-control-paging li a.flex-active { background: #007bbc; background: rgba(0, 123, 185, .9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .twitterIcon{ float: left; display: block; margin-top: 10px; } .twitter-feed{ display: block; width: 1180px; } .twitter-feed .rtw_wide_icon{ display: none; } .twitter-feed .rtw_wide_block{ padding-left: 0; text-align: left; } .twitter-feed a{ text-decoration: underline; } .twitter-feed a:hover{ text-decoration: none; } .twitter-feed .rtw_main { /* padding: 0 0 0 40px; */ } .twitter-feed .rtw_info{ display: none; } .twitter-feed p.rtw_main{ font-size: 0.8em; line-height: 47px; margin: 0 !important; min-height: 47px; } .twitter-feed .rtw_name, .twitter-feed .rtw_meta, .twitter-feed .rtw_rt_meta{display: none;} .rotatingtweets{ margin-left: 40px; } .newsletter-box{ width: 123px; height: 122px; float: right; font-size: 0.85em; position: absolute; bottom: 30px; right: 30px; background-image: url(images/newsletter-round.png); background-repeat: no-repeat; } .newsletter-box a{ width: 123px; height: 92px; padding-top: 30px; line-height: 20px; text-align: center; color: #ffffff; display: block; text-decoration: none;} .newsletter-box a:hover{ text-decoration: underline; } /* Bullet Points CSS */ .bullet{ font-size: 16px; line-height: 22px; } .bullet-intro{color: #007CBA;} .bullet ul li{list-style: disc;margin: 0 10px 10px 15px;} .bullet ul > li{ color: #007CBA; } .bullet ul > li > span{ color: #383838; font-weight: normal;} /* div.privilege-card{ background-color: #037CBA; } div.privilege-card p, div.privilege-card li, div.privilege-card a, div.privilege-card h1, div.privilege-card h2, div.privilege-card h3, div.privilege-card h4, div.privilege-card h5, div.privilege-card h6{ color: #ffffff !important; } div.privilege-card .dotted-line-headline span{ background-color: #037CBA; color: #ffffff; background-image: url(/wp-content/themes/northbank/images/textures/circle-white.png), url(/wp-content/themes/northbank/images/textures/circle-white.png); } */ ul.privilege-card-nav{ padding-bottom: 20px; } ul.privilege-card-nav li{ margin: 0 0 10px 0; } ul.privilege-card-nav li a{ border: 1px solid #ffffff; background-color: #196BAA; color: #ffffff; text-decoration: none; padding: 30px 20px; display: block; font-size: 24px; font-weight: 300;} ul.privilege-card-nav li a:hover{ color: #ffffff; background-color: #157db7; } .privilege-category a{ display: block; border: 1px solid #ffffff; padding: 2% 8% 2% 2%; text-decoration: none !important; text-align: left; background-color: #196BAA; width: 34%; float: left; margin: 0 5px 10px 5px; background-image:url(images/icons/white-tick.png); background-position: 92% 50%; background-repeat: no-repeat; background-size: 15px 18px; color: #ffffff; } .privilege-category a.exclude{ background-image: none; } .privilege-category a:hover{ background-color: #157db7; } div.privilege-card p.intro-text{ font-size: 28px; line-height: 30px; } /* div.privilege-card .thumbnail img{ border: none; } */ .one-third p{ padding-left: 20px; padding-right: 20px; } .one-third h3{ padding-left: 20px; padding-right: 20px; } .offer-details, .offer-terms{ margin-bottom: 60px; } .offer-details p, .offer-details li{ font-size: 24px; line-height: 30px; } p.introText{ font-size: 2em; line-height: 1.4em; color: #007cba; margin-bottom: 25px; } p.theBidIntroText{ font-size: 1.625em; line-height: 1.4em; color: #007cba; margin-bottom: 25px; } p.quote { background: url("images/quotes.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #007CBA; font-size: 1.625em; line-height: 1.4em; margin-bottom: 25px; padding-left: 40px; font-weight: 300; } .freeholderLeft { margin: 0 0 0 60px; font-size: 1.2em; } p.freeholderQuote { background: url("images/quotes.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #007CBA; font-size: 1.625em; line-height: 1.4em; margin-bottom: 25px; padding-left: 40px; margin-left: 20px; font-weight: 300; } img.quote { margin: 0 0 0 28px; } img.quoteBottom { margin: 0 0 30px 60px; } .marginTop{ margin-top: 40px; } .marginBottom{ margin-bottom: 40px; } table.the-board { margin-bottom: 30px; border-collapse: collapse; } table.the-board td { text-align:center !important; vertical-align:middle !important; padding: 8px 5px !important; } table.the-board td.left { text-align:left !important; vertical-align:middle !important; padding: 8px 5px !important; } table.the-board td img { text-align:center !important; vertical-align:middle !important; padding: 8px 5px !important; } td.left { font-size: 15px; } td.left.blue { font-size: 18px; line-height: 24px; } table.the-board tr.gray { background-color: #f2f8fc !important; } table.the-board th { text-align:left !important; vertical-align:top !important; padding: 10px 5px !important; background-color: #fff !important; color: #777 !important; font-size: 15px; text-transform: uppercase; } th.border, td.border { border-right: 1px #e9e8e7 !important; border-left: 1px #e9e8e7 !important; } .the-board-mobile-cell { border-top: 1px solid #ccc !important; padding: 20px 0 20px 0 !important; } .the-board-mobile-cell-no-border { border-top: none !important; padding: 0 0 20px 0 !important; } .the-board-mobile-cell p, .the-board-mobile-cell-no-border p { margin-bottom: 0px !important; } .observersTitle{ color: #777; font-size: 15px; text-transform: uppercase; margin: 10px 0 15px 10px } ul.observers li { list-style-type: none !important; float: left; margin: 0 40px 0 0; } #observersRight img{ float: left; margin: 0 0 0 10px; } #observersRight p{ float: left; margin: 0 0 0 30px; font-size: 16px; } #observersTable { font-size: 1em; line-height: 30px; margin: 30px 0 0 0; } #observersTable tr.bg, #observersTable tr:nth-child(odd){ background-color: #f2f8fc; } #observersTable td.blue{ border-left: 1px solid #ccc; } #observersTable td{ padding: 6px; width: 50%; line-height: 18px; } .observerRightTitle { margin: 0 0 20px 0 !important; text-transform: uppercase; color: #4d4d4d; font-size: 15px; } h1.contactFormTitle { color: #007CBA; font-size: 18px; line-height: 1.4em; margin-bottom: 10px; text-transform: uppercase; } h1.contactFormTitleLeft { color: #007CBA; font-size: 18px; line-height: 1.4em; margin-bottom: 10px; text-transform: uppercase; } .contactFormP { color: #007CBA; font-size: 18px; line-height: 1.4em; margin-bottom: 25px; } input.contactFormSubmit { background-color: #007cba !important; color: #fff !important; width: 81% !important; border: none !important; padding: 5px 0; } .contactFormText { width: 80%; } .contactFormTextArea { width: 80%; } div.wpcf7-response-output { margin: 1em 4.5em 0.6em 0em !important; padding: 0.2em 1em !important; } div.wpcf7-validation-errors { border: 2px solid #FF0000 !important; } .wpcf7-form input, textarea { border: 1px solid #e8e8e8 !important; line-height: 23px !important; } span.wpcf7-form-control-wrap { line-height: 26px !important; position: relative !important; } div.wpcf7-response-output { margin: 2em 0.5em 0 !important; padding: 0.2em 1em !important; width: 74% !important; } ::-webkit-input-placeholder { opacity: 1; color: #333333;} :-moz-placeholder { opacity: 1; color: #333333;} ::-moz-placeholder { opacity: 1; color: #333333;} :-ms-input-placeholder { opacity: 1; color: #333333;} /* Development Pipeline */ .quote-person{ font-size: 13px !important; color: #565555; text-transform: uppercase; margin: 0 0 0 40px; } #development-pipeline img{ float: left; margin: 0 10px 0 10px; } #development-pipeline p{ margin: 0 0 0 30px; font-size: 16px; } .dev-pipe-right{ padding: 15px; } .dev-pipe-right span.blue{ font-size: 19px; } .dev-pipe-left{ float: left; } .dev-pipe-right p{ background-image: url('images/icons/light-bulb.png'); background-repeat:no-repeat; background-position: center left; padding: 0 0 0 28%; margin: 0 !important; } #development-pipeline-right{ margin: 30px 0 0 0; border: 1px solid #007CBA; } .newquote:before { content: ""; background: url('images/openQuote.png') no-repeat; top: 5px; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } .newquote{ font-size: 26px; padding: 0 0 0 30px; font-family: 'ProximaNova'; font-weight: 100; } .closeQuote { left: 382px; position: relative; top: -53px; } .newquotedBy { text-transform: uppercase; font-size: 13px !important; color: #565555; } .newquotedBy p { margin-bottom: 0; font-size: 13px !important; } a.seeMoreDevelopments { text-align: center; padding: 5px 20px; background-color: #007cba; color: #fff; display: block; margin: 30px 0; text-transform: uppercase; font-family: 'ProximaNova'; font-weight: 100; } .newquote p:after { content: ""; background: url('images/closeQuote.png') no-repeat; top: 5px; /*left: 10px; bottom: 0; right: 0;*/ margin:0 0 0 2%; position: relative; z-index: -1; display: inline-block; width: 25px; height: 25px; } /* The Northbank */ .caption { font-size: 14px; font-weight: bold; } .sidebarImage { margin-top: 100px !important; } .marketed-and-promoted-box { border: 2px solid #007CAB; padding: 10px; } table#marketedandpromotable { } #marketedandpromotable td.left { width: 50%; vertical-align: middle; text-align: center; height: 100px; } #marketedandpromotable td.right { width: 50%; vertical-align: middle; text-align: left; } .blue.percent { font-size: 2.4em; font-family: 'ProximaNova'; font-weight: 300; } .centLocImgTitle { font-size: 1.266667em; } .centLocContainer p,.centLocContainer a { margin: 0 0 0 0; } .centLocContainer p.middle { margin: 10px 0 15px 0; } .centLocText { border: 1px solid #007cab; margin: 0 16%; padding: 20px; } .bridge { margin: 0 0 0 0 !important; } ul.events-categories li a.journey-planner { background-position: 6% 50%; background-repeat: no-repeat; background-size: 83px 67px; border: 1px solid #007CBA; color: #007CBA; display: block; font-size: 18px; line-height: 80px; padding: 10px 10px 10px 120px; text-decoration: none; } li.tfljourneyplanner a.journey-planner:hover{ color: #063F5D; text-decoration: underline; } #slider.flexslider ul.slides li h3.flex-caption, .metaslider .caption{ font-size: 22px; line-height: 24px; position: relative; text-align: center; bottom: 0; padding: 10px 0 !important; background-color: rgba(0,124,186,0.6); text-transform: uppercase; color: #fff; font-weight: normal; } .flexslider .caption-wrap{ background: none !important; } .date { font-size: 14px; margin: -10px 0 10px 0 !important; color: #777 } .read-all-news{ clear: both; padding: 10px 0 10px 0; } .read-all-news a{ display: block; padding: 15px 20px; color: #ffffff; font-size: 16px; background-color: #007cba; margin: 0 auto; width: 120px; text-align: center; } .read-all-news a:hover{ background-color: #063F5D; text-decoration: none; } span.error{ color: #ff0000; font-weight: bold; } strong{ font-weight: bold !important; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } #captcha-container{ width: auto; padding-bottom: 20px; } #custom-forms table{ margin: 10px 0 10px 0; border: none !important; } #custom-forms table td{ border: none !important; background-color: #ffffff !important; padding: 0 0 10px 0 !important; } #custom-forms label{ cursor: pointer; font-weight: bold; } #custom-forms input[type=text], #custom-forms input[type=password], #custom-forms input[type=submit], #custom-forms textarea{ font-size: 16px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; border: 1px solid #777777; width: 80%; background-color: #e2f4fd; } #custom-forms input[type=text]:focus, #custom-forms input[type=password]:focus, #custom-forms input[type=submit]:focus, #custom-forms textarea:focus{border: 1px solid #333333; background-color: #ffffff; } #custom-forms input.recaptcha_response_field{ line-height: 16px; } #custom-forms input.recaptcha_response_field:focus{ border: 1px solid #e2f4fd !important; background-color: #e2f4fd !important; } #custom-forms textarea{ height: 150px; width: 90%; margin-bottom: 30px;} #custom-forms input[type=submit]{ cursor: pointer; font-weight: bold; background-color: #146aa9; color: #ffffff; } #custom-forms input[type=submit]:hover{ background-color: #157db7; color: #ffffff; } #custom-forms .recaptcha_only_if_privacy a{ color: #007cba !important; } img.card-image{ position: absolute; z-index: 100; bottom: -130px; } table#travel td { padding: 5px; border: 1px solid #000; } table{ margin-bottom: 30px; } /*table tr:nth-child(even) { background-color: #f2f8fc; }*/ table tr:nth-child(odd) { background-color: #ffffff; } table td{ padding: 8px; border: 1px solid #e1e1e1; border-collapse: collapse; vertical-align: top; } /*Dev Single Page */ h1.dev-title{ font-size: 36px; text-transform: uppercase; margin-bottom: 15px; } div.addressLineone p { margin: 0 !important; padding: 0 !important; line-height: 14px !important; } div.addressLinetwo p { margin: 0 0 20px 0 !important; padding: 0 !important; } .dev-single-img-container { max-width: 392px; } img.dev-single { margin-bottom: 20px; max-width: 392px; } ul.dev-single { list-style: none; margin-left: 0; padding-left: 1em; } ul.dev-single-list { margin: 0 0 16px 6px; } ul.dev-single-list li { list-style: none outside none !important; margin: 0 0 8px 10px; } ul.dev-single-list li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; } .dev-right-large { font-size: 18px; } .dev-right-small { font-size: 12px; } .uppercase { text-transform: uppercase; } div.dev-right-content p { line-height: 20px; margin: 0; padding: 0; } /*-----------*/ div.content p a img { display: block; margin: 0 auto; text-align: center; } p a.anchor { display: block; position: relative; top: 180px !important; visibility: hidden;} /* Business Directory Page */ div.business-directory-entry{ margin-bottom: 5px; margin-left: 18px; } div.business-directory-entry a { text-decoration: none; font-family: Georgia,"Times New Roman",Times,serif; } div.business-directory-entry a:hover{ text-decoration: underline; } ul.sectors { list-style-type: none; padding-left: 18px; } ul.sectors li a{ font-size: 25px; } ul.sectors ul.children{ display: none; margin: 0 0 0 10px; padding: 0 0 0 10px; } ul.sectors li.current-cat ul.children{ display: block; } .business-directory-entry-title { font-size: 25px; } div.business-directory-entry p a.web-link{word-break:break-all;word-wrap: break-word;font-size: 25px;} div.business-directory-entry h2{font-size: 1.5em;line-height: 1em;margin: 0;font-weight: normal;letter-spacing: 1px;} .webLink{margin: 0 0 30px 0;} #search-network{ padding: 0 20px; margin-bottom: 20px; } #search-network input[type=text]:focus{ outline: none; } #search-network input[type=text]{ width: 244px; padding: 8px 5px; margin: 0 0 5px 0; border: 1px solid #e1e1e1; } #search-network input[type=submit]{ float: right; border: 0; margin: 0; padding: 10px; color: #EC1A1B; background-color: #ffffff; border: 1px solid #EC1A1B;} #search-network input[type=submit]:hover{ background-color: #EC1A1B; color: #ffffff; } .catListItem { height: 85px; border: 1px solid #007CBA; margin: 0 0 20px 0; text-align: left; } .catListItem a { display: block; height: 85px; padding: 10px 70px 0 10px; line-height: 22px; } .catListItem:hover { color: #fff; background-color: #007CBA; } .catListItem:hover a{ color: #fff; text-decoration: none !important; } .listing { border-top: 1px solid #007CBA; } .business-directory-card{ border-top: 1px solid #007CBA; padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px; } .business-directory-card p{ margin-bottom: 7px; } .business-directory-card p:last-of-type{ margin-bottom: 0; } #searchform hr{ margin: 15px 0 15px 0; } #searchform input[type="text"]{ padding: 8px; font-size: 14px; color: #424242; width: 240px; float: right; border: 1px solid #424242; margin-bottom: 15px; } #searchform input[type="submit"]{ float: right; padding: 10px 15px; background-color: #007CBA; color: #ffffff; border: none; } #searchform input[type="submit"]:hover{ background-color: #424242; color: #ffffff; } #searchform select{ float: right; } div.gallery-thumbnail{ text-align: center; margin-bottom: 50px; } div.gallery-thumbnail img{ display: block; margin: 0 auto 15px auto; } .map-pin{ position: absolute; z-index: 10; } .development-map{ position: relative;} .pipeline-screengrab-mobile{ display: none; } .search-result-page-title{ color: #ffffff; padding: 50px 0; font-size: 50px; font-weight: 300; } div.one-third.thumbnail.column.gallery-thumbnail h3 { min-height: 30px; margin-bottom: 10px; } .galleryBack { padding: 0 0 0 30px; font-size: 12px; } .galleryBack:hover { text-decoration: none; } @media only screen and (min-width: 1200px){ .page-id-1516 h1#featuredImageTitle{ width: 690px; } .background-map { position: relative;z-index: 1;} .pointer1{ top: 63px;left: 834px;} .pointer2a { left: 815px; top: 150px;} .pointer3 { left: 830px; top: 250px;} .pointer4 { left: 930px; top: 270px;} .pointer5 { left: 960px; top: 290px;} .pointer6 { left: 980px; top: 175px;} .pointer7 { left: 1005px; top: 360px;} .pointer8 { left: 150px; top: 740px;} .pointer9{left: 480px; top: 515px;} .pointer10 { left: 865px; top: 115px;} .pointer2 { left: 700px; top: 310px;} .pointer12 { left: 490px; top: 530px;} .pointer13 { left: 900px; top: 125px;} .galleryBack{ padding: 0; font-size: 12px; } } @media only screen and (min-width: 960px) and (max-width: 1199px){ ul.events-categories li a{ padding: 10px 10px 10px 80px; background-size: 70px 70px; } div.more-info .wrapper{ margin: 10px; padding: 20px; } .bullet{border: 1px solid #007CBA;padding: 10px;} .twitter-feed p.rtw_main{ line-height: 18px; margin: 0 !important; height: auto; overflow: visible; padding-top: 10px; } .twitterIcon{ margin-top: 16px; } #the-board-mobile { display: none; } .dev-pipe-right p{ padding: 0 0 0 32%; } h1#featuredImageTitle{ top: 50px; } img.card-image{ width: 300px; bottom: -100px; } .page-id-1516 h1#featuredImageTitle{ width: 690px; } img.pointer{ height: auto; max-width: 35px !important;} .pointer1 { left: 666px; top: 51px; } .pointer2a { left: 650px; top: 130px;} .pointer3 { left: 670px; top: 200px;} .pointer4 { left: 750px; top: 200px;} .pointer5 { left: 770px; top: 220px;} .pointer6 { left: 780px; top: 145px;} .pointer7 { left: 825px; top: 280px;} .pointer8 { left: 120px; top: 590px;} .pointer9{left: 385px; top: 415px;} .pointer10 { left: 685px; top: 90px;} .pointer2 { left: 560px; top: 250px; } .pointer12 { left: 392px; top: 424px; } .pointer13 { left: 725px; top: 110px;} .galleryBack{ padding: 0; font-size: 12px; } h1#featuredImageTitle { font-size: 48px; } } @media screen and (min-width: 960px){ .mobile{ display: none !important; } #the-board-mobile { display: none; } .page-id-1516 h1#featuredImageTitle{ width: 690px; } .bullet{border: 1px solid #007CBA;padding: 20px;} .galleryBack { padding: 0 0 0 5px; font-size: 12px; } } @media screen and (max-width: 959px){ .privilege-category a{ float: none; margin: 0 0 10px 0; width: auto; background-position: 96% 50%; } .galleryBack { padding: 0; font-size: 12px; } h1#featuredImageTitle { font-size: 40px; } } @media screen and (min-width: 768px) and (max-width: 959px){ .dotted-line-headline span{ font-size: 16px; } .round-icons h3{ font-size: 16px; } div.logo{ width: 160px; padding: 30px 0 30px 0; } .dotted-line-headline{ margin: 50px 0 25px 0; } ul.events-categories li a{ padding: 0 0 0 60px; background-size: 50px 50px; font-size: 14px; } div.more-info .wrapper{ margin: 8px; padding: 10px; height: 275px; } div.more-info .left{ width: 70%; margin-right: 10%; } .bullet{border: 1px solid #007CBA;padding: 10px;} .twitter-feed p.rtw_main{ line-height: 18px; margin: 0 !important; height: auto; overflow: visible; padding-top: 10px; } .twitterIcon{ margin-top: 16px; } #the-board-mobile { display: none; } .dev-pipe-right p{ padding: 0 0 0 42%; } h1#featuredImageTitle{ top: 20px; } img.card-image{ width: 250px; bottom: -100px; } .page-id-1516 h1#featuredImageTitle{ width: 690px; } .catListItem{ height: 110px; } .mobile{ display: none; } .galleryBack { padding: 0; font-size: 12px; } img.pointer{ height: auto; max-width: 30px !important;} .pointer1 { left: 526px; top: 37px; } .pointer2a { left: 515px; top: 105px;} .pointer3 { left: 530px; top: 155px;} .pointer4 { left: 590px; top: 160px;} .pointer5 { left: 600px; top: 185px;} .pointer6 { left: 620px; top: 115px;} .pointer7 { left: 650px; top: 225px;} .pointer8 { left: 100px; top: 465px;} .pointer9{left: 305px; top: 325px;} .pointer10 { left: 545px; top: 70px;} .pointer2 { left: 440px; top: 200px; } .pointer12 { left: 308px; top: 333px; } .pointer13 { left: 575px; top: 80px; } .search-container{ display: none; padding-top: 9px; } #site-search input[type='text']{ width: 54%; } #site-search input[type='submit']{} .open-search, .close-search{ right: 80px; } } @media screen and (max-width: 767px){ div.gap{ height: 30px; } .search-result-page-title{ padding: 30px 0; font-size: 24px; } .search-container{ display: none; padding-top: 9px; } #site-search input[type='text']{ width: 54%; } #site-search input[type='submit']{} .open-search, .close-search{ clear: both; display: block; position: relative; margin-top: 9px; } .open-search{ margin-bottom: -30px; } .galleryBack { padding: 0; font-size: 12px; } } @media screen and (max-width: 767px){ .desktop{ display: none !important; } div.logo{ width: 140px; padding: 10px 0 10px 0; } .dotted-line-headline{ margin: 20px 0 20px 0; } div.more-info{ width: 0; height: 0; left: -1000px; } .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} #the-board-mobile { display: none; } ul.observers li{ float: none; } ul.observers li img{ display: block; margin: 15px auto;} h1#featuredImageTitle{ display: none; } .round-icons img{ max-width: 40% !important; } .page-id-1516 h1#featuredImageTitle{ width: 340px; } div.gallery-thumbnail{ margin-bottom: 20px !important; } .galleryBack { padding: 0; font-size: 12px; } } @media screen and (min-width: 480px) and (max-width: 767px) { .twitter-feed p.rtw_main{ line-height: 18px; margin: 0 !important; height: auto; overflow: visible; padding-top: 10px; } .twitterIcon{ margin-top: 16px; } #the-board-mobile { display: none; } img.card-image{ width: 200px; bottom: -70px; } h1#featuredImageTitle{ font-size: 26px; top: 20px; } .catListItem{ margin-bottom: 20px !important; } img.pointer{ height: auto; max-width: 14px !important;} .pointer1{ left: 300px; top: 23px; } .pointer2a { left: 290px; top: 60px;} .pointer3 { left: 305px; top: 90px;} .pointer4 { left: 330px; top: 95px;} .pointer5 { left: 340px; top: 105px;} .pointer6 { left: 348px; top: 67px;} .pointer7 { left: 360px; top: 130px;} .pointer8 { left: 55px; top: 265px;} .pointer9{left: 175px; top: 190px;} .pointer10 { left: 315px; top: 45px;} .pointer2{ left: 250px; top: 115px; } .pointer12{ left: 176px; top: 190px; } .pointer13{ left: 324px; top: 50px; } .galleryBack { padding: 0; font-size: 12px; } } @media screen and (max-width: 479px){ .dotted-line-headline{ background-image: none; border-bottom: 2px solid #007cba; } .dotted-line-headline span{ background-image: none; } .flexslider { margin: 0 0 80px 0; } .flex-control-nav li {margin: 0 12px;} .bullet{border: none; padding: none;} .twitter-feed p.rtw_main{ line-height: 18px; margin: 0 !important; height: auto; overflow: visible; padding-top: 10px; } .twitterIcon{ margin-top: 16px; } .newsletter-box{ position: relative; margin: 20px auto 20px auto; float: none; bottom: auto; right: auto; } table.the-board { display: none; } #the-board-mobile { display: block; } .dev-pipe-right p{ padding: 0 0 0 32%; } #custom-forms input[type=text], #custom-forms input[type=password], #custom-forms input[type=submit], #custom-forms textarea{ width: 60%; } img.card-image{ width: 150px; bottom: -50px; } h1#featuredImageTitle{ display: none; } .catListItem{ margin-bottom: 10px !important; } .developement-map{display: none !important;} .modal-window .columns{ width: 250px !important; } .pipeline-screengrab-mobile{ display: block; } .galleryBack { padding: 0; font-size: 12px; } } table.developments{ margin-bottom: 0; } div.developmentsOutline{ border: 1px solid #007cba; margin-bottom: 30px; } .developmentPadding{ padding: 10px; } .development-thumbnail{ margin-bottom: 20px; } .development-title{ font-size: 38px; line-height: 38px; font-weight: 300; margin-bottom: 8px; } .developmentsOutline p{ margin-bottom: 4px; } .detailsBlock{ margin-bottom: 40px; } .developmentsOutline p:last-of-type{ margin-bottom: 0; } table.developments th{ text-transform: uppercase; color: #007cba; font-weight: normal; } table.developments th, table.developments td{ border-collapse: collapse; border: 1px solid #cae4f0; padding: 8px; } .modal-window { max-width: 960px; background: #ffffff; padding: 20px; text-align: left; margin: 100px auto; position: relative; border: 9px solid #007cba;} .development-contact-details p{ font-size: 16px !important; margin-bottom: 8px !important; } #wpstats{ display: none; } .dot-information{ border-radius: 50% 50%; width: 120px; height: 120px; background-color: #007cba; font-size: 14px; color: #fff; display: table; text-align: center; } .dot-information-wrapper{ display: table-cell; vertical-align: middle; } /* * WP-Paginate - WordPress Pagination Function * Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $ * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/ */ .wp-paginate {padding:0; margin:0;} .wp-paginate li {display:inline-block; list-style:none; min-width: 20px;} .wp-paginate a {background:#e1e1e1; color:#000; margin:3px; padding:8px 10px; text-align:center; text-decoration:none; display: inline-block; min-width: 20px;} .wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#000;} .wp-paginate .title {color:#000; margin:3px;} .wp-paginate .gap {color:#000; margin:3px;} .wp-paginate .current {color:#fff; background:#007cba; margin:3px; padding:8px 10px;display: inline-block; min-width: 20px; text-align: center;} .wp-paginate .page {} .wp-paginate .prev, .wp-paginate .next {} /* style overrides for comments pagination */ .wp-paginate-comments {} .wp-paginate-comments li {} .wp-paginate-comments a {} .wp-paginate-comments a:hover, .wp-paginate-comments a:active {} .wp-paginate-comments .title {} .wp-paginate-comments .gap {} .wp-paginate-comments .current {} .wp-paginate-comments .page {} .wp-paginate-comments .prev, .wp-paginate-comments .next {} /* Magnific Popup CSS */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:#007cba;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;color:#fff}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:54px;height:54px;line-height:54px;position:absolute;right:-9px;top:-9px;text-decoration:none;text-align:center;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:38px}.mfp-close:focus,.mfp-close:hover{background-color:#000}.mfp-close-btn-in .mfp-close{color:#fff} .mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff; background-color: transparent; right: 0; padding-right: 4px; height: 40px; line-height: 40px; text-align:right;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:visible;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} /* Main Menu */ .clear{clear:both}.hide{display:none}.no-mb{margin-bottom:0}.no-mt{margin-top:0}.no-mr{margin-right:0}.no-ml{margin-left:0}#header{position:relative}#header nav{position:relative;width:100%;z-index:200}#header nav.main{height:46px;line-height:46px;font-size:14px}#header nav.main:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#d6d6d6;z-index:1}body.header-fixed{padding-top:49px}body.header-fixed #header{position:fixed;top:0;left:0;width:100%;z-index:999}body.header-fixed #header nav.main,body.header-fixed ul.menu li a{background-image:none;background-color:#fff}body.header-fixed #header nav.main:before{display:none}ul.menu li{position:relative}ul.menu li:last-child{border-right:1px solid #CFD1D2}ul.menu>li{border-left:1px solid #CFD1D2;float:left;width:19.89923%;font-size:18px}ul.menu>li:last-child{float:right}ul.menu li a{display:block;height:46px;line-height:46px;padding:0;color:#383838;background-color:#fff;text-decoration:none;text-align:center}#header nav.main ul a:hover,#header nav.main ul>li:hover>a{background-image:none;color:#fff;background-color:#007cba}ul.menu li.dropdown>a:after,ul.menu li.dropdown>a:before{content:'';display:block;position:absolute;top:50%;right:10px;width:9px;height:1px;margin:-4px 0 0 -4px;background:0 0;border-top:1px solid #007cba;border-bottom:1px solid #007cba}ul.menu li.dropdown:hover>a:after,ul.menu li.dropdown:hover>a:before{border-top:1px solid #fff;border-bottom:1px solid #fff}ul.menu li.dropdown>a:after{margin-top:0}ul.menu li ul{position:absolute;min-width:100%;top:45px;opacity:0;visibility:hidden;z-index:1000}ul.menu li:focus ul,ul.menu li:hover ul{visibility:visible;opacity:1;padding-top:1px}ul.menu li ul li{border-top:1px solid #1685bc;text-transform:none;font-size:14px;border-right:none!important}ul.menu li ul li:last-child{border-bottom:0}ul.menu li:hover ul li a{height:46px;line-height:46px;background-image:none;background-color:#007cba;color:#fff}ul.menu li:hover ul li.featured a{background-color:#409f89}#header nav.main ul>li li:hover>a,ul.menu li:hover ul li a:hover{background-color:#01568d}#menu-mobile ul li.others,#menu-mobile ul li.submit,#menu-mobile ul.menu li.dropdown>a:after,#menu-mobile ul.menu li.dropdown>a:before,#menu-mobile ul.menu li:focus ul,#menu-mobile ul.menu li:hover ul{display:none}#menu-mobile{display:none;position:fixed;top:9px;right:-245px;width:254px;min-height:100%;background:#2d2d2d;font-size:13px;line-height:36px;color:#aaa;z-index:1000}#menu-mobile.open{right:0}body.header-fixed #menu-mobile{top:0}#menu-mobile .wrapper-menu{overflow:hidden;overflow-y:auto}#menu-mobile .bt-menu{position:absolute;top:0;left:-66px;width:66px;height:65px;background:#2d2d2d;text-indent:-23em;overflow:hidden;cursor:pointer}body.header-fixed #menu-mobile .bt-menu{height:66px}#menu-mobile .bt-menu.active,#menu-mobile .bt-menu:hover{background:#444}#menu-mobile .bt-menu:after,#menu-mobile .bt-menu:before{position:absolute;top:22px;left:22px;content:'';display:block;width:22px;height:5px;border-top:4px solid #888;border-bottom:4px solid #888}#menu-mobile .bt-menu:after{top:40px;left:22px;border-top:4px solid #888;border-bottom:0}#menu-mobile a{color:#aaa}#menu-mobile a:hover,#menu-mobile ul.menu li.active a,#menu-mobile ul.menu li.active li a:hover{color:#fff}#menu-mobile ul{float:none;width:100%}#menu-mobile ul li{border-left:none;width:100%!important}#menu-mobile ul.menu li a{height:35px;padding-left:30px;line-height:36px;background:0 0;text-align:left}#menu-mobile ul.menu li.dropdown>a:after,#menu-mobile ul.menu li.dropdown>a:before{top:19px;right:20px;border-top:1px solid #fff;border-bottom:1px solid #fff}#menu-mobile ul.menu{padding-top:18px}#menu-mobile ul.menu li li:first-child a{padding-top:0}#menu-mobile ul.menu li.dropdown>a{padding-right:0}#menu-mobile ul.menu li ul{visibility:visible;opacity:1;display:none;position:static;min-width:auto;margin-bottom:10px;padding-bottom:8px}#menu-mobile ul.menu li:focus ul,#menu-mobile ul.menu li:hover ul{padding-top:0}#menu-mobile ul.menu li ul li{border-bottom:0}#menu-mobile ul.menu li ul li a{height:25px;line-height:25px}#menu-mobile ul.menu li.active li a{color:#aaa}#menu-mobile ul.menu li.dropdown{cursor:pointer}ul.footer-menu{padding:60px 0}ul.footer-menu>li{float:left;width:19.899%;font-size:18px;text-align:center}ul.footer-menu li a{color:#fff;text-decoration:none;margin-bottom:16px;display:inline-block}ul.footer-menu li a:hover{text-decoration:underline}ul.footer-menu li li{font-size:14px}ul.footer-menu li li a{margin-bottom:8px}@media only screen and (min-width:960px) and (max-width:1199px){ul.menu>li{width:19.87%}}@media only screen and (min-width:960px){ul.menu>li{font-size:15px}ul.menu li ul li{font-size:13px}}@media screen and (max-width:768px){body.header-fixed{padding-top:0}body.header-fixed #header{position:relative;top:auto;left:auto}#menu-mobile{top:0;right:-254px}}@media screen and (max-width:959px){#menu-mobile{display:block}#header{display:none}}@media screen and (min-width:768px) and (max-width:959px){ul.footer-menu{padding:40px 0}ul.footer-menu>li{width:50%;margin-bottom:40px}ul.footer-menu>li:nth-child(even){clear:right}ul.footer-menu>li:last-child{clear:both}}@media screen and (max-width:768px){ul.footer-menu{padding:30px 0}ul.footer-menu>li{float:none;margin-bottom:20px;width:100%}} /* CSS Document */ /*= CORE CSS */ .hidden{display:none}.eventCalendar-wrap{position:relative;overflow:hidden}.eventCalendar-wrap .arrow{position:absolute;z-index:5}.eventCalendar-wrap .prev{left:3px}.eventCalendar-wrap .next{right:3px}.eventsCalendar-currentTitle .monthTitle{display:block;text-align:center}.eventsCalendar-monthWrap{position:absolute;z-index:2}.eventsCalendar-monthWrap.currentMonth{z-index:1}.eventsCalendar-daysList{display:table;border-bottom:1px solid #e1e1e1}.eventsCalendar-daysList.showAsWeek{display:block}.eventsCalendar-daysList li{display:table-cell}.eventsCalendar-daysList.showAsWeek li{display:block;float:left;width:14.28571428571429%}.eventsCalendar-daysList li a{padding:0;display:block;text-align:center;font-size:8px;min-width:7px;border-right:1px solid #e1e1e1}.eventsCalendar-daysList li:nth-child(7n+7) a{border-right:none}.eventsCalendar-loading{display:block;min-width:100px;height:40px;line-height:40px}.eventsCalendar-list{position:relative;z-index:1}.eventsCalendar-list.oldEventList{z-index:2}.eventsCalendar-subtitle{font-weight:700;font-size:120%}.eventCalendar-wrap{border:1px solid #d3d3d3;margin-bottom:20px;background-color:#fff;color:#807E7E}.eventCalendar-wrap .arrow{text-decoration:none;color:#fff;line-height:28px;top:1px;padding:8px 10px}.eventCalendar-wrap .arrow:hover{opacity:.7}.eventCalendar-wrap .arrow span{height:0;width:0;font-size:0;line-height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #000;float:left;text-indent:-500px}.eventCalendar-wrap .arrow.prev span{border-left-width:0;border-right:6px solid #000}.eventsCalendar-slider{height:80px}.eventsCalendar-monthWrap{top:0;left:0}.eventsCalendar-currentTitle{line-height:28px;background-color:#fff}.eventsCalendar-currentTitle .monthTitle{font-size:18px;padding-top:4px;text-decoration:none;font-weight:700;color:#000}.eventsCalendar-daysList{zoom:1;padding:0;width:100%}.eventsCalendar-daysList.showAsWeek{margin:0;width:auto;padding:0;background-color:#fff}.eventsCalendar-daysList:after,.eventsCalendar-daysList:before{content:"";display:table}.eventsCalendar-daysList:after{clear:both}.eventsCalendar-day-header{text-transform:uppercase;text-align:center;font-size:14px;border-bottom:solid 1px #e1e1e1;color:#000;line-height:36px}.eventsCalendar-daysList.showAsWeek li{height:auto;margin:0;font-weight:700}.eventsCalendar-daysList.showAsWeek li.empty{background-color:#e1e1e1;min-height:36px}.eventsCalendar-day a{text-decoration:none;font-size:14px;color:#000}.showAsWeek .eventsCalendar-day{border-left-width:0}.showAsWeek .eventsCalendar-day a{line-height:36px;font-size:14px}.eventsCalendar-day a:hover{background-color:#E4E4E4}.eventsCalendar-daysList li.dayWithEvents a{background:#007CBA;color:#fff}li.eventsCalendar-day.dayWithEvents a:hover{background-color:#065f8b}.eventsCalendar-daysList li.current a{color:#fff;background:#000}.eventsCalendar-daysList li.today a{color:#fff;background:#065f8b}li.eventsCalendar-day.today a:hover{background-color:#065f8b}li.eventsCalendar-day.current a:hover{background-color:#000}.eventsCalendar-loading{margin:0;padding:0;color:#000;font-weight:700;position:absolute;z-index:4;top:20px;left:5px}.eventsCalendar-loading.error{background-color:red}.eventsCalendar-subtitle{padding:10px 5px 5px;color:#000;margin:0!important}.eventsCalendar-list-wrap{min-height:100px;position:relative}.eventsCalendar-list-content.scrollable{height:100px;overflow-y:auto;margin:0 5px 5px 0}.eventsCalendar-list{margin:0;padding:0;list-style-type:none}.eventsCalendar-list li{padding:9px 20px 5px 5px;margin:0;clear:both;border-top:1px solid #e1e1e1}.eventsCalendar-list li:last-child{border-bottom:none}.eventsCalendar-list li time{font-size:14px;line-height:14px;margin-bottom:4px;height:14px;display:block;letter-spacing:1px}.eventsCalendar-list li time em{float:left;font-style:normal;color:#000}.eventsCalendar-list li time small{font-size:14px;float:left;color:#000;padding:0 5px 0 4px;margin:0 0 0 10px}.eventsCalendar-list li .eventTitle{display:block;clear:both;font-weight:700;text-decoration:none}.eventsCalendar-list li a.eventTitle{color:#007CBA}.eventsCalendar-list li a.eventTitle:hover{text-decoration:underline}.eventsCalendar-list li .eventDesc{clear:both;margin:5px 0 0;font-size:14px;line-height:16px;color:#000}.eventsCalendar-list .eventsCalendar-noEvents{font-size:120%;padding:5px;color:#000;font-weight:700;text-decoration:underline}.eventDesc .bt{font-size:14px;display:block;text-align:center;width:100px;clear:both;margin-top:10px;padding:12px;text-decoration:none;font-weight:700;line-height:1;color:#fff;background-color:#007CBA;-webkit-transition:.1s linear all;-moz-transition:.1s linear all;-ms-transition:.1s linear all;-o-transition:.1s linear all;transition:.1s linear all}.eventDesc .bt:hover{background-color:#065f8b} /* Quick Links */ a.quick-link{ display: block; color: white; text-decoration: none; font-size: 18px; line-height: 22px; padding: 15px; margin: 30px 0 30px 0; position: relative; } a.quick-link-magazine{ background-color: #00AA8C; } a.quick-link-privilege-card, a.quick-link-property-search{ background-color: #8c5aa3; } a.quick-link-facebook{ background-color: #007DC5; } a.quick-link-calendar{ background-color: #e0374e; } a.quick-link-magazine img, a.quick-link-privilege-card img{ position: absolute; bottom: 0; right: 5px; } a.quick-link-property-search img{ bottom: -47px; position: absolute; right: -36px; } a.quick-link-calendar img{ position: absolute; bottom: 0; right: 5px; } a.quick-link-facebook img{ position: absolute; bottom: 0; right: 15px; } a.quick-link-privilege-card img{ width: 110px; height: auto; right: 0; } a.quick-link-property-search img{ width: auto; height: auto; } .fact_name, .fact_total{ display: block; text-align: center; } .fact_hat{ display: block; margin: 5px auto 15px auto; } .fact_name{ line-height: 1.3em; color: #031d38; } .fact_total{ font-size: 70px; color: #1f7cc2; } @media only screen and (min-width: 960px) and (max-width: 1199px){ a.quick-link img{ display: none } } @media screen and (min-width: 768px) and (max-width: 959px){ a.quick-link img{ display: none; } a.quick-link{ font-size: 16px; line-height: 20px;} } @media screen and (max-width: 768px){ a.quick-link{ margin: 20px 0 0 0; } a.quick-link-privilege-card img{ width: auto; right: 5px; } .fact_total{ font-size: 60px; } } @media only screen and (max-width: 479px){ a.quick-link-magazine img, a.quick-link-privilege-card img{ width: 110px; height: auto; } a.quick-link-privilege-card img{ width: 110px; } .fact_total{ font-size: 40px; } } a.quick-link-property-search img { bottom: -47px; position: absolute; right: -36px; } .tubeServiceUpdateWidget { margin-bottom: 20px; } .tubeMapWidget { margin-bottom: 20px; } .journeyPlannerWidget { margin-bottom: 20px; } .roadsWidget { margin-bottom: 20px; } @media only screen and (min-width: 1200px){ .videoLinkWide { display: block; } .videoLinkNarrow { display: none; } div.videoLinkText { font-size: 14px; line-height: 16px; padding: 0 0 0 15px; } } @media only screen and (min-width: 960px) and (max-width: 1199px){ .videoLinkWide { display: block; } .videoLinkNarrow { display: none; } div.videoLinkText { font-size: 12px; line-height: 14px; padding: 0 0 0 0px; } } @media screen and (min-width: 768px) and (max-width: 959px){ .videoLinkWide { display: block; } .videoLinkNarrow { display: none; } div.videoLinkText { font-size: 14px; line-height: 14px; padding: 0 0 0 0px; } } @media screen and (max-width: 768px){ .videoLinkWide { display: none; } .videoLinkNarrow { display: block; } div.videoLinkText { font-size: 18px; line-height: 1.4em; padding: 0 0 25px 0px; } div.videoLinkNarrow div.videoLinkText a{ text-decoration: none; } } @media only screen and (max-width: 479px){ .videoLinkWide { display: none; } .videoLinkNarrow { display: block; } div.videoLinkText { font-size: 18px; line-height: 1.4em; padding: 0 0 25px 0px; } div.videoLinkNarrow div.videoLinkText a{ text-decoration: none; } }