/* Theme Name: oxotower Theme URI: http://underscores.me/ Author: Mark and Lissi Author URI: http://www.plugandplaysouthampton.co.uk Description: Custom Theme for Oxo Tower Version: 1.0 License: GNU General Public License License URI: license.txt Text Domain: oxotower Domain Path: /languages/ Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. oxotower is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /********************************** FONTS **********************************/ /*@import url("fonts/fonts.css");*/ /********************************** RESET **********************************/ *{margin:0;padding:0;} html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;} body{font-size:62.5%;line-height:1;} /*=HTML5 display-role reset for older browsers*/ article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{display:block;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} .clear{clear:both !important;height:0px !important;overflow:hidden !important;margin:0 !important;padding:0 !important;border:0 !important;border:none !important;} .left{float:left;} .right{float:right;} a,button,input[type=submit]{cursor:pointer;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* apply a natural box layout model to all elements */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /********************************** GRID LAYOUT **********************************/ body, header, #content, #content section, footer {position:relative; width:100%;} html,body { left: 0; } html,body,.inner {height:100%;} #content section {position:relative; height:100%;} .center {margin:0 auto; text-align:center;} .left {float:left;} .right {float:right;} /********************************** CONTAINERS **********************************/ body {/*background:#0c090b; */ background:#fff; font-family:'din-reg', Arial, Helvetica, sans-serif;} header {background:#f50f14; width:264px; display:block; float:left; height:100%; z-index:999; /*position:absolute;*/ position:fixed; left: 0;} #content {background:#ffffff; margin:0 auto; display:block; padding-left:264px;} .inner {width:100%; margin:0 auto;} #top {height:315px; margin:0 auto 30px; /*overflow:hidden;*/ position:relative;} .slideshow {margin:0 auto; width:100%; height:315px;} .slideshow div img {width:auto; height:auto;} .slideshow .slide:hover .highlight {background:#f50f14; cursor:pointer;} #dfca {float:left; display:block; padding-left:20px;} .showcaseHolder #dfca { width: 15%; } .showcase-box {display: block; float:left; margin:0 auto 20px; padding-right:20px; width: 16.666666666667%;} .showcase-box img {max-width: 100%;} .showcase-box a:hover h3 {background:#f50f14;} #showcase {margin:0 auto 10px; display:block; float:left; width: 85%; padding-left: 20px;} #whats-on {background:#e4e4e4; margin:0 auto; padding:30px 0; padding-left:20px; position:relative;} #whats-on .column-left {display:block; float:left; /*width:245px;*/ width:190px;} #whats-on .column {width:310px; margin-right:20px; display:block; float:left;} #whats-on .last {margin-right:0;} footer {background:#0c090b; padding:30px 0 0;} footer .column {display:block; float:left; width:164px; margin-left:20px;} footer .notitle {margin-top:52px;} #footer-bottom {margin-left:20px; margin-top:20px; background:#fff;} /********************************** HEADERS **********************************/ #logo {background:url('images/logo.png') no-repeat; width:102px; height:395px; display:block; margin:0 auto;} h1 { } h2 {font-size:22px; line-height:22px;} .scroller-inner h2 { font-size: 20px; } #whats-on .column h2 {font-family:'din-med', Arial, Helvetica, sans-serif; font-size:20px; line-height:21px; text-transform:uppercase; margin-bottom:25px;} h3.showcase-title {font-family:'din-med', Arial, Helvetica, sans-serif; color:#ffffff; background:#000000; display:block; font-size:18px; line-height:18px; padding:15px 5px 10px; margin:0; margin-top:-1px; text-transform:uppercase;} h4 {font-family:'din-med', Arial, Helvetica, sans-serif; font-size:14px; line-height:21px; margin-bottom:20px;} .highlight {text-transform:uppercase; padding: 8px 10px 4px 10px; font-family:'din-med', Arial, Helvetica, sans-serif; color:#ffffff; display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;} .black {background:#000000;} .red {background:#f50f14;} .white {background:#ffffff; color:#000000;} .indent {margin-left:20px;} .column-left .indent {margin-left:12px;} .indentlarge {margin-left:45px;} .thin-line {width:100%; margin:0 auto; height:0px; display:block; border-bottom:1px solid #ffffff;} /********************************** TEXT *************************************/ p {font-family:'din-reg', Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; margin-bottom:20px; max-width:100%;} strong, b {font-family:'din-med', Arial, Helvetica, sans-serif;} em { font-style: italic;} a {} .showcase-box a {display:block; text-decoration:none;} footer p {color:#ffffff;} footer a {color:#f50f14; text-decoration:none; font-size:12px;} #footer-bottom p {display:block; float:left; width:850px; margin:15px 0; font-size:14px; line-height:18px; color:#000000;} #footer-bottom a {color:#00acef; text-decoration:none;} /********************************** BUTTONS *************************************/ .btn {background:#000000; color:#ffffff; font-family:'din-med', Arial, Helvetica, sans-serif; font-size:18px; line-height:24px; text-decoration:none; text-transform: uppercase; display:block; padding:8px; height:35px;} .btn span.arrow {display:block; float:right; width:14px; height:21px; background:url('images/buttonarrow.png') no-repeat center right;} .btn:hover {background:#f50f14;} #view-all {margin:0 auto; width:135px; position:relative;} /********************************** SOCIAL *************************************/ #social-links, #footersocial {margin:20px auto 0;} #social-links .box, #footersocial .box {display:block; float:left; width:66px; height:55px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right: 1px solid #fff;} #social-links .last, #footerlinks .last {border-right:0 none;} #footersocial {display:none;} .icon {width:66px; height:55px; text-indent:-9999px; display:block; float:left;} #twitter {background:url('images/twitter.png') no-repeat center; background-position:20px 14px;} #facebook {background:url('images/facebook.png') no-repeat center; background-position:20px 14px;} #pinterest {background:url('images/pinterest.png') no-repeat center; background-position:20px 14px;} #map {background:url('images/map.png') no-repeat center; background-position:20px 14px;} #envelope {background:url('images/envelope.png') no-repeat center; background-position:20px 14px;} #twitter:hover {background: #fff url('images/twitter.png') no-repeat center; background-position:20px -60px;} #facebook:hover {background: #fff url('images/facebook.png') no-repeat center; background-position:20px -60px;} #pinterest:hover {background: #fff url('images/pinterest.png') no-repeat center; background-position:20px -60px;} #map:hover {background: #fff url('images/map.png') no-repeat center; background-position:20px -60px;} #envelope:hover {background: #fff url('images/envelope.png') no-repeat center; background-position:20px -60px;} /********************************** CONTENT SPECIFIC **********************************/ /*#mobilemenu {position:absolute; height:100%; min-height:100%; width:264px; background:#f50f14; top:0; left:-265px; z-index:9999;}*/ #dfsa {float:left; display:block; margin-left:20px; margin-top:5px; width:228px; height:153px;} #footerlogo {display:block; float:left; width:154px;} #contactfooter {margin:15px; display:block; width:125px; background:#00acef; float:left; padding:10px; font-size:14px; color:#fff!important; text-decoration:none; text-align:center;} #bannernext {position:absolute; z-index:9999; width:60px; height:91px; top:150px; right:20px; background:url('images/next-arrow.png') no-repeat;} .redlink {display:block;} #pnp {display:block; float:left; margin:20px 0; font-size:14px; line-height:18px;} .slideshow img {max-height:315px;} .mobile, .mobilecomma {display:none;} .tweet p, .franklin {font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif !important;} /********************************** MENUS **********************************/ nav {margin:50px auto 0 30px;} nav ul li {display:block; margin:10px auto;} nav ul li a {padding:5px 15px; font-family:'din-med', Arial, Helvetica, sans-serif; color:#ffffff; font-size:18px; line-height:21px; text-decoration:none; text-transform: uppercase;} nav ul li a:hover, nav ul li a:active, nav ul li a:focus, nav ul li.current-menu-item a {background:#ffffff; color:#f50f14;} nav ul.sub-menu { display: none; } #menu-logo {background:url('images/logo.png') no-repeat; background-size:59px 230px; width:59px; height:230px; display:block; margin:0 auto;} #mp-menu h2 {color:#fff; text-align:center; font-size:22px; line-height:24px; margin:50px auto; text-transform:uppercase; width:150px;} .toplink {border-top:1px solid #ffffff;} #mp-menu ul li {margin:0 auto;} #mp-menu ul li a {width:100%; display:block; border-bottom:1px solid #fff; text-align:center; font-size:16px; line-height:19px; padding:10px 0;} /********************************** FORMS **********************************/ /* BANNER */ .slide {position:relative; float: left; display: block;} .slide .highlight {position:absolute; top:20px; left:20px;} .slide .indent {top:50px;} .slide a {text-decoration: none}; .slideshow {width:100%; position: relative;} .slider div.scrollableArea img { position: relative; float: left; margin: 0; padding: 0; /* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } /* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */ /* Invisible left hotspot */ div.scrollingHotSpotLeft { /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */ min-width: 75px; width: 10%; height: 100%; /* There is a big background image and it's used to solve some problems I experienced in Internet Explorer 6. */ /*background-image: url(images/big_transparent.gif);*/ background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; left: 0; /* The first url is for Firefox and other browsers, the second is for Internet Explorer */ cursor: pointer; } /* Visible left hotspot */ div.scrollingHotSpotLeftVisible { background-image: url(images/arrow_left.png); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; /* Standard CSS3 opacity setting */ -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */ zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ } /* Invisible right hotspot */ div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; /*background-image: url(images/big_transparent.gif);*/ background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0; cursor: pointer; } /* Visible right hotspot */ div.scrollingHotSpotRightVisible { background-image: url(images/arrow_right.png); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1; } /* The scroll wrapper is always the same width and height as the containing element (div). Overflow is hidden because you don't want to show all of the scrollable area. */ div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } div.scrollableArea { position: relative; width: auto; height: 100%; } /********************************** SIDE MENU **********************************/ #trigger {margin:10px; text-indent:-9999px; display:block; float:left; width:38px; height:38px; background:url('images/menuicon.png') no-repeat;display:none;} /*#mp-menu {display:none;}*/ .container, .scroller { /*height: 100%;*/ } .scroller { /*overflow-y: scroll;*/ } .scroller, .scroller-inner { position: relative; top:0; left:0; } .container { position: relative; overflow: hidden; } .mp-pusher { position: relative; left: 0; height: 100%; } .mp-menu { position: absolute; /* we can't use fixed here :( */ top: 0; left: 0; z-index: 1; /*width: 300px;*/ width:265px; height: 100%; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mp-level { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f50f14; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } /* overlays for pusher and for level that gets covered */ .mp-pusher::after, .mp-level::after, .mp-level::before { position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; } .mp-pusher::after, .mp-level::after { background: rgba(0,0,0,0.3); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; } .mp-level::after { z-index: -1; } .mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .mp-level.mp-level-overlay { cursor: pointer; } .mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; } .mp-pusher, .mp-level { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* overlap */ .mp-overlap .mp-level.mp-level-open { box-shadow: 1px 0 2px rgba(0,0,0,0.2); -webkit-transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } /* First level */ .mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open { box-shadow: none; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* cover */ .mp-cover .mp-level.mp-level-open { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ /* We'll show the first level only */ .no-csstransforms3d .mp-pusher, .no-js .mp-pusher { /*padding-left: 300px;*/ } .no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; } .no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; } /* STATIC PAGE */ .page-template-static-php #container .inner, .post-type-archive-who #container .inner, .single-who #container .inner, .single-venue #container .inner, .tax-retail-categories #container .inner, .blog #container .inner, .single-post #container .inner, .single-event #container .inner, .post-type-archive-venue #container .inner, .page-template-contact-php #container .inner, .page-template-events-page-php #container .inner, .tax-venue-categories #container .inner, .error404 #container .inner, .tax-event-categories #container .inner, .single-location #container .inner, .page-template-newsletter-php #container .inner, .category #container .inner { padding: 22px 22px 66px 22px; max-width: 1124px; } .hasSideMenu #content { padding-left: 306px; } .page-template-static-php h1, .post-type-archive-who h1, .blog h1, .post-type-archive-venue h1, .page-template-contact-php h1, .page-template-events-page-php h1, .error404 h1, .page-template-newsletter-php h1 { font-size: 24px; margin-bottom: 42px; } .page-template-static-php h2 { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 15px; margin-bottom: 18px; } .page-template-static-php p { font-size: 13px; margin-bottom: 18px; } .page-template-static-php #container .contentHolder a { font-family: 'din-med', Arial, Helvetica, sans-serif; color: #f50f14; text-decoration: none; } .page-template-static-php .header-img { margin-bottom: 32px; } .page-template-static-php .logoImgHolder { float: left; width: 207px; } .page-template-static-php .contentHolder { width: 844px; margin-left: 20px; float: right; } .post-type-archive-who .retailItem, .tax-retail-categories .retailItem { width: 28%; min-height: 340px; max-width: 100%; float: left; margin-right: 20px; margin-bottom: 30px; } .post-type-archive-who .retailItem img, .tax-retail-categories .retailItem img { max-width: 100%; height: auto; } .post-type-archive-who .retailItem:hover, .tax-retail-categories .retailItem:hover { background-color: #e4e4e4; } .post-type-archive-who .retailTitle, .tax-retail-categories .retailTitle { background-color: #000; font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 19px; color: #fff; text-transform: uppercase; padding: 14px 18px 14px 18px; margin-top: -1px; display: block; text-decoration: none; } .post-type-archive-who .retailTextHolder, .tax-retail-categories .retailTextHolder { padding: 10px 10px 20px 10px; } post-type-archive-who .retailCats, .tax-retail-categories .retailCats { margin-bottom: 6px; } .post-type-archive-who .retailTextHolder, .post-type-archive-who .retailCats a, .tax-retail-categories .retailTextHolder, .tax-retail-categories .retailCats a { color: #000; font-size: 13px; line-height: 1.5; } .post-type-archive-who .retailCats a, .tax-retail-categories .retailCats a { margin-right: 10px; } .post-type-archive-who .whoTitle, .tax-retail-categories .whoTitle, .single-post .whoTitle, .single-event .whoTitle, .page-template-events-page-php .whoTitle, .tax-venue-categories .whoTitle, .tax-event-categories .whoTitle, .single-location .whoTitle, .category .whoTitle { display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; } .single-who .whoTitle, .tax-retail-categories .whoTitle, .single-venue .whoTitle, .single-post .whoTitle, .single-event .whoTitle, .tax-venue-categories .whoTitle, .tax-event-categories .whoTitle, .single-location .whoTitle, .category .whoTitle { margin-bottom: 42px; } .single-who .whoTitle a, .single-who .whoTitle h1, .single-venue .whoTitle a, .single-venue .whoTitle h1, .tax-retail-categories .whoTitle a, .tax-retail-categories .whoTitle h1, .single-post .whoTitle a, .single-post .whoTitle h1, .single-event .whoTitle a, .single-event .whoTitle h1, .tax-venue-categories .whoTitle a, .tax-venue-categories .whoTitle h1, .page-template-events-page-php .whoTitle h1, .page-template-events-page-php .whoTitle a, .tax-event-categories .whoTitle a, .tax-event-categories .whoTitle h1, .single-location .whoTitle a, .single-location .whoTitle h1, .category .whoTitle a, .category .whoTitle h1 { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 22px; color: #fff; text-transform: uppercase; padding: 6px 8px 2px 8px; text-decoration: none; } .single-who .whoTitle a, .single-venue .whoTitle a, .tax-retail-categories .whoTitle a, .single-post .whoTitle a, .single-event .whoTitle a, .tax-venue-categories .whoTitle a, .tax-event-categories .whoTitle a, .single-location .whoTitle a, .category .whoTitle a, .page-template-events-page-php .whoTitle a { background-color: #000; margin-right: 26px; float: left; clear: both; background-image: url("images/title-back.png"); background-repeat: no-repeat; background-position: 8px center; padding-left: 30px; } .single-who .whoTitle h1, .single-venue .whoTitle h1, .tax-retail-categories .whoTitle h1, .single-post .whoTitle h1, .single-event .whoTitle h1, .tax-venue-categories .whoTitle h1, .tax-event-categories .whoTitle h1, .single-location .whoTitle h1, .category .whoTitle h1, .page-template-events-page-php .whoTitle h1 { background-color: #f50f14; float: right; clear: both; margin-left: 26px; } .bannerSection { margin-bottom: 30px; display: block; max-height: 400px; } .bannerSection .singleImg { float: left; } .bannerSection .theBanner { float: left; margin-left: 20px; } .theBanner { width: 634px; max-width: 100%; max-height: 400px; /*max-height: 100%;*/ } .flexslider, .slides, .slides li, .slides li img { max-height: 414px; } .single-who .contactHolder, .single-venue .contactHolder, .tax-venue-categories .contactHolder, .metaData { background-color: #e4e4e4; padding: 20px; width: 400px; float: left; margin-bottom: 14px; } .single-who .contactHolder p, .single-who .contactHolder a, .single-venue .contactHolder p, .single-venue .contactHolder a, .single-post .contactHolder p, .single-post .contactHolder a, .tax-venue-categories .contactHolder p, .tax-venue-categories .contactHolder a { color: #1f1f1f; font-size: 13px; margin-bottom: 14px; } .single-who .mainContent, .single-venue .mainContent, .single-post .mainContent, .single-event .mainContent, .tax-venue-categories .mainContent{ float: right; /*float: left;*/ width: 654px; margin-right: 20px; } .single-who .mainContent p, .single-venue .mainContent p, .single-post .mainContent p, .single-event .mainContent p, .tax-venue-categories .mainContent p { font-size: 13px; } .specialOffer { background-color: #f50f14; color: #fff; padding: 20px; padding-bottom: 0px; width: 400px; float: left; margin-top: 14px; } .specialOffer h3 { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; margin-bottom: 20px; } .specialOffer a { font-family:'din-med', Arial, Helvetica, sans-serif; color: #fff; font-size: 24px; text-decoration: none; text-transform: uppercase; display: block; margin-bottom: 20px; position: relative; } .specialOffer img { position: absolute; bottom: 2px; margin-left: 8px; } /* SIDE MENU */ .sideMenu { background:#c00e11; width:306px; display:block; float:left; height:100%; z-index:998; position:fixed; margin: 0; left:0; top:0; background-image: url("images/sub-arrow.png"); background-repeat: no-repeat; background-position: center right; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .hideSideMenu .sideMenu { display: none; } .sideMenuHolder { display: none; } .mp-pusher.open { padding-left: 130px; } .sideMenu.open { left: 130px; background-image: none; cursor: default; } .sideMenu.open .sideMenuHolder { display: block; padding-right: 20px; position: absolute; top: 50%; height: 50%; margin-top: -25%; } .sideMenu .sideHeader { background:#ffffff; color:#c00e11; display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; font-family:'din-med', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 18px; padding: 8px 8px 4px 8px; } .sideMenu ul li { margin-left: 8px; } .sideMenu ul li a { padding: 6px 2px 2px 2px; text-transform: none; font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 15px; color: #fff; } nav.sideMenu ul li a:hover, nav.sideMenu ul li a:active, nav.sideMenu ul li a:focus, nav.sideMenu ul li.current-menu-item a {background:#ffffff; color:#c00e11;} .blog article, .page-template-events-page-php article, .tax-event-categories article, .single-location article, .category article { padding: 20px 56px 20px 20px; cursor: pointer; width: 100%; } .single-post article { max-width: 100%; } .blog article .details, .page-template-events-page-php article .details, .tax-event-categories article .details, .single-location article .details, .category article .details { float: left; width: 80%; } .blog article:hover, .page-template-events-page-php article:hover, .tax-event-categories article:hover, .single-location article:hover, .category article:hover { background-color: #e4e4e4; background-image: url("images/news-next.png"); background-repeat: no-repeat; background-position: right bottom; } .blog article img, .page-template-events-page-php article img, .tax-event-categories article img, .single-location article img, .category article img { float:left; margin-right: 20px; } .page-template-events-page-php article .theDetails p, .tax-event-categories article .theDetails p, .single-location article .theDetails p, .category article .theDetails p { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4; margin-bottom: 0; } .single-event .metaData { padding-bottom: 0; } .single-event .metaData p { font-family:'din-reg', Arial, Helvetica, sans-serif; font-size: 13px; } .single-event .metaData p a { color: #1f1f1f; } .blog .details h2, .page-template-events-page-php .details h2, .tax-event-categories .details h2, .single-location .details h2, .category .details h2{ font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 20px; text-transform: uppercase; margin-bottom: 12px; } .blog .details .theDate, .metaData .theDate, .category .theDate { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 14px; display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; margin-bottom: 20px; } .metaData .theDate { margin-bottom: 12px; } .blog .details .theContent p, .page-template-events-page-php .details .theContent p, .category .details .theContent p { font-size: 13px; } .blog .details .theTerms a, .metaData .theTerms a, .category .details .theTerms a { color: #000; font-size: 13px; line-height: 1.5; margin-right: 10px; } .single-post .shareBtns, .single-post .related { /*width: 400px; */ float: left; } .single-post .shareBtns { margin-bottom: 40px; } .single-post .related h3 { font-family:'din-med', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 22px; margin-bottom: 22px; display: block; } .single-post .related a { font-family:'din-med', Arial, Helvetica, sans-serif; color: #000; font-size: 19px; display: block; margin-bottom: 8px; } .single-post .related span { font-family:'din-reg', Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 22px; display: block; } .shareBtns { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; line-height: 30px; } .shareTwitter, .shareFacebook, .shareGoogle, .shareEmail { display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; height: 30px; width: 30px; background-repeat: no-repeat; margin-right: 5px; } .shareTwitter { background-image: url("images/twitter-share.png"); margin-left: 26px; } .shareFacebook { background-image: url("images/facebook-share.png"); } .shareGoogle { background-image: url("images/google-share.png"); } .shareEmail { background-image: url("images/email-share.png"); } .bookTickets, .downloadLink, .enquireLink { background-color: #000; color: #fff; font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 19px; text-transform: uppercase; text-decoration: none; padding: 10px 8px 6px 8px; margin-bottom: 20px; display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; width: 400px; background-image: url("images/bookingArrow.png"); background-position: right center; background-repeat: no-repeat; } .downloadLink, .enquireLink { float: left; margin-bottom: 10px; } .single-venue .mainContent { min-height: 638px; } .tax-venue-categories .mainContent { min-height: 354px; } .single-venue .contactHolder p em { font-style: italic; } .single-post .mainContent { min-height: 218px; } #container .mainContent a.returnBtn, .single-venue a.returnBtn, .page-template-events-page-php a.returnBtn { background-color: #000; color: #fff; font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 19px; text-transform: uppercase; text-decoration: none; padding: 10px 8px 6px 34px; margin-top: 20px; display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; background-image: url("images/returnArrow.png"); background-position: 10px center; background-repeat: no-repeat; } .single-venue .contactHolder, .tax-venue-categories .contactHolder { padding-bottom: 6px; } .idealSpaceHolder h3 { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 22px; text-transform: uppercase; margin-top: 40px; margin-bottom: 34px; } .idealSpaceHolder {text-decoration:none;} .post-type-archive-venue .venueItem { position: relative; margin-bottom: 24px; } .post-type-archive-venue .venueItem img { max-width: 100%; } .post-type-archive-venue .venueTitle { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 30px; text-transform: uppercase; position: absolute; color: #fff; text-decoration: none; padding: 4px 4px 0 4px; } .post-type-archive-venue .venueTitle.line1 { left: 14px; top: 14px; background-color: #000; } .post-type-archive-venue .venueTitle.line2 { left: 14px; top: 48px; background-color: #ec1d23; } .post-type-archive-venue .bargehouse .venueTitle.line1 { left: 148px; } .post-type-archive-venue .galleryoxo .venueTitle.line2 { left: 76px; } .post-type-archive-venue .retail-studios .venueTitle.line2 { left: 46px; } #map_canvas { width: 100%; height: 328px; position: absolute; top: 0; left: 0; } .page-template-contact-php h1 { position: absolute; } .page-template-contact-php h1 { position: absolute; } .page-template-contact-php .pageContent { padding-top: 328px; } .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half { margin-bottom: 14px !important; } .gform_wrapper .top_label .gfield_label { display: none !important; } .gform_wrapper .top_label input.medium, .gform_wrapper textarea.medium { background-color: #e4e4e4; border: none; padding: 8px; font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 13px; color: #1f1f1f; } .gform_wrapper .top_label .showLabel .gfield_label { display: block !important; font-weight: normal; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: none !important; border: 0 !important; padding: 0 !important; } #content .gform_wrapper li.gfield.gfield_error.gfield_contains_required { padding-left: 0 !important; } .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 100% !important; } ::-webkit-input-placeholder { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 13px; color: #1f1f1f; } :-moz-placeholder { /* Firefox 18- */ font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 13px; color: #1f1f1f; } ::-moz-placeholder { /* Firefox 19+ */ font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 13px; color: #1f1f1f; } :-ms-input-placeholder { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 13px; color: #1f1f1f; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { background-color: #000 !important; float: right !important; border: none !important; font-family:'din-med', Arial, Helvetica, sans-serif !important; font-size: 19px !important; text-transform: uppercase !important; color: #fff !important; padding: 6px 40px 4px 14px; background-image: url("images/sendArrow.png"); background-repeat: no-repeat; background-position: right center; display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; } .page-template-contact-php #container p { margin-bottom: 0; font-size: 13px; } .page-template-contact-php #container a.emailLink { font-size: 13px; display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; color: #000; margin-top: 22px; margin-bottom: 22px; } .page-template-contact-php #container .inner { padding-bottom: 32px; } .page-template-contact-php #container .inner h2 { font-family:'din-med', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 22px; margin-bottom: 32px; margin-top: 10px; } .travelInfo { background-color: #e4e4e4; } .travelInfo .inner { margin-left: 0; } .page-template-contact-php #container .travelInfo .inner h2 { font-family:'din-med', Arial, Helvetica, sans-serif; display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; background-color: #000; color: #fff; padding: 4px 8px 0 8px; text-transform: uppercase; font-size: 22px; margin: 0; } .travelInfo h3 { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 22px; text-transform: uppercase; margin-top: 30px; margin-bottom: 16px; } .travelInfo p { margin-bottom: 16px; } #container .mainContent h2 { font-family:'din-med', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; margin-bottom: 20px; } #container .mainContent ul { list-style-image: url("images/bullet.png"); list-style-position: outside; margin-left: 14px; margin-bottom: 30px; } #container .mainContent li { font-size: 13px; font-family: 'din-reg', Arial, Helvetica, sans-serif; padding-left: 20px; padding-left: 8px; line-height: 1.4; margin-bottom: 14px; } #container .mainContent a { font-family:'din-med', Arial, Helvetica, sans-serif; color: #f50f14; text-decoration: none; } .idealSpaceHolder { width: 100%; } .spaceFor { float: left; width: 146px; margin-right: 30px; margin-bottom: 30px; } .spaceFor img { float: left; } .spaceFor span { display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; height: 58px; line-height: 1.4; background-color: #000; color: #fff; font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; float: left; width: 100%; text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 10px; } /* Bigger Responsive */ .page-template-static-php .header-img, .page-template-static-php .header-img img { width: 100%; height: auto; } .bannerSection img { max-width: 100%; height: auto; } .bottomMeta { float: left; } .bannerSection .singleImg, .single-who .contactHolder, .single-venue .contactHolder, .metaData, .tax-venue-categories .contactHolder, .downloadLink, .enquireLink, .shareBtns, .specialOffer { width: 37.03703703703704%; } .page-template-static-php .logoImgHolder { width: 19.25925925925926%; } .page-template-static-php .logoImgHolder img { max-width: 100%; } .theBanner, .single-who .mainContent, .single-venue .mainContent, .single-post .mainContent, .single-event .mainContent, .tax-venue-categories .mainContent { width: 58.7037037037037%; } .page-template-static-php .contentHolder { width: 78.33333333333333%; } .contactLeft { width: 25%; float: left; } .contactRight { width: 75%; float: left; } .error404 #container .mainContent p { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 15px; } .error404 .red404, .error404 .black404 { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 22px; text-transform: 22px; color: #fff; background-color: #000; padding: 4px 32px 0px 18px; text-decoration: none; text-transform: uppercase; float: left; clear: both; background-image: url("images/arrow-right.png"); background-repeat: no-repeat; background-position: right center; } .error404 .red404 { background-color: #f50f14; padding: 4px 18px 0px 32px; background-image: url("images/arrow-left.png"); background-repeat: no-repeat; background-position: left center; } .error404 .one { margin-top: 20px; margin-left: 10px; } .error404 .two { margin-left: 58px; } .error404 .three { margin-left: 32px; } .error404 .four { margin-left: 0px; } .error404 .five { margin-left: 58px; } .error404 .six { margin-left: 24px; margin-bottom: 120px; } .tax-venue-categories .mainContent h4, .tax-venue-categories #container .mainContent a.pastLink, .tax-venue-categories .mainContent .pastMeta { display: block; } .tax-venue-categories .mainContent h4 { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 22px; text-transform: uppercase; margin-top: 50px; margin-bottom: 24px; } .tax-venue-categories #container .mainContent a.pastLink { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 19px; color: #000; text-decoration: underline; margin-bottom: 8px; } .tax-venue-categories .mainContent .pastMeta { font-family:'din-reg', Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 24px; } .privacyPolicy { display: block; float: right; margin: 20px 20px 0 20px; font-size: 14px; line-height: 18px; } #news-prev a, #news-next a, .linkPage { font-family:'din-med', Arial, Helvetica, sans-serif; font-size: 19px; text-transform: uppercase; padding: 10px 10px 6px 10px; background: #000; color: #fff; text-decoration: none; background-repeat: no-repeat; } #news-prev { margin-top: 40px; float: right; } #news-prev a, .linkPage { padding-right: 40px; background-image: url("images/new-pag.png"); background-position: right center; } #news-next { margin-top: 40px; float: left; } #news-next a { padding-left: 40px; background-image: url("images/back-pag.png"); background-position: left center; } .linkPage { background-color: #000; color: #fff !important; font-family: 'din-med', Arial, Helvetica, sans-serif; font-size: 19px; text-transform: uppercase; text-decoration: none; padding: 10px 34px 6px 8px; margin-top: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; background-image: url("images/new-pag.png"); background-position: right center; background-repeat: no-repeat; float: right; } /********************************** RESPONSIVE **********************************/ /* HEADER */ @media (min-width: 1024px){ header {min-height:720px;} } @media (max-width: 767px){ #trigger {display:block;} header {position:relative!important; width:100%; height:60px!important; overflow:hidden;} nav {display:none;} #mp-menu {display:block; margin:0 auto;} #logo {height:60px; float:right;} header #social-links {display:none;} #top {height:180px;} .slideshow {height:180px; clear:both;} .slideshow img {display:block; max-height:180px; width:100%;} #bannernext {display:none;} #content {padding:0;} #footersocial {margin:40px 20px 0; display:block; width:100%; text-align:center; display:none;} #footersocial .box {margin:0 auto; background:#f50f14;} #footersocial .last {border-right:0 none;} #showcase {margin-top:60px;} .slideshow h2 {font-size:12px;} .sideMenu { display: none; } #content, .hasSideMenu #content { padding-left: 0 !important; } .single-who .mainContent, .single-venue .mainContent, .single-post .mainContent, .single-who .contactHolder, .single-venue .contactHolder, .metaData, .tax-venue-categories .contactHolder, .tax-venue-categories .mainContent, .downloadLink, .enquireLink, .shareBtns { width: 100%; margin-bottom: 30px; } .bannerSection .singleImg { display: none; } .bannerSection .theBanner img, .bannerSection .theBanner { width: 100%; height: auto; margin-left: 0; } } /* Making Social Links in header work on smaller height resolutions */ /* SORT OF OBSOLETE FOR NOW */ @media (max-height: 720px) and (min-width: 767px){ #logo {background-size: 76px 295px; margin:0 auto; background-position:top center; height:295px;} nav {margin:30px auto 0 30px;} nav ul li a {font-size:16px; line-height:19px;} } @media (min-height: 720px){ #social-links {position:absolute; bottom:0; left:0;} } /* BOXES */ /*@media (min-width: 1171px) and (max-width: 1369px){ #showcase {width:700px;} } @media (min-width: 971px) and (max-width: 1170px){ #showcase {width:500px;} }*/ @media (max-width: 1290px){ #dfca {display:none;} #showcase { width: 100%;} } @media (max-width: 1114px){ .showcaseHolder #dfca {display:block; width: 25%;} #showcase { width: 75%;} .showcase-box { width: 33.3333333333%; } } @media (max-width: 850px){ h3.showcase-title { font-size: 16px; } } @media (max-width: 767px){ .showcaseHolder #dfca { margin-top: 60px; } } @media (max-width: 513px){ .showcaseHolder #dfca {display: none;} #showcase {text-align:center; margin:50px auto 15px; width: 100%; padding-left: 0;} #showcase .showcase-box {float:none; width:42%; display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; margin:0 5px 5px 0; padding-right: 0;} #showcase .showcase-box img {display:none;} #showcase .showcase-box h3 {width:100%; float:none; margin:0 auto;} } /* WHATS ON */ @media (min-width: 1395px) and (max-width: 1524px) { #whats-on .column {width:270px;} } @media (min-width: 1318px) and (max-width: 1394px) { #whats-on .column {width:24%;} } @media (max-width: 1318px){ #whats-on-columns {clear:both; display:block; width:100%; margin:0 auto;} #view-all {position:absolute; bottom:30px; left:20px;} #whats-on .column h2 {margin-top:20px;} #whats-on .column {margin:0 20px 0 0;} #whats-on .last {padding-bottom:50px;} } @media (min-width: 1025px) and (max-width: 1318px) { #whats-on .column {width:30%;} #whats-on .column-left {margin:0 auto;} } @media (min-width: 899px) and (max-width: 1024px) { #whats-on .column {width:46%;} .responsiveclear2 {clear:both;} } @media (min-width: 833px) and (max-width: 898px) { #whats-on .column {width:90%;} } /* FOOTER */ @media (min-width:1190px) and (max-width: 1373px) { .extratweet {display:none!important;} } @media (min-width: 880px) and (max-width: 1190px) { footer .column {width:30%; margin-bottom:20px;} .responsiveclear {clear:both;} } @media (min-width: 1299px) and (max-width: 1448px) { #footer-bottom p {width:70%;} } @media (min-width: 1048px) and (max-width: 1298px) { #footer-bottom p {width:60%;} } @media (max-width: 1047px) { footer {margin:0 auto;} #footerlogo {margin:0 auto; text-align:center; float:none;} #footer-bottom {margin-right:20px;} #footer-bottom p {margin:0 auto; width:100%;} #contactfooter {width:99%; margin:15px auto;} } @media (max-width: 880px) { /* WAS 832 */ footer .column {margin:0 15px; width:90%;} .secondary {display:none!important;} /* Personally I don't feel hiding content is neccessary so I have coded all content and hidden with this class */ footer .highlight {display:block; width:99%;} footer .redlink {display:block; width:48%; text-align:center; float:left; background:#f50f14; padding:6px; color:#ffffff; margin-right:9px; margin-bottom:20px;} .desktop {display:none;} .mobile {display:block;} .mobilecomma {display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline; margin-right:2px;} footer .second {margin-right:0;} br {display:none;} #whats-on .column {padding-bottom:50px;} } /* HIDING WHAT'S ON TWO LINES WHEN COLUMNS GO UNDERNEATH */ #oneline {display:none;} @media (min-width: 899px) and (max-width: 1319px) { .column-left {width:100%!important;} .preferred {display:none;} #oneline {display:inline-block;} } @media (max-width: 340px){ #whats-on .column p {margin-right:20px;} } /* HIDING BANNER HOVER ZONES FOR IPAD DOWN */ @media (max-width: 1024px){ div.scrollingHotSpotRight, div.scrollingHotSpotLeft, div.scrollingHotSpotRightVisible, div.scrollingHotSpotLeftVisible {display:none!important;} } /* SPECIAL WEBKIT SCROLLBARS */ ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } /** OTHER RESPONSIVE */ @media (max-width: 1370px){ .blog article .details, .page-template-events-page-php article .details, .tax-event-categories article .details, .single-location article .details, .category article .details { width: 64%; } } @media (max-width: 1260px){ .single-who .contactHolder, .single-venue .contactHolder, .metaData, .tax-venue-categories .contactHolder, .downloadLink, .enquireLink, .shareBtns, .specialOffer { width: 100%; } .single-who .mainContent, .single-venue .mainContent, .single-post .mainContent, .single-event .mainContent, .tax-venue-categories .mainContent { width: 100%; margin: 0; margin-top:30px; margin-bottom: 30px; } .single-venue .mainContent { min-height: 100%; } } @media (max-width: 1238px){ .post-type-archive-who .retailItem, .tax-retail-categories .retailItem { width: 41%; } } @media (max-width: 1198px){ .page-template-static-php .logoImgHolder { display: none; } .page-template-static-php .contentHolder { width: 100%; } } @media (max-width: 1010px){ .contactLeft, .contactRight { width: 100%; } .page-template-contact-php #container .inner .contactRight h2 { margin-top: 32px; } } @media (max-width: 960px){ .blog article .eventImg, .page-template-events-page-php article .eventImg, .tax-event-categories article .eventImg, .single-location article .eventImg, .category article .eventImg { display: none; } .blog article .details, .page-template-events-page-php article .details, .tax-event-categories article .details, .single-location article .details, .category article .details { width: 100%; } } @media (max-width: 910px){ .post-type-archive-who .retailItem, .tax-retail-categories .retailItem { width: 70%; } .bannerSection .singleImg { display: none; } .bannerSection .theBanner { margin: 0; width: 100%; } } @media (max-width: 805px){ .post-type-archive-who .retailItem, .tax-retail-categories .retailItem { width: 88%; } } @media (max-width: 767px){ .page-template-contact-php .pageContent { padding-top: 278px; } .post-type-archive-who .retailItem, .tax-retail-categories .retailItem { width: 46%; } .blog article .eventImg, .page-template-events-page-php article .eventImg, .tax-event-categories article .eventImg, .single-location article .eventImg, .category article .eventImg { display: block; } .blog article .details, .page-template-events-page-php article .details, .tax-event-categories article .details, .single-location article .details, .category article .details { width: 60%; } } @media (max-width: 600px){ .blog article .eventImg, .page-template-events-page-php article .eventImg, .tax-event-categories article .eventImg, .single-location article .eventImg, .category article .eventImg { display: none; } .blog article .details, .page-template-events-page-php article .details, .tax-event-categories article .details, .single-location article .details, .category article .details { width: 100%; } } @media (max-width: 554px){ .post-type-archive-who .retailItem, .tax-retail-categories .retailItem { width: 78%; } } @media (max-width: 510px){ .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half { width: 100% !important; } } @media (max-width: 448px){ .post-type-archive-who .retailItem, .tax-retail-categories .retailItem { width: 96%; } } @media (max-width: 438px){ .post-type-archive-venue .venueTitle { font-size: 20px; } .post-type-archive-venue .venueTitle.line2 { top: 38px; } .post-type-archive-venue .retail-studios .venueTitle.line2 { left: 34px; } .post-type-archive-venue .bargehouse .venueTitle.line1 { left: 94px; } .post-type-archive-venue .galleryoxo .venueTitle.line2 { left: 46px; } } @media (max-width: 400px){ .post-type-archive-who .retailItem, .tax-retail-categories .retailItem { width: 100%; } } @media (max-width: 400px){ .shareTwitter, .shareFacebook, .shareGoogle, .shareEmail { margin-right: 2px; } .shareTwitter { margin-left: 0; } } .compLine { display: block; margin-bottom: 20px; } .compTxt { font-size: 13px; float: left; width: 60%; } .compImg{ float: left; } .compImg img { width: 130px; margin-right: 20px; } @media (max-width: 430px){ .compImg { width: 100%; text-align: center; margin-bottom: 20px; } .compImg img { width: 100%; margin-right: 0; margin: 0 auto; } .compTxt { float: left; width: 100%; } } @media (max-width: 370px){ #pnp { float: none; } .privacyPolicy { float: none; margin: 20px 0; width: 100%; } } #em-wrapper a, .archive .details a { color: #f50f14; text-decoration: none; } .no-csstransforms3d #mp-menu.show, .no-csstransforms3d #menu-item-330 .mp-level.show { margin-left: 264px !important; margin-top: 60px !important; display: block !important; } .no-csstransforms3d #mp-menu.show { z-index: 99999; } .no-csstransforms3d #menu-item-330 .mp-level.show { margin-top: 0px !important; z-index: 999999; } .no-csstransforms3d #menu-item-330 .mp-level.show a { display: block; z-index: 9999999; cursor: pointer; } .moreEvents { float: right; padding: 10px 8px 6px 8px !important; background-image: none !important; } /* social channels for who's at oxo tower */ .who-social-channels { display: inline-block; font-size: 0; } .who-social-channels a { display: inline-block; border-right: black 1px solid; padding: 0 5px; } .who-social-channels a:last-child { border: none; }