/*-------------------------------------------------------------------- Theme Name: The Fan Museum Author: The Pixel Parlour Author URI: http://www.pixelparlour.co.uk Version: 1.0 [WP4.1+] Updated: 18.03.2020 Designed & Handcrafted by The Pixel Parlour --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 1. CSS Resets /*------------------------------------------------------------------*/ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; } section, article, header, footer, nav, aside, hgroup { display: block; } /*------------------------------------------------------------------*/ /* 2. Common Styles /*------------------------------------------------------------------*/ /*-------------------------------------------------------------------- Font: Proxima Nova (proxima-nova) Weights: 100 (thin), 300 (light), 400 (regular), 600 (semibold), 700 (bold) Font: Adobe Garamond Pro (adobe-garamond-pro) Weights: 400 (regular), 600 (semibold), 700 (bold) Text: #2D2727 Bkgd: #F6F8EF Light Grey: #E5E5DF Mid Grey: #D5D5DC Dark Grey: #B2B2AA Brand Green: #64908A Brand Dark Green: #426660 Brand Red: #B72340 Brand Dark Red: #8C0517 --------------------------------------------------------------------*/ * { margin: 0; padding: 0; } html { min-height: 100%; background-color: #8C0517; } body { min-width: 320px; height: 100%; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; color: #2D2727; background-color: #F6F8EF; -webkit-text-size-adjust: none; } body.error404 { background-color: #FFF; } .left { float: left; } .right { float: right; } .half { width: 50%; } img { width: auto; max-width: 100%; height: auto; vertical-align: bottom; } /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /* Make sure images with WordPress-added height and width attributes are scaled correctly*/ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; margin: 0 0 20px 0; } img.alignleft { max-width: 50%; margin: 0 4% 4% 0; } img.alignright { max-width: 50%; margin: 0 0 4% 4%; } img.aligncenter, img.aligncentre { margin: 0 auto; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } pre { font-size: 0.8em; font-weight: 500; line-height: 1.3em; padding: 11px; margin-bottom: 22px; background: #F9F9FD; border: 1px solid #DBDBDB; overflow: auto; white-space: pre-wrap; word-wrap: break-word; } pre a { font-weight: normal; } hr { width: 100%; border: 0; height: 0; margin: 0 0 22px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } /* CSS Animation */ a, input, select, textarea, .alltransition, .animatefast { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .animateslow { transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; } .notransition { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } a { color: #B72340; text-decoration: none; } a:hover, a:active { color: #8C0517; } b, strong { font-weight: 700; } em, dfn, cite, i { font-style: italic; } h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0 0 18px 0; } h1 { font-size: 2.5em; } h2 { font-size: 2.2em; } h3 { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.8em; font-style: italic; } h4 { font-size: 1.6em; } h5 { font-size: 1.4em; } h6 { font-size: 1.2em; } p { line-height: 1.4em; margin: 0 0 18px 0; } /* Caption */ .wp-caption { overflow: hidden; } .wp-caption img { margin: 0; } .wp-caption.alignleft { margin: 0 5% 0 0; } .wp-caption.alignright { margin: 0 0 0 5%; } .wp-caption.aligncenter, .wp-caption.aligncentre { margin: 0 auto; } p.wp-caption-text { display: inline-block; text-align: center; color: #FFF; padding: 8px 12px; background-color: #B72340; } blockquote { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.2em; font-style: italic; color: #4D4D4D; padding: 8px 20px 8px 16px; margin: 0 0 20px 0; border-left: 4px solid #B72340; } blockquote p { margin: 0; } .thecontent ol { list-style: decimal; margin: 0 0 18px 30px; } .thecontent ol li { line-height: 1.4em; margin: 0 0 8px 0; } .thecontent ol ol { padding: 10px 0 0 0; } .thecontent ol li li { font-size: inherit; } .thecontent ul { list-style: none; margin: 0 0 18px 0; } .thecontent ul li { line-height: 1.4em; margin: 0 0 8px 0; padding: 0 0 0 20px; background-image: url(_images/common/bkgd-bulletpoint.svg); background-repeat: no-repeat; background-position: 4px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-svg .thecontent ul li { background-image: url(_images/common/bkgd-bulletpoint.png); } /* No SVG */ .thecontent ul ul { padding: 10px 0 0 0;} .thecontent ul li li { font-size: inherit; } .thecontent h3 { font-size: 1.8em; margin: 0 0 18px 0; } /* FS */ .thecontent h3 span { font-size: 0.7em; font-weight: 300; color: #606E7E; } /* FS */ .thecontent h3 span:before { content: '|'; padding: 0 6px 0 4px; color: #606E7E; } .thecontent .sectiontitle h3 { margin: 0; } a.btn { display: inline-block; font-size: 1.2em; color: #FFF; padding: 6px 20px 6px 10px; background-color: #B72340; background-image: url(_images/common/bkgd-arrowwhite.svg); background-repeat: no-repeat; background-position: right center; } .no-svg a.btn { background-image: url(_images/common/bkgd-arrowwhite.png); } /* No SVG */ a.btn:hover, a.btn:active { color: #E9BDC5; } a.btncream { background-image: url(_images/common/bkgd-arrowcream.svg); } .no-svg a.btncream { background-image: url(_images/common/bkgd-arrowcream.png); } /* No SVG */ a.btnred { background-image: url(_images/common/bkgd-arrowred.svg); } .no-svg a.btnred { background-image: url(_images/common/bkgd-arrowred.png); } /* No SVG */ a.solidbtn { display: block; line-height: 36px; text-transform: uppercase; text-align: center; padding: 0 10px; color: #FFF; background-color: #B72340; background-image: none; } a.solidbtn:hover, a.solidbtn:active, a.solidbtn:focus { background-color: #8C0517; } a.narrowbtn { display: inline-block; width: auto; padding: 0 20px; } .red { color: #B72340; } .darkred { color: #8C0517; } .green { color: #64908A; } .darkgreen { color: #426660; } .midgrey { color: #D5D5DC; } .darkgrey { color: #B2B2AA; } /*------------------------------------------------------------------*/ /* 3. Universal Elements /*------------------------------------------------------------------*/ .sitewrapper { } .sitewrapper.hasannouncement.moving { padding-top: 59px; } .container { max-width: 1080px; padding: 0 16px; margin: 0 auto; overflow: hidden; } .errorwrap { text-align: center; padding: 40px 0 0 0; } /*------------------------------------------------------------------*/ /* Screenreader Accessibility */ #skiptocontent { position: relative; float: left; } #skiptocontent a { position: absolute; left: -10000px; font-size: 13px; z-index: 1000; margin: 0 8px 0 0; text-decoration: underline; } /* IE 7 Message */ .iewarning { position: fixed; bottom: 0; width: 100%; padding: 16px 0; text-align: center; color: #FFF; background-color: #C1272D; z-index: 999; } .iewarning h3 { margin: 0 0 4px 0; } .iewarning p { color: #FFF; padding: 0 40px; margin: 0; } /* Browser Width */ .browserwidth { position: fixed; bottom: 0; right: 0; font-size: 0.8em; text-align: center; color: #665C63; padding: 8px; background-color: #E5E5E8; z-index: 99999; } /* Cookie Control */ #ccc { font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } #ccc-title { font-family: "adobe-garamond-pro", Georgia, serif !important; font-style: italic; } #ccc #ccc-notify-dismiss, #ccc-close { display: none !important; } #ccc .checkbox-toggle-label { height: 22px; line-height: inherit; background: none; border: none; } #ccc input[type="checkbox"] + span { height: 22px; min-height: 22px; line-height: 22px; background-image: none; } #ccc .ccc-notify-buttons { margin-left: 10px; } @media screen and (min-width: 600px) { #ccc #ccc-notify { font-size: inherit !important; } } @media screen and (max-width: 599px) { #ccc .ccc-notify-buttons { margin-left: 0; } } /*------------------------------------------------------------------*/ /*--- Forms ---*/ ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } /* Firefox 18- */ ::-moz-placeholder { color: #999; } /* Firefox 19+ */ :-ms-input-placeholder { color: #999; } /* IE10 */ .req { color: #EA1B2A; } .optional { color: #808080; } label { float: left; width: 30%; color: #2D2727; height: 38px; line-height: 38px; padding: 0 2.5%; background-color: #E5E5DF; border: 1px solid #E5E5DF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .textareablock label { width: 95%; padding: 0 2.5%; } input, select, textarea { float: left; width: 70%; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 1em; color: #2D2727; margin: 0; padding: 0 10px; background-color: #FFF; border: 1px solid #E5E5DF; border-radius: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input:hover, select:hover, textarea:hover { background-color: #F9F9FD; border: 1px solid #D5D5DC; } input:focus, select:focus, textarea:focus { background-color: #F9F9FD; border: 1px solid #B2B2AA; } input { height: 38px; line-height: 38px; -webkit-appearance: none; } select { height: 38px; line-height: 38px; -webkit-appearance: none; } textarea { float: left; width: 100%; min-width: 100%; max-width: 100%; min-height: 160px; max-width: 160px; padding: 10px; -webkit-appearance: none; } .contactformwrapper, .aircraftenquiryformwrapper { overflow: hidden; } .inputblock, .inputblockhalf, .selectblock, .textareablock, .checkblock, .submitblock { float: left; width: 100%; margin: 0 0 10px 0; overflow: hidden; } .inputblock br, .inputblockhalf br, .selectblock br, .textareablock br, .checkblock br, .submitblock br { display: none; } .inputblockhalf { float: left; width: 49%; margin-right: 2%; } .inputblockhalflast { margin-right: 0; } /* Checkbox */ .wpcf7-list-item label { font-size: inherit; font-style: normal; text-transform: inherit; margin: 0; background: none; } input[type="checkbox"] { width: auto; height: auto; padding: 0; margin: 0 10px 0 0; background: none; -webkit-appearance: checkbox; } .checkblock span label { display: block; color: #4C5352; padding: 4px 10px; background-color: #F4F4F4; } .checkblock span label:hover { background-color: #E9E9E9; cursor: pointer; } /* Radio */ input[type="radio"] { width: auto; height: auto; padding: 0; margin: 0 10px 0 0; background: none; -webkit-appearance: radio; } /* Submit */ input.submit, input.wpcf7-submit { width: auto; text-align: center; font-weight: 600; text-transform: uppercase; color: #FFF; padding: 0 40px; margin: 0; background-color: #B72340; } input.submit:hover, input.wpcf7-submit:hover, input.submit:focus, input.wpcf7-submit:focus { background-color: #8C0517; cursor: pointer; } /* Search */ input.search { width: 30px; background-image: url(_images/common/icon-navsearch.svg); background-repeat: no-repeat; background-position: center -2px; } .no-svg input.search { background-image: url(_images/common/icon-navsearch.png); } /* NO SVG */ input.search:hover, input.search:active { background-color: #B72340; } /* Quick Search */ form.quicksearch { position: relative; } form.quicksearch label { width: 25%; } form.quicksearch input { float: left; width: 70%; } form.quicksearch input.search { padding-left: 40px; background-image: url('_images/common/icon-search-form.svg'); background-repeat: no-repeat; background-position: 10px center; } .no-svg form.quicksearch input.search { background-image: url('_images/common/icon-search-form.png'); } /* No SVG */ form.quicksearch input.submit { position: absolute; top: 0; right: 0; width: auto; } form.homequicksearch input { width: 100%; } /* Contact Form */ .contactformwrapper textarea, .contactformwrapper textarea:hover, .contactformwrapper textarea:focus { border-top: none; } /*------------------------------------------------------------------*/ /*--- Announcement ---*/ .announcementbar { font-size: 1.1em; line-height: 1.4em; text-align: center; color: #FFF; padding: 18px 0; background-color: #426660; } .announcementbar.moving { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; } .announcementbar .btn { line-height: 24px; font-size: 1em; padding: 0 10px; margin: 0 6px; background-image: none; } /*--- Logo Bar ---*/ #logobar { position: relative; background-color: #FFF; padding: 14px 0; background-color: rgba(255,255,255,0.9); } /* Header Logo */ #logobar .logo { float: left; width: 50%; } #logobar .logo img { opacity: 1; } /* #logobar .logo span { display: none; } */ #logobar .logo a:hover, #logobar .logo a:active { opacity: 0.9; } #logobar .logo img { max-height: 100%; vertical-align: middle; } #logobar .logo span.logoicon img { width: 87px; height: 70px; } #logobar .logo span.logotext img { width: 256px; height: 70px; } /* Header Tagline */ #logobar .tagline { float: right; width: 50%; font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.5em; line-height: 1.2em; font-style: italic; text-align: right; padding: 8px 0 0 0; } /*--- Nav Bar ---*/ #navbar { text-transform: uppercase; background-color: #8C0517; overflow: hidden; } #navbar .container { padding: 0; } /* Header Nav */ #navbar .menu { text-align: center; } #navbar ul { overflow: hidden; } #navbar ul li { display: inline-block; margin: 0 0 0 -2px; border-right: 1px solid #700412; } /* IE7 */ .ie7 #navbar ul li { display: inline; } /* IE7 */ #navbar ul li:last-child { border: none; } /* IE ALL */ .ie #navbar ul li.lastchild { border: none; } /* IE ALL */ #navbar ul li a { display: block; color: #FFFFFF; text-decoration: none; padding: 16px 20px 11px 20px; border-bottom: 5px solid transparent; } #navbar ul li a:hover, #navbar ul li a:active { color: #E9BDC5; border-bottom: 5px solid #700412; } #navbar ul li.current-menu-item a, #navbar ul li.current_page_item a, #navbar ul li.current_page_parent a, #navbar ul li.current-page-ancestor a { color: #FFF; border-bottom: 5px solid #B72340; } /* Header Nav Sub Menus */ #navbar .menu ul ul { display: none; } #navbar .menu ul li:hover > ul { display: block; } /* #navbar .menu ul ul:before { content: ""; width: 0; height: 0; position: absolute; top: 8px; left: 0px; border-width: 0 12px 12px 12px; border-style: solid; border-color: #CEAC41 transparent; } */ #navbar .menu ul ul { position: absolute; /* top: 60px; padding: 20px 0 0 0; */ z-index: 999; } #navbar .menu ul ul li { display: block; text-align: left; background-color: #700412; margin: 0; border: none; } #navbar .menu ul ul li.current-menu-item a, #navbar .menu ul ul li.current_page_item a, #navbar .menu ul ul li.current_page_parent a, #navbar .menu ul ul li.current-page-ancestor a { color: #FFF; background: #8C0517; background-image: none; border: none; } #navbar ul li.current-menu-item li a, #navbar ul li.current_page_item li a, #navbar ul li.current_page_parent li a, #navbar ul li.current-page-ancestor li a { background-image: none; } /* No SVG */ #navbar .menu ul ul li a { display: block; height: auto; margin: 0; padding: 12px 12px; background-image: none!important; border: none; } #navbar .menu ul li:hover ul li a { border: none; } #navbar .menu ul ul li:hover a { border: none; } #navbar .menu ul ul li a:hover { color: #FFF; background: #B72340; border: none; } /* IE7 */ .ie7 #navbar .menu ul li:hover > ul { display: none; } /* IE7 */ /* Header Search */ /* .navbarsearch { display: inline-block; width: 46px; height: 46px; color: #FFFFFF; } .navbarsearch:hover { background-position: center -76px; } */ .navbarsearch a { min-width: 6px; text-indent: -9999px; background-image: url(_images/common/icon-navsearch.svg); background-repeat: no-repeat; background-position: center 4px; } .no-svg .navbarsearch a { background-image: url(_images/common/icon-navsearch.png); } /* No SVG */ .navbarsearch a:hover { background-position: center -76px; } /* Breadcrumbs */ .navbreadcrumbs { font-size: 0.8em; text-transform: uppercase; color: #B96974; } .navbreadcrumbs a { color: #FFF; border-bottom: 1px solid transparent; } .navbreadcrumbs a:hover, .navbreadcrumbs a:focus { border-bottom: 1px solid #B72340; } .navbreadcrumbs .bctab { width: 156px; height: 1px; margin: 0 0 12px 0; background-color: #DCB4B9; } .bcwrap { } .bcwrap .divider { font-weight: 100; color: #DCB4B9; padding: 0 6px; } /*------------------------------------------------------------------*/ /*--- Mobile Nav / Layer ---*/ /* Mobile Quick Nav */ ul.mobilequicknav { display: none; overflow: hidden; } ul.mobilequicknav li { float: left; width: 50%; text-align: center; } ul.mobilequicknav li a { display: block; line-height: 40px; text-transform: uppercase; color: #FFF; background-color: #B72340; } ul.mobilequicknav li a:hover { background-color: #8C0517; } ul.mobilequicknav li:last-child a { background-color: #64908A; } ul.mobilequicknav li:last-child a:hover { background-color: #426660; } /* IE ALL */ .ie ul.mobilequicknav li.lastchild a { background-color: #64908A; } /* IE ALL */ /* IE ALL */ .ie ul.mobilequicknav li.lastchild a:hover { background-color: #426660; } /* IE ALL */ /* Open Mobile Nav */ #logobar a.opennav { display: none; position: absolute; top: 50%; right: 16px; width: 28px; height: 24px; line-height: 24px; text-decoration: none; margin: -14px 0 0 0; background-image: url(_images/common/bkgd-opennav.svg); background-repeat: no-repeat; background-position: center 0; cursor: pointer; } .no-svg #logobar a.opennav { background-image: url(_images/common/bkgd-opennav.png); } /* No SVG */ #logobar a.opennav:hover, #logobar a.opennav:active { background-position: center -24px; } /* Mobile Layer */ #mobilelayer { display: none; position: relative; background-color: #8C0517; overflow: hidden; } /* Mobile Nav */ nav#mobilenav { padding: 16px 16px 8px 16px; } nav#mobilenav ul { width: 100%; } nav#mobilenav ul li { display: block; float: none; margin: 0; border-bottom: 1px solid #A33745; } nav#mobilenav ul li:last-child { border-bottom: none; } nav#mobilenav ul li.current-menu-item a, nav#mobilenav ul li.current_page_item a, nav#mobilenav ul li.current_page_parent a, nav#mobilenav ul li.current-page-ancestor a { color: #FFF; background-image: url(_images/common/icon-navarrow-left-white.svg); } .no-svg nav#mobilenav ul li.current-menu-item a, .no-svg nav#mobilenav ul li.current_page_item a, .no-svg nav#mobilenav ul li.current_page_parent a, .no-svg nav#mobilenav ul li.current-page-ancestor a { background-image: url(_images/common/icon-navarrow-left-white.png); } /* No SVG */ nav#mobilenav ul li a { display: block; font-size: 1.2em; color: #E9BDC5; padding: 12px; background-image: url(_images/common/icon-navarrow-right-white.svg); background-repeat: no-repeat; background-position: right 12px center; } .no-svg nav#mobilenav ul li a { background-image: url(_images/common/icon-navarrow-right-white.png); } /* No SVG */ nav#mobilenav ul li a:hover { color: #FFF; } nav#mobilenav ul ul { display: none; } /* Mobile Search */ #mobilelayer .sitesearch { padding: 0 16px 16px 16px; overflow: hidden; } #mobilelayer input { float: left; width: 100%; font-size: 1.2em; color: #FFF; background-color: #A33745; border: none; } #mobilelayer input.search { width: 40px; margin: 0 0 0 -40px; padding: 0; } #mobilelayer input.search:hover, #mobilelayer input.search:active { background-color: #B72340; } #mobilelayer ::-webkit-input-placeholder { color: #FFF; } #mobilelayer :-moz-placeholder { color: #FFF; } /* Firefox 18- */ #mobilelayer ::-moz-placeholder { color: #FFF; } /* Firefox 19+ */ #mobilelayer :-ms-input-placeholder { color: #FFF; } /* IE10 */ /*------------------------------------------------------------------*/ /*--- Overlays ---*/ /* Overlay Search */ #overlaysearch { max-width: 600px; text-align: center; padding: 22px 12px; background-color: #F6F8EF; } #overlaysearch .searchdesc { max-width: 600px; margin: 0 auto; } #overlaysearch .sitesearch { overflow: hidden; } #overlaysearch input { float: left; width: 100%; } #overlaysearch input.search { width: 40px; margin: 0 0 0 -40px; padding: 0; background-color: #8C0517; border: 1px solid #8C0517; } #overlaysearch input.search:hover, #overlaysearch input.search:active { background-color: #B72340; border: 1px solid #B72340; } /* Overlay Newsletter */ #mailinglist { max-width: 600px; text-align: center; padding: 22px 12px; background-color: #F6F8EF; } #mailinglist .searchdesc { max-width: 600px; margin: 0 auto; } #mailinglist .sitesearch { overflow: hidden; } #mailinglist p.privacy { padding: 10px 0 0 0; margin: 0; } /* Overlay Admission */ #admission { max-width: 600px; padding: 22px 12px; background-color: #F6F8EF; } #admission h3 { padding: 0 0 12px 0; border-bottom: 1px solid #B72340; } /*------------------------------------------------------------------*/ /*--- Footer ---*/ .footer { color: #FFF; background-color: #8C0517; } /* Action Footer */ .actionfooter { padding: 30px 0; } .actionfooter a { color: #E9BDC5; } .actionfooter a:hover, .actionfooter a:active { color: #FFF; } .actionfooter a.btn { color: #FFF; } .actionfooter a.btn:hover, .actionfooter a.btn:active { color: #E9BDC5; } .actionfooter .col { float: left; width: 27.2%; padding: 0 3%; padding-bottom: 1000px; margin-bottom: -1000px; border-right: 1px solid #B72340; } .actionfooter .col:last-child { border: none; } /* IE ALL */ .ie .actionfooter .col.lastchild { border: none; } /* IE ALL */ .actionfooter h4 { font-family: "adobe-garamond-pro", Georgia, serif; font-weight: 400; font-style: italic; padding: 4px 0 0 0; } /* FS */ .actionfooter h4 a { color: #FFF; display: block; } .actionfooter h4 a:hover, .actionfooter h4 a:active { color: #E9BDC5; } .actionfooter p { margin: 0 0 10px 0; } .aftitle { font-size: 1.8em; font-weight: 100; text-transform: uppercase; text-align: center; padding: 0 3% 0 3%; margin: 0 0 20px 0; background-image: url(_images/common/bkgd-redline.svg); background-repeat: repeat-x; background-position: center center; } .no-svg .aftitle { background-image: url(_images/common/bkgd-redline.png); } /* No SVG */ .aftitle span { display: inline-block; padding: 0 20px; background-color: #8C0517; } .actionfooter .col.gettingthere { width: 24.2%; padding-left: 6%; background-image: url(_images/common/icon-location-white.svg); background-repeat: no-repeat; background-position: 7% 0; } .actionfooter .col.openingtimes { width: 24.2%; padding-left: 6%; background-image: url(_images/common/icon-openingtimes-white.svg); background-repeat: no-repeat; background-position: 7% 0; } .actionfooter .col.whatson { width: 24.2%; padding-left: 6%; background-image: url(_images/common/icon-calendar-white.svg); background-repeat: no-repeat; background-position: 7% 0; } .no-svg .actionfooter .col.gettingthere { background-image: url(_images/common/icon-location-white.png); } /* No SVG */ .no-svg .actionfooter .col.openingtimes { background-image: url(_images/common/icon-openingtimes-white.png); } /* No SVG */ .no-svg .actionfooter .col.whatson { background-image: url(_images/common/icon-calendar-white.png); } /* No SVG */ .actionfooter ul.sblinks { font-size: 1.2em; text-transform: uppercase; margin: 0 0 12px 0; } .actionfooter ul.sblinks li a { display: block; vertical-align: middle; color: #E9BDC5; padding: 8px 20px 8px 0; background-image: url(_images/common/icon-navarrow-right-white.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .actionfooter ul.sblinks li a { background-image: url(_images/common/icon-navarrow-right-white.png); } /* No SVG */ .actionfooter ul.sblinks li a:hover, .actionfooter ul.sblinks li a:active { color: #FFF; } p.afaddress { font-size: 1.2em; } .footerexhibitions { } .footerevents { } .footerexhibitions h5, .footerevents h5 { margin: 0 0 6px 0; } .footerevent { display: none; } .footerevent:nth-child(2) { display: block; } .footerevent a, .footernews a { color: #E9BDC5; padding: 0 20px 0 0; background-image: url(_images/common/icon-navarrow-right-white.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .footerevent a, .no-svg .footernews a { background-image: url(_images/common/icon-navarrow-right-white.png); } /* No SVG */ .footerevent a:hover, .footerevent a:active, .footernews a:hover, .footernews a:active { color: #FFF; } .footerevent span.date:before, .footernews span.date:before { content: '|'; padding: 0 6px 0 4px; } /* Useful Links */ .usefullinks { font-size: 1.1em; line-height: 1.3em; text-align: center; color: #FFF; background-color: #700412; overflow: hidden; } .usefullinks .container { padding: 0; overflow: visible; } .ullabel { display: inline-block; padding: 16px 40px 16px 2016px; margin-left: -2000px; font-size: 1.15em; color: #8C0517; background-color: #D5D5CD; background-image: url(_images/common/bkgd-usefullinks.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .ullabel { background-image: url(_images/common/bkgd-usefullinks.png); } /* No SVG */ .usefullinks nav#footernav { display: inline-block; padding: 16px 16px 16px 20px; } .usefullinks nav#footernav ul li { display: inline-block; } /* IE7 */ .ie7 .usefullinks nav#footernav ul li { display: inline; padding: 0 16px; } /* IE7 */ .usefullinks nav#footernav ul li:after { content: '|'; padding: 0 16px 0 18px; color: #FFF; } .usefullinks nav#footernav ul li:last-child:after { content: ''; } /* IE ALL */ .ie .usefullinks nav#footernav ul li.lastchild:after { content: ''; } /* IE ALL */ .usefullinks a { color: #FFF; } .usefullinks a:hover, .usefullinks a:active { color: #ED7290; } /* Social Links */ ul.sociallinks { overflow: hidden; } ul.sociallinks li { float: left; padding: 0; margin: 0 8px 8px 0; background: none; } ul.sociallinks li span { display: none; } ul.sociallinks li a { display: block; width: 32px; height: 32px; opacity: 1; } ul.sociallinks li a:hover, ul.sociallinks li a:active { opacity: 0.9; } /* Legal Footer */ .legalfooter { font-size: 0.8em; line-height: 1.4em; text-align: center; color: #E9BDC5; padding: 22px 0px 36px 0; /* background-color: #620310; */ background-color: #8C0517; } .legalfooter span { display: inline-block; } .legalfooter nav#footernav { display: inline-block; padding: 0 0 0 22px; } .legalfooter nav#footernav ul li { display: inline-block; } .legalfooter nav#footernav ul li:after { content: '|'; padding: 0 6px 0 8px; color: #700412; } .legalfooter nav#footernav ul li:last-child:after { content: ''; } .legalfooter span.credit { } .legalfooter a { /* color: #B96974; */ color: #E9BDC5; } .legalfooter a:hover, .legalfooter a:active { color: #FFF; } /*--- Help Footer ---*/ .helpfooter .container { max-width: 960px; } .helpfooter a { display: block; font-size: 1.1em; line-height: 24px; text-align: center; color: #FFF; padding: 20px 0; background-color: #700412; } .helpfooter a:hover { background-color: #B72340; } .helpfooter .icon { display: inline-block; width: 24px; height: 24px; margin: 0 10px 0 0; background-repeat: no-repeat; background-position: center center; vertical-align: middle; } .helpfooter .icon.padlock { background-image: url(_images/common/bkgd-icon-help-padlock.svg); } .no-svg .helpfooter .icon.padlock { background-image: url(_images/common/bkgd-icon-help-padlock.png); } /* No SVG */ .helpfooter .icon.shield { background-image: url(_images/common/bkgd-icon-help-shield.svg); } .no-svg .helpfooter .icon.shield { background-image: url(_images/common/bkgd-icon-help-shield.png); } /* No SVG */ /*--- Sticky CTA Banner ---*/ .call_to_action_sticky { position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; padding: 0 20px; background-color: rgba(0,0,0,0); z-index: 999999; overflow: scroll; } .call_to_action_sticky.out { top: 100%; } .call_to_action_sticky.in { top: 0; background-color: rgba(0,0,0,0.5); } .call_to_action_sticky.in.hide { top: 100%; } .call_to_action_sticky .wrap { position: relative; max-width: 400px; text-align: left; padding: 30px; margin: 90px auto; background-color: #FFF; border: 1px solid #8C0517; box-shadow: 0 4px 6px rgba(0,0,0,0.2); } .call_to_action_sticky .wrap .close { position: absolute; top: 0; right: 0; color: #FFF; padding: 8px; background-color: #8C0517; cursor: pointer; } .call_to_action_sticky .wrap .close:hover { background-color: #700412; } .call_to_action_sticky .wrap p:last-child { margin-bottom: 0; } /*------------------------------------------------------------------*/ /* 4. Common Page Elements /*------------------------------------------------------------------*/ /*--- Page Top ---*/ .pagetop { position: relative; z-index: 1; max-width: 1680px; margin: 0 auto; max-height: 300px; text-align: center; overflow: hidden; } .pagetop img { width: 100%; min-width: 600px; max-width: 1680px; } .ptaboutimage { position: absolute; right: 20px; bottom: 22px; font-family: "adobe-garamond-pro", Georgia, serif; font-style: italic; font-size: 1.1em; line-height: 24px; color: #FFF; padding: 0 8px 0 0; background: #8C0517; background: rgba(140,5,23,0.94); border-radius: 4px; opacity: 0.8; } .ptaboutimage:hover, .ptaboutimage:active { color: #FFF; opacity: 1; } .ptaboutimage img { width: 24px; min-width: 24px; max-width: 24px; height: 24px; margin: 0 8px 0 -12px; } #aboutimage, #aboutdefaultimage { width: 80%; max-width: 1680px; text-align: center; padding: 12px; background-color: #F6F8EF; } #aboutimage .fanimage, #aboutdefaultimage .fanimage { margin: 0 0 12px 0; } #aboutimage .fandesc, ##aboutdefaultimage .fandesc { max-width: 600px; padding: 20px 0 0 0; margin: 0 auto; } /*--- Divide Photo ---*/ .dividephoto { max-height: 400px; overflow: hidden; position: relative; z-index: 1; } .ie7 .dividephoto { min-height: 300px; background-color: #3ABAF1; background-image: url(_images/content/bkgd-ie7dividebkgd.jpg); background-repeat: no-repeat; background-position: center center; } .imageHolder { max-height: 400px; overflow: hidden; opacity: 0.95; } .staticdividephoto { height: 400px; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; position: relative; z-index: 1; } /*--- Content Sections ---*/ .maincontent { position: relative; z-index: 9; padding: 0 0 40px 0; } .maincontent .container { overflow: visible; } .wideleft { float: left; width: 63%; padding: 2%; margin: 0 0 16px 0; background-color: #FFF; } .thinright { float: right; width: 31%; padding: 30px 0 0 0; } .fullwidth { float: left; width: 96%; padding: 0 2% 2% 2%; background-color: #FFF; } .thecontent { overflow: hidden; } .thecontent p:first-child { font-size: 1.3em; margin: 0 0 12px 0; } /*--- Page Intro ---*/ .pageintro { position: inherit; margin: -150px 0 28px -3.1%; z-index: 3; } .pageintro .container { overflow: visible; } .pageintro .block { position: relative; width: 56%; min-height: 120px; color: #FFF; padding: 3% 3.1%; background: #8C0517; background: rgba(140,5,23,0.94); } .pageintro .tab { width: 156px; height: 4px; margin: 0 0 16px 0; background-color: #B72340; } .pageintro h1 { font-size: 2.2em; font-weight: 100; text-transform: uppercase; } /* FS */ .pageintro h2 { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.7em; font-style: italic; } /* FS */ .pageintro h1 a { color: #dcb4b9; } .pageintro h1 a:hover, .pageintro h1 a:active { color: #FFF; } .pageintro h1 span { font-size: 0.6em; color: #dcb4b9; } /* If Full Width Page */ .wideleftfull { padding-right: 35%; padding-bottom: 0; margin: 0; } .fullwidth .pageintro { margin-left: -2%; } .fullwidth .pageintro .block { width: 40%; padding: 2%; } /*------------------------------------------------------------------*/ /*--- Common Side Blocks ---*/ /* Section Nav */ .sectionnav { margin: 0 0 16px 0; background-color: #E5E5DF; } .sectionnav .sntitle { text-transform: uppercase; padding: 18px 20px 0 0; } .sectionnav .sntitle h4 { color: #B72340; padding: 0 0 0 16px; margin: 0; border-left: 4px solid #B72340; } .sectionnav .snwrap { padding: 20px; } .sectionnav ul { font-size: 1.2em; } .sectionnav ul li { } .sectionnav ul li a { display: block; vertical-align: middle; color: #8C0517; padding: 8px 20px 8px 0; background-image: url(_images/common/icon-navarrow-right.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .sectionnav ul li a { background-image: url(_images/common/icon-navarrow-right.png); } /* No SVG */ .sectionnav ul li a:hover, .sectionnav ul li a:active { color: #B72340; } .sectionnav ul li.current-menu-item a, .sectionnav ul li.current_page_item a, .sectionnav ul li.current_page_parent a, .sectionnav ul li.current-page-ancestor a { color: #B72340; background-image: url(_images/common/icon-navarrow-left.svg); } .no-svg .sectionnav ul li.current-menu-item a, .no-svg .sectionnav ul li.current_page_item a, .no-svg .sectionnav ul li.current_page_parent a, .no-svg .sectionnav ul li.current-page-ancestor a { background-image: url(_images/common/icon-navarrow-left.png); } /* No SVG */ .sectionnav ul li.current-menu-item a span, .sectionnav ul li.current_page_item a span { border-bottom: 1px solid #DABDBC; } /* Side Block */ .sideblock { margin: 0 0 16px 0; background-color: #E5E5DF; } .sideblock .sbphoto { } .sideblock .sbtitle { padding: 18px 20px 0 0; } .sideblock .sbtitle h4 { color: #B72340; padding: 0 0 0 16px; margin: 0; border-left: 4px solid #B72340; } .sideblock .sbwrap { padding: 12px 20px; } .sideblock .sbwrap p { padding: 12px 0 0 0; margin: 0 0 8px 0; border-top: 1px solid #B6B6AF; } .sideblock ul.sblinks { font-size: 1.2em; text-transform: uppercase; } .sideblock ul.sblinks li a { display: block; vertical-align: middle; color: #8C0517; padding: 8px 20px 8px 0; background-image: url(_images/common/icon-navarrow-right.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .sideblock ul.sblinks li a { background-image: url(_images/common/icon-navarrow-right.png); } /* No SVG */ .sideblock ul.sblinks li a:hover { color: #B72340; } .redsideblock { color: #FFF; background-color: #B72340; } .redsideblock .sbtitle h4 { color: #FFF; border-left: 4px solid #FFF; } .redsideblock .sbwrap p { border-top: 1px solid #C54F66; } .redsideblock ul.sblinks li a { color: #E9BDC5; background-image: url(_images/common/icon-navarrow-right-white.svg); } .no-svg .redsideblock ul.sblinks li a { background-image: url(_images/common/icon-navarrow-right-white.png); } /* No SVG */ .redsideblock ul.sblinks li a:hover, .redsideblock ul.sblinks li a:active { color: #FFF; } .greensideblock { color: #FFF; background-color: #426660; } .greensideblock .sbtitle h4 { color: #FFF; border-left: 4px solid #FFF; } .greensideblock .sbwrap p { border-top: 1px solid #688580; } .greensideblock ul.sblinks li a { color: #C6D1CF; background-image: url(_images/common/icon-navarrow-right-white.svg); } .no-svg .greensideblock ul.sblinks li a { background-image: url(_images/common/icon-navarrow-right-white.png); } /* No SVG */ .greensideblock ul.sblinks li a:hover, .greensideblock ul.sblinks li a:active { color: #FFF; } /* Times & Tickets */ .timesntickets { background-color: #FFF; } .timesntickets .tntwrap { padding: 20px 0; margin: 0 20px; border-bottom: 1px solid #D5D5DC; } .timesntickets .tntwrap:last-child { border: none; } /* IE ALL */ .ie .timesntickets .tntwrap.lastchild { border: none; } /* IE ALL */ .timesntickets .tntwrap .tnttitle { padding: 0 0 0 30px; background-repeat: no-repeat; background-position: left center; } .timesntickets h4 { font-family: "adobe-garamond-pro", Georgia, serif; font-style: italic; color: #B72340; } /* FS */ .timesntickets p { margin: 0 0 10px 0; } .timesntickets img { vertical-align: middle } .timesntickets .openingtimes .tnttitle { background-image: url(_images/common/icon-openingtimes.svg); } .no-svg .timesntickets .openingtimes .tnttitle { background-image: url(_images/common/icon-openingtimes.png); } /* No SVG */ .timesntickets .tickets .tnttitle { background-image: url(_images/common/icon-tickets.svg); background-position: 4px center; } .no-svg .timesntickets .tickets .tnttitle { background-image: url(_images/common/icon-tickets.png); } /* No SVG */ p.openingday { font-size: 1.2em; font-weight: 600; margin: 0; } p.openingtime { font-size: 1.4em; font-weight: 300; } p.sbaddress { margin: 0; } .timesntickets .tntmain { padding: 0 0 14px 0; } p.maintickettype { font-size: 1.2em; font-weight: 600; margin: 0; } p.maintickettype span { font-weight: 400; } p.tickettype { font-size: 1.2em; font-weight: 600; margin: 0; } p.ticketdesc { } /* Tickets Popover */ #admission.tntwrap p:first-child { font-size: inherit; } #admission.tntwrap h5 { padding: 20px 0 0 0; border-top: 1px solid #D5D5DC; } #admission.tntwrap h5:first-child { padding: 0; border: none; } /* Trip Advisor */ .tripadvisorlink { padding: 14px 0 0 0; margin: 8px 0 0 0; border-top: 1px solid #D5D5DC; } /* Upcoming Events */ .upcomingevents { background-color: #FFF; } .upcomingevents .uewrap { padding: 20px 0; margin: 0 20px; border-bottom: 1px solid #D5D5DC; } .upcomingevents .uewrap:last-child { border: none; } /* IE ALL */ .ie .upcomingevents .uewrap.lastchild { border: none; } /* IE ALL */ .upcomingevents .uewrap .uetitle { padding: 0 0 0 30px; background-image: url(_images/common/icon-calendar.svg); background-repeat: no-repeat; background-position: left center; } .no-svg .upcomingevents .uewrap .uetitle { background-image: url(_images/common/icon-calendar.png); } /* No SVG */ .upcomingevents h4 { font-family: "adobe-garamond-pro", Georgia, serif; font-style: italic; color: #B72340; } /* FS */ .upcomingevents p { margin: 0 0 10px 0; } .uelist { } .uelist .ueevent { display: none; padding: 0 0 8px 0; margin: 0 0 18px 0; border-bottom: 1px solid #D5D5DC; } .uelist .ueevent:first-child { display: block; } .uelist .ueevent:nth-child(2) { display: block; } /* IE ALL */ .ie .uelist .ueevent.firstchild { display: block; } /* IE ALL */ /* IE ALL */ .ie .uelist .ueevent.secondchild { display: block; } /* IE ALL */ /* .uelist .ueevent:last-child { padding: 0; margin: 0; border: none; } */ /* IE ALL */ /* .ie .uelist .ueevent.lastchild { padding: 0; margin: 0; border: none; } */ /* IE ALL */ .uelist .ueevent h5 { margin: 0; background-image: url(_images/common/icon-navarrow-right.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .uelist .ueevent h5 { background-image: url(_images/common/icon-navarrow-right.png); } /* No SVG */ .uelist .ueevent p.date { font-size: 1.2em; font-weight: 300; } /*------------------------------------------------------------------*/ /* Site Links */ .sitelinks { float: left; width: 100%; margin: 0 0 18px 0; overflow: hidden; } .slblock { float: left; width: 33.3%; padding-bottom: 1000px; margin: 0 0 -1000px 0; } .slblock .wrap { padding: 20px; } .slblock h3 { margin: 0 0 8px 0; } /* FS */ .slblock p { } a.slblocklink { padding: 0 20px 0 0; background-image: url(_images/common/icon-navarrow-right.svg); background-repeat: no-repeat; background-position: right center; } .no-svg a.slblocklink { background-image: url(_images/common/icon-navarrow-right.png); } a.slblocklink:hover { } /*------------------------------------------------------------------*/ /*--- Summary Blocks ---*/ .summaryblocks { margin: 0 0 18px 0; overflow: hidden; } .sblock { float: left; width: 32%; padding-bottom: 1000px; margin: 0 2% -1000px 0; background-color: #E5E5DF; overflow: hidden; } .sblock:last-child { margin-right: 0; } /* IE ALL */ .ie .sblock.lastchild { margin-right: 0; } /* IE ALL */ .sblock .wrap { padding: 20px; } .sblock .photo { } .sblock h3 { font-size: 1.3em; color: #426660; margin: 0 0 8px 0; } /* FS */ .sblock p { color: #2D2727; margin: 0; } .sblock .tab { width: 50%; height: 1px; margin: 0 0 8px 0; background-color: #B6B6AF; } .sblock a:hover h3 { color: #B72340; } /* Open Version */ .summaryblocksopen .sblock { position: relative; background: none; } .summaryblocksopen .sblock .wrap { padding: 10px 0 0 0; background-position: 0 0; } .summaryblocksopen .sblock .toptab { height: 4px; margin: 0 0 12px 0; background-color: #8C0517; } .summaryblocksopen .sblock h2 { font-size: 1.8em; color: #B72340; margin: 0 0 8px 0; } /* FS */ .summaryblocksopen .sblock p { margin: 0 0 18px 0; } /* One Up Version */ .summaryblocksoneup { } .summaryblocksoneup .sblock { width: 100%; padding: 0; margin: 0 0 20px 0; } .summaryblocksoneup .sblock:last-child { margin: 0; } /* IE ALL */ .ie .summaryblocksoneup .sblock.lastchild { margin: 0; } /* IE ALL */ /* Two Up Version */ .summaryblockstwoup { } .summaryblockstwoup .sblock { width: 48%; margin-right: 0; } .summaryblockstwoup .sblock:nth-child(2n) { float: right; } /* IE ALL */ .ie .summaryblockstwoup .sblock.evenchild { float: right; } /* IE ALL */ /*--- Gallery ---*/ .royalSlider { display: none; } /* hide slider, bring back with js */ #ppphotogallery { width: 100%; margin: 0 0 24px 0; overflow: hidden; } #ppphotogallery img { max-width: inherit; } /*--- Pagination ---*/ .pagination { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.3em; font-style: italic; overflow: hidden; } .pagination span, .pagination a { display: block; display: inline-block; text-align: center; color: #2D2727; line-height: 18px; min-width: 18px; padding: 6px 10px; margin: 0 0 4px 0; border-right: 1px solid #D5D5DC; } .pagination a:hover, .pagination a:active { color: #B72340; } .pagination .current { color: #8C0517; border-left: 4px solid #B72340; margin: 0 0 0 -1px; } /*--- SideBar ---*/ .sidelinks { float: left; width: 100%; margin: 0 0 14px 0; } .sidelinks ul { font-size: 1.1em; margin: 0; } .sidelinks ul li { display: block; padding: 0; margin: 0; background: none; } .sidelinks ul li a { display: block; line-height: 36px; color: #FFF; padding: 0 20px; margin: 0 0 6px 0; background-color: #606E7E; border-left: 5px solid #CEAC41; } .sidelinks ul li a:hover, .sidelinks ul li a:active { background-color: #4E5B6D; } /*--- Full Width Features ---*/ .fwfeatures { margin: 0 0 34px 0; } .fwfeature { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #DBDBDB; overflow: hidden; } .fwfeature:last-child { padding: 0; margin: 0; border: none; } /* IE ALL */ .ie .fwfeature.lastchild { padding: 0; margin: 0; border: none; } /* IE ALL */ .fwfeature .copy { float: left; width: 62%; padding: 10px 3% 0 0; } .fwfeature .image { float: left; width: 35%; } .fwfeature.photoleft .copy { padding: 10px 0 0 3%; } /*--- Search Results ---*/ .searchresult { margin: 0 0 18px 0; border-bottom: 1px solid #D5D5DC; } .searchresult h3 { margin: 0 0 12px 0; } /*--- Explore Collection ---*/ .explorecollection { position: relative; float: left; width: 100%; height: 338px; background-color: #D5D5DC; } .explorecollection .title { position: absolute; top: 0; left: 0; width: auto; text-transform: uppercase; color: #FFF; padding: 14px 20px; background-color: #B72340; z-index: 3; } .explorecollection .title h4 { margin: 0; } .explorecollection .block1, .explorecollection .block2, .explorecollection .block3 { position: relative; float: left; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ie .explorecollection .block1.hideitem, .ie .explorecollection .block2.hideitem, .ie .explorecollection .block3.hideitem { display: none; } /* ALL IE */ .explorecollection .block1 { width: 40%; background-color: #CCC; } .explorecollection .block2 { width: 20%; background-color: #D6D6D6; } .explorecollection .block3 { width: 20%; height: 50%; background-color: #DDD; } .explorecollection .block1 span, .explorecollection .block2 span, .explorecollection .block3 span { position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 100%; border-right: 1px solid #F6F8EF; border-bottom: 1px solid #F6F8EF; } /*------------------------------------------------------------------*/ /* 5. Blog /*------------------------------------------------------------------*/ /*--- Blog Link Colours ---*/ .blogpost a { color: #2D2727; } .blogpost a:hover, .blogpost a:active { color: #B72340; } /*--- Blog Common ---*/ .blogpost { margin: 0 -3% 30px -3%; } .blogpost h3 { font-size: 2em; padding: 0 3%; } .blogpostmeta { font-size: 1.2em; } .blogpostmeta a { color: #8C0517; } .blogpostmeta a:hover, .blogpostmeta a:active { color: #B72340; text-decoration: none; } .blogpostmeta .date { display: inline-block; color: #FFF; padding: 4px 20px 4px 4%; margin: 0 8px 0 0; background-color: #B72340; background-image: url(_images/common/bkgd-blogpostdate.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .blogpostmeta .date { background-image: url(_images/common/bkgd-blogpostdate.png); } /* No SVG */ .blogpostmeta .category { font-size: 0.9em; padding: 0 0 0 26px; background-image: url(_images/common/icon-blogtopic.svg); background-repeat: no-repeat; background-position: left center; } .no-svg .blogpostmeta .category { background-image: url(_images/common/icon-blogtopic.png); } /* No SVG */ .blogpostmeta .author { font-size: 0.9em; margin: 0 0 0 10px; padding: 0 0 0 26px; background-image: url(_images/common/icon-blogauthor.svg); background-repeat: no-repeat; background-position: left center; } .no-svg .blogpostmeta .author { background-image: url(_images/common/icon-blogauthor.png); } /* No SVG */ .blogpostmeta .views { float: right; font-size: 0.9em; font-weight: 200; font-style: italic; padding: 0 3% 0 28px; background-image: url(_images/common/icon-postviews.svg); background-repeat: no-repeat; background-position: left center; } .no-svg .blogpostmeta .views { background-image: url(_images/common/icon-postviews.png); } /* No SVG */ .blogpostcopy { margin: 3%; border-bottom: 1px solid #DBDBDB; } .blogpostcopy p a:hover, .blogpostcopy p a:active { text-decoration: underline; } .blogfeaturedimage { margin: 0 0 20px 0; } .blogfeaturedimage img { margin: 0; } .blogfeaturedimage a { display: block; } .blogfeaturedimage a:hover, .blogfeaturedimage a:active { opacity: 0.8; } a.readmorebtn { display: inline-block; font-size: 1.1em; font-weight: 600; text-transform: uppercase; color: #8C0517; padding: 4px 0 8px 0; margin: 0 0 -1px 0; border-bottom: 3px solid #B72340; } a.readmorebtn:hover, a.readmorebtn:active { color: #B72340; } /*--- Single Blog Post ---*/ .blogpostmeta.single { margin: 0 0 20px -3%; overflow: hidden; } .blogpostmeta.single .views { padding-right: 0; } .returnlink { border-bottom: 1px solid #DBDBDB; } a.returnbtn { padding-left: 18px; background-image: url(_images/common/icon-navarrow-left.svg); background-repeat: no-repeat; background-position: left center; } .no-svg a.returnbtn { background-image: url(_images/common/icon-navarrow-left.png); } /* No SVG */ /*--- Blog Feed ---*/ .relatednews { padding: 30px 0 0 0; overflow: hidden; } .blogpostfeed { float: left; width: 32%; padding-bottom: 1000px; margin: 0 2% -1000px 0; background-color: #E5E5DF; overflow: hidden;} .blogpostfeed:last-child { margin-right: 0; } /* IE ALL */ .ie .blogpostfeed.lastchild { margin-right: 0; } /* IE ALL */ a.blogpostfeed { color: #64908A; } a.blogpostfeed:hover, a.blogpostfeed:active { color: #426660; } .blogpostfeed img { margin: 0; } .blogpostfeed .titlewrap { padding: 5% 10% 5% 5%; } .blogpostfeed .titlewrap h6 { line-height: 1.2em; margin: 0; } .blogpostfeed .titlewrap p { color: #2D2727; padding: 10px 0 0 0; margin: 0; } /*--- Related Events Feed ---*/ .relatedevents .blogpostfeed { display: none; } .relatedevents .blogpostfeed:first-child { display: block; } .relatedevents .blogpostfeed:nth-child(2) { display: block; } .relatedevents .blogpostfeed:nth-child(3) { display: block; } /*------------------------------------------------------------------*/ /* 6. Events /*------------------------------------------------------------------*/ /*--- Event Common ---*/ .eventpost { margin: 0 0 30px 0; border-bottom: 1px solid #DBDBDB; } .eventpost h3 { font-size: 2em; } .eventpost h3 a { color: #2D2727; } .eventpost h3 a:hover, .eventpost h3 a:active { color: #B72340; } /*------------------------------------------------------------------*/ /* 7. Exhibitions /*------------------------------------------------------------------*/ /*--- Current Exhibition ---*/ .currentexhibition { /* padding: 20px 0 0 0; */ margin: 0 0 24px 0; /* border-top: 1px solid #DBDBDB; */ overflow: hidden; } .currentexhibition .poster { float: right; max-width: 50%; margin: 0 0 0 20px; } .currentexhibition .poster a:hover, .currentexhibition .poster a:active { opacity: 0.8; } .currentexhibition h1 { font-size: 2.2em; color: #B72340; margin: 0 0 8px 0; } .currentexhibition h1 span { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 0.6em; font-style: italic; padding: 0 0 0 8px; border-left: 1px solid #B2B2AA; } .currentexhibition h2 { font-size: 1.7em; } /*--- Past Exhibitions ---*/ .exhibitionstitle { color: #B72340; text-align: center; margin: 0 0 24px 0; background-image: url(_images/common/bkgd-greyline.svg); background-repeat: repeat-x; background-position: center center; } .no-svg .exhibitionstitle { background-image: url(_images/common/bkgd-greyline.png); } /* No SVG */ .exhibitionstitle span { padding: 0 20px; background-color: #FFF; } .exhibitionstitle h3 { display: inline-block; margin: 0; } .pegrid { overflow: hidden; } .pastexhibition { float: left; width: 49%; min-height: 170px; text-align: center; margin: 0 2% 2% 0; background-color: #E5E5DF; overflow: hidden; } .pastexhibition:nth-child(2n) { margin-right: 0; } /* IE ALL */ .ie .pastexhibition.evenchild { margin-right: 0; } /* IE ALL */ .pastexhibition .wrap { padding: 22px 12px; overflow: hidden; } /* .pastexhibition img { float: right; width: 45%; } */ .pastexhibition .poster { float: right; width: 44%; text-align: right; } .pastexhibition .poster img { border: 1px solid #E5E5DF; } .pastexhibition a:hover .poster, .pastexhibition a:active .poster { opacity: 0.8; } .pastexhibition h3 { font-size: 1.5em; color: #8C0517; margin: 0 0 8px 0; } /* FS */ .pastexhibition p { color: #2D2727; margin: 0; } .pastexhibition .tab { width: 80%; height: 1px; margin: 0 auto 8px auto; background-color: #B6B6AF; } .pastexhibition a:hover h3, .pastexhibition a:active h3 { color: #B72340; } /* Load More Button */ a.loadmorebtn { float: left; width: 100%; text-align: center; } a.loadmorebtn span { display: inline-block; font-size: 1.2em; color: #FFF; padding: 6px 20px 6px 10px; background-color: #B72340; background-image: url(_images/common/bkgd-arrowwhite.svg); background-repeat: no-repeat; background-position: right center; } .no-svg a.loadmorebtn span { background-image: url(_images/common/bkgd-arrowwhite.png); } /* No SVG */ a.loadmorebtn:hover span, a.loadmorebtn:active span { color: #E9BDC5; } /* If is Single */ body.single-exhibitions .pastexhibitions { padding: 20px 0 0 0; } /*------------------------------------------------------------------*/ /* 8. Homepage /*------------------------------------------------------------------*/ /*--- Home Slider ---*/ .homeslider { position: relative; max-width: 1680px; margin: 0 auto; overflow: hidden; } .homeslider #sync1 .container { position: absolute; left: 0; top: 15%; width: 100%; max-width: 100%; padding: 0; } .homeslider .hscontent { position: relative; z-index: 3; max-width: 1060px; padding: 20px; margin: 0 auto; color: #2D2727; overflow: hidden; } .homeslider .hscontent .tab { width: 156px; height: 4px; margin: 0 0 16px 0; background-color: #B72340; } .homeslider .hscontent h3 { font-size: 2em; font-weight: 100; text-transform: uppercase; font-style: normal; /* padding: 0 60% 0 0; */ } .homeslider .hscontent h2 { font-size: 3em; font-weight: 100; text-transform: uppercase; /* padding: 0 60% 0 0; */ } .homeslider .hscontent p { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 2em; line-height: 1em; font-style: italic; /* padding: 0 60% 0 0; */ margin: 0 0 30px 0; } /* .homeslider .hscontent a { text-transform: uppercase; padding: 6px 20px 6px 0; background-image: url(_images/common/icon-navarrow-right.svg); background-repeat: no-repeat; background-position: right center; border-top: 1px solid #B2B2AA; } */ .hscontentblock { max-width: 40%; padding: 14px; background: url(_images/common/bkgd-filterwhite70.png) repeat 0 0; background-color: rgba(255,255,255,0.7); } .hscontentblock a.btn { background-color: transparent; background-image: url(_images/common/bkgd-arrowtransparent.svg); } .no-svg .hscontentblock a.btn { background-image: url(_images/common/bkgd-arrowtransparent.png); } /* No SVG */ .homeslider #sync1 .item { height: 520px; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .homeslidernav { margin: 0 0 30px 0; } #sync2 .item { position: relative; text-align: center; color: #FFF; height: 150px; line-height: 150px; margin: 0 1px 1px 0; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; cursor: pointer; } #sync2 .item:hover .filter, #sync2 .item:active .filter { background: url(_images/common/bkgd-filterred85.png) repeat 0 0; background: rgba(183, 35, 64, 0.85); } #sync2 .item h6 { position: relative; z-index: 3; font-size: 1.1em; text-transform: uppercase; margin: 0; } #sync2 .item .filter { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: url(_images/common/bkgd-filterblack35.png) repeat 0 0; background: rgba(45, 39, 39, 0.35); } #sync2 .synced .item { border-bottom: 3px solid #B72340; } .homeslider .filter { position: relative; z-index: 2; height: 100%; background-image: url(_images/common/bkgd-homeslider-filter.png); background-position: center bottom; background-size: cover; } .homeslider .bottomgradient { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 15%; background: -webkit-linear-gradient(top, rgba(246,248,239,0), rgba(246,248,239,1)) !important; background: -o-linear-gradient(top, rgba(246,248,239,0), rgba(246,248,239,1)) !important; background: -moz-linear-gradient(top, rgba(246,248,239,0), rgba(246,248,239,1)) !important; background: linear-gradient(top, rgba(246,248,239,0), rgba(246,248,239,1)) !important; } @media screen and (min-width: 1681px) { .homeslider .leftgradient { position: absolute; top: 0; left: 0; bottom: 0; width: 10%; height: 100%; background: -webkit-linear-gradient(right, rgba(246,248,239,0), rgba(246,248,239,1)) !important; background: -o-linear-gradient(right, rgba(246,248,239,0), rgba(246,248,239,1)) !important; background: -moz-linear-gradient(right, rgba(246,248,239,0), rgba(246,248,239,1)) !important; background: linear-gradient(right, rgba(246,248,239,0), rgba(246,248,239,1)) !important; } .homeslider .rightgradient { position: absolute; top: 0; right: 0; bottom: 0; width: 10%; height: 100%; background: -webkit-linear-gradient(left, rgba(246,248,239,0), rgba(246,248,239,1)) !important; background: -o-linear-gradient(left, rgba(246,248,239,0), rgba(246,248,239,1)) !important; background: -moz-linear-gradient(left, rgba(246,248,239,0), rgba(246,248,239,1)) !important; background: linear-gradient(left, rgba(246,248,239,0), rgba(246,248,239,1)) !important; } } .hometimesntickets { position: absolute; top: 5%; right: 4%; background: url(_images/common/bkgd-filterwhite70.png) repeat 0 0; background-color: rgba(255,255,255,0.7); z-index: 999; } .mobiletimesntickets { display: none; overflow: hidden; } /*--- Location Map ---*/ .locationanddirections { padding: 0 0 30px 0; } .locationanddirections .title { margin: 0 0 18px 0; background-image: url(_images/common/bkgd-redline.svg); background-repeat: repeat-x; background-position: center center; } .no-svg .locationanddirections .title { background-image: url(_images/common/bkgd-redline.png); } /* No SVG */ .locationanddirections .title span { display: inline-block; padding: 0 12px 0 0; background-color: #F6F8EF; } .locationanddirections h2 { width: auto; color: #8C0517; margin: 0; } .locationanddirections p { margin: 0 0 10px 0; } .locationanddirections p.address br { display: none; } .locationmap { height: 320px; margin: 0 0 30px 0; background-color: #D5D5DC; } .homemaincontent .locationmap, .fullwidth .locationmap { height: 420px; } .locationmap img { max-width: none !important; } /*--- Static Location Map ---*/ .homelocation { position: relative; height: 500px; margin: 0 0 30px 0; background-color: #CCC; background: url(_images/common/location-map-desktop.jpg) no-repeat scroll center center; } .homelocation .infoblock { position: absolute; top: 20px; right: 20px; width: 32%; background: url(_images/common/bkgd-filterwhite70.png) repeat 0 0; background-color: rgba(255,255,255,0.7); } .homelocation .infoblock .title { text-transform: uppercase; color: #FFF; padding: 14px 20px; background-color: #B72340; } .homelocation .infoblock .title h4 { margin: 0; } .homelocation .infoblock .wrap { padding: 20px 20px 10px 20px; } .homelocation .infoblock a.btn { background-color: transparent; background-image: url(_images/common/bkgd-arrowtransparent.svg); } .no-svg .homelocation .infoblock a.btn { background-image: url(_images/common/bkgd-arrowtransparent.png); } /* No SVG */ .homelocation .infoblock .photo { height: 140px; background-repeat: no-repeat; background-position: center center; } /*--- Core Owl Carousel CSS File v1.3.3 ---*/ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(_images/common/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* Owl Carousel Owl Demo Theme v1.3.3 */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(_images/common/AjaxLoader.gif) no-repeat center center; } /* Site Specific Tweaks */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { position: relative; } /*--- Leave Below Unchanged - Overwrites Afterwards ---*/ /*- Fade-zoom animation for first dialog -*/ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /*- Magnific Popup CSS -*/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #FFF; opacity: 0.7; filter: alpha(opacity=70); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !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-inline-holder .mfp-content, .mfp-ajax-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-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -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: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-weight: 100; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.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:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { 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:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { 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: hidden; 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, 0.6); background: black; } /* Main image in popup */ 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 40px; margin: 0 auto; } /* The shadow behind the image */ .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, 0.6); background: #444444; } .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) { /** * Remove all paddings around the image on small screen */ .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, 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, 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-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; } /*--- Overwrite Core Styling ---*/ .zoom-anim-dialog { position: relative; margin: 40px auto; } .mfp-bg { background: #2D2727; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.9; } button.mfp-close { top: 0; right: -1; width: 32px; height: 30px; line-height: 20px; font-size: 20px; padding: 0 0 4px 0; opacity: 0.9; filter: alpha(opacity=90); } button.mfp-close:active { top: 0; } .mfp-close-btn-in .mfp-close { color: #FFF; } button.mfp-close, button.mfp-arrow { background-color: #B72340; } /*------------------------------------------------------------------*/ /* 9. eHive /*------------------------------------------------------------------*/ .ehivefullwidth { padding-top: 2%; } .ehivefullwidth .navbreadcrumbs { color: #B72340; } .ehivefullwidth .navbreadcrumbs a { color: #999; border-bottom: 1px solid transparent; } .ehivefullwidth .navbreadcrumbs a:hover, .ehivefullwidth .navbreadcrumbs a:focus { border-bottom: 1px solid #B72340; } .ehivefullwidth .bcwrap { padding: 0 0 12px 0; margin: 0 0 20px 0; border-bottom: 1px solid #E5E5DF; } .ehivefullwidth .bcwrap .divider { color: #D5D5DC; } .ehivesearchbar { background-color: #E5E5DF; padding: 20px; margin: 0 0 14px 0; overflow: hidden; } .ehivesearchbar .title { float: left; width: 25%; line-height: 38px; text-transform: uppercase; } .ehivesearchbar .form { float: left; width: 75%; } .ehivesearchbar .form input { float: left; width: 100%; border-color: #D5D5DC; } .ehivesearchbar .form input.submit { width: 40px; margin: 0 0 0 -40px; padding: 0; text-indent: -9999px; background-color: #8C0517; background-image: url(_images/common/icon-navsearch.svg); background-repeat: no-repeat; background-position: center -2px; border: 1px solid #8C0517; } .no-svg .ehivesearchbar .form input.submit { background-image: url(_images/common/icon-navsearch.png); } /* NO SVG */ .ehivesearchbar .form input.submit:hover, .ehivesearchbar .form input.submit:active { background-color: #B72340; border: 1px solid #B72340; } /*--- Image Grid Landing Page ---*/ .ehive-image-grid .ehive-item { float: left; min-height: 250px; text-align: center; background-color: #E5E5DF; } .ehive-image-grid .ehive-item-metadata-wrap { padding: 10px; } .ehive-image-grid .ehive-item p:first-child { font-size: inherit; } /*--- Search Results ---*/ /* Pagination */ .ehive-navigation { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.3em; font-style: italic; padding: 0 0 12px 0; margin: 0 0 20px 0; border-bottom: 1px solid #E5E5DF; overflow: hidden; } .ehive-pagination { float: right; width: 50%; text-align: right; } .ehive-pagination span, .ehive-pagination a { display: block; display: inline-block; text-align: center; color: #2D2727; line-height: 18px; min-width: 18px; padding: 6px 10px; margin: 0 0 4px 0; border-right: 1px solid #D5D5DC; } .ehive-pagination a:hover, .ehive-pagination a:active { color: #B72340; } .ehive-pagination .current { color: #8C0517; border-left: 4px solid #B72340; margin: 0 0 0 -6px; } /* View Types */ ul.ehive-view-navigation { float: left; width: 50%; margin: 0; } ul.ehive-view-navigation li { display: inline-block; padding: 6px 10px; margin: 0 0 4px 0; border-right: 1px solid #D5D5DC; background: none; } ul.ehive-view-navigation li:first-child { display: none; } ul.ehive-view-navigation li a { display: block; display: inline-block; text-align: center; color: #2D2727; line-height: 18px; min-width: 18px; padding: 6px 10px; margin: 0 -10px; } ul.ehive-view-navigation li a:hover, ul.ehive-view-navigation li a:active { color: #B72340; } ul.ehive-view-navigation li.current { color: #8C0517; border-left: 4px solid #B72340; margin: 0 0 0 -1px; } /* Lightbox */ .ehive-lightbox .ehive-item { float: left; width: 28%; padding: 2%; margin: 0 2% 2% 0; text-align: center; background-color: #E5E5DF; } .ehive-lightbox .ehive-item:nth-child(3n) { margin-right: 0; } .ehive-lightbox .ehive-item-image-wrap { margin: 0 0 20px 0; } .ehive-lightbox .ehive-item p:first-child { font-size: inherit; } .ehive-lightbox .ehive-more-link { display: block; padding: 12px 0 0 0; border-top: 1px solid #B2B2AA; } /* List */ .ehive-list .ehive-item { margin: 0 0 12px 0; background-color: #E5E5DF; overflow: hidden; } .ehive-list .ehive-item-image-wrap { float: left; width: 10%; } .ehive-list .ehive-item-metadata-wrap { float: left; width: 86%; padding: 2%; } /*------------------------------------------------------------------*/ /* 10. WooCommerce /*------------------------------------------------------------------*/ /*--- Shop Landing Page ---*/ .shopcategory { position: relative; margin: 0 0 20px 0; } .shopcategory .title { position: absolute; top: 0; left: 0; width: auto; text-transform: uppercase; color: #FFF; padding: 14px 20px; background-color: #B72340; z-index: 3; } .shopcategory .title h4 { margin: 0; } .shopcategory:hover .title { background-color: #8C0517; } /*--- Shop Common Elements ---*/ .shopfullwidth { padding-top: 2%; } .shopheader { padding: 0 0 5px 0; margin: 0 0 14px 0; border-bottom: 1px solid #B72340; overflow: hidden; } .shopheader h2 { float: left; font-family: "adobe-garamond-pro", Georgia, serif; font-style: italic; } /* .shopheader h3 { float: left; line-height: 36px; margin: 0; } */ .shopheader a.btn { float: right; margin: 0 0 0 4px; } /* Shop Wide Message */ p.demo_store { top: auto; bottom: 0; background-color: #64908A; } /* Breadcrumbs */ .woocommerce .woocommerce-breadcrumb { color: #999; padding: 0 0 12px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D3CED2; } .woocommerce .woocommerce-breadcrumb a { color: #999; border-bottom: 1px solid transparent; } .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:focus { border-bottom: 1px solid #B72340; } /*------------------------------------------------------------------*/ /*--- Product Category ---*/ .woocommerce .woocommerce-ordering select { width: 100%; } .woocommerce ul.products li.product h3 { font-size: 1.2em; padding: 0; margin: 0 0 12px 0; } .woocommerce ul.products li.product .price { font-size: 1em; color: #2D2727; } /*------------------------------------------------------------------*/ /*--- Product Page ---*/ /* Photo Area */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 32%; padding: 0 2% 0 0; border-right: 1px solid #D3CED2; } .woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img { margin: 0; } /* Pretty Photo Gallery */ /* .pp_top { height: 10px; } .pp_content_container .pp_left { padding-left: 10px; } .pp_content_container .pp_right { padding-right: 10px; } */ div.pp_woocommerce .pp_content_container { border-radius: 0; } div.ppt { visibility: hidden; } div.pp_woocommerce .pp_close { text-indent: -10000px; } .pp_gallery { visibility: hidden; } div.pp_woocommerce .pp_details { } div.pp_woocommerce .pp_description { visibility: hidden; } /* Summary */ .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 64%; padding: 20px 0 0 0; } .woocommerce-page div.product div.summary .button { width: auto; } /* Product Title */ .woocommerce div.product .product_title { color: #8C0517; padding: 0 20% 0 0; margin: 0 0 8px 0; } /* Product Price */ .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 1.8em; color: #2D2727; margin: 0 0 12px 0; } /* Product Variations */ .woocommerce div.product form.cart .variations td.label { padding: 0; } .woocommerce div.product form.cart .variations label { width: auto; padding: 0 20px; } a.reset_variations { float: left; display: inline-block; width: 100%; color: #B72340; text-align: center; padding: 6px 0; margin: 10px 0 0 0; background-color: #FFF; border: 1px solid #B72340; } /* Add to Cart Btn */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding-top: 0; padding-bottom: 0; line-height: 38px; font-weight: 600; border-radius: 0; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #B72340; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background-color: #8C0517; } /* Related Products */ .woocommerce .related { display: none; border-top: 1px solid #D3CED2; } /*------------------------------------------------------------------*/ /*--- Cart ---*/ .woocommerce table.shop_table { border: none; border-radius: 0; } .woocommerce a.remove { color: #B72340 !important; } .woocommerce a.remove:hover { background-color: #8C0517; } .woocommerce-cart table.cart img { width: 80px; margin: 0; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { width: 40%; } .woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0; } .woocommerce table.cart td.actions .coupon input { width: 50%; border: none; } .woocommerce .cart .button, .woocommerce .cart input.button { float: right; width: 48%; } .woocommerce-cart .cart-collaterals .cart_totals table { width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { text-align: left; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 30%; } .woocommerce .quantity .qty { float: none; } .woocommerce #content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input { } /* Shipping */ .woocommerce form .form-row { padding: 0 0 4px 0; } .woocommerce ul#shipping_method li label { float: none; } /*------------------------------------------------------------------*/ /*--- Checkout ---*/ .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { padding-right: 2%; padding-bottom: 2%; border-right: 1px solid #D3CED2; } .woocommerce form .form-row label, .woocommerce-page form .form-row label, .woocommerce-shipping-fields label { width: 100%; line-height: 38px; padding: 0; background-color: #F7F6F7; background: none; border: none; } /* Login Register */ .woocommerce form.login, .woocommerce form.register { margin-top: -2em; background-color: #F7F6F7; border: none; border-top: 1px solid #D3CED2; border-radius: 0; } .woocommerce form.login input, .woocommerce form.register input { width: 100%; } .woocommerce form.login .form-row-first, .woocommerce form.login .form-row-last, .woocommerce form.register .form-row-first, .woocommerce form.register .form-row-last { width: 49%; } .woocommerce form.login input.button, .woocommerce form.register input.button { color: #FFF; background-color: #B72340; } .woocommerce form.login input.button:hover, .woocommerce form.register input.button:hover { color: #FFF; background-color: #8C0517; } .woocommerce form.login input[type="checkbox"], .woocommerce form.register input[type="checkbox"] { width: auto; height: 38px; } /* Coupon */ .woocommerce form.checkout_coupon { margin-top: -2em; background-color: #F7F6F7; border: none; border-top: 1px solid #D3CED2; border-radius: 0; } .woocommerce form.checkout_coupon input { width: 100%; } .woocommerce form.checkout_coupon input.button { color: #FFF; background-color: #B72340; } .woocommerce form.checkout_coupon input.button:hover { color: #FFF; background-color: #8C0517; } .woocommerce form.checkout_coupon .form-row-first, .woocommerce form.checkout_coupon .form-row-last { float: left; width: 50%; } /* Create Account */ .woocommerce form .form-row.create-account { min-width: 200px; display: inline-block; line-height: 20px; padding: 0 12px; margin: 0 0 8px 0; background: #B72340; } .woocommerce form .form-row.create-account label { float: none; color: #FFF; text-transform: uppercase; line-height: 44px; } .woocommerce form .form-row.create-account input[type="checkbox"] { height: 44px; } div.create-account { padding: 20px; margin: 10px 0 0 0; border: 1px solid #D3CED2; border-top: 4px solid #B72340; } /* Shipping Address */ .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { line-height: 20px; padding: 0 12px; margin: 0 0 8px 0; background: #F7F6F7; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label { float: none; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address input[type="checkbox"] { height: 36px; } /* Order Summary Heading */ #order_review_heading { padding: 14px 0 0 0; margin-top: 14px; border-top: 1px solid #D3CED2; } /* Payment Selection */ .woocommerce-checkout #payment { border-radius: 0; } .woocommerce-checkout #payment div.payment_box { visibility: hidden; } /* Hide PayPal Desc box */ .woocommerce-checkout #payment ul.payment_methods li input { width: auto; height: 54px; line-height: 54px; } .woocommerce-checkout #payment label { width: auto; height: auto; line-height: 54px; background: none; border: 1px solid #D3CED2; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { line-height: 54px; padding: 0 0 0 10px; } /* Place Order Button */ .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: 100%; } /*------------------------------------------------------------------*/ /*--- My Account ---*/ body.woocommerce-account .woocommerce h2 { font-family: "adobe-garamond-pro", Georgia, serif; font-style: italic; padding: 0 0 20px 0; border-bottom: 1px solid #D3CED2; } /* Update Details */ body.woocommerce-account legend { width: 100%; font-weight: bold; padding: 20px 0; } body.woocommerce-account .woocommerce #respond input#submit, body.woocommerce-account .woocommerce a.button, body.woocommerce-account .woocommerce button.button, body.woocommerce-account .woocommerce input.button { width: 47%; color: #FFF; background-color: #B72340; } body.woocommerce-account .woocommerce #respond input#submit:hover, body.woocommerce-account .woocommerce a.button:hover, body.woocommerce-account .woocommerce button.button:hover, body.woocommerce-account .woocommerce input.button:hover { background-color: #8C0517; } /* Recent Orders */ .woocommerce table.my_account_orders .order-actions .button { width: auto; }