/*-------------------------------------------------------------------- Theme Name: The Fan Museum Author: The Pixel Parlour Author URI: https://www.pixelparlour.co.uk Version: 1.0 [WP5.8+] Updated: 26.10.2023 Designed & Handcrafted by The Pixel Parlour 1. CSS Resets 2. Common Styles 3. Universal Elements 4. Common Page Elements 4a. Content Blocks 5. Blog 6. Events 7. Exhibitions 8. Homepage 9. eHive 10. WooCommerce 11. Owl Carousel --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 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; */ background-color: #FFF; -webkit-text-size-adjust: none; } body.error404 { background-color: #FFF; } button, input, select, textarea { font-family: "proxima-nova", Helvetica, Arial, sans-serif; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-family: "proxima-nova", Helvetica, Arial, sans-serif; } .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%; } .embedcontainer { position: relative; height: 0; padding-top: 0; padding-bottom: 56.25%; } .embedcontainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF !important; } .embedcontainer p { margin: 0; } 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, button, .alltransition, .animatefast, a .svg_icon circle, a .svg_icon path, a .svg_icon polygon, a .svg_icon polyline, a .svg_icon rect { 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: 600; } 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; */ color: #B72340; } 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; } .font_size_18 { font-size: 18px; } /* Caption */ .wp-caption { overflow: hidden; } .wp-caption img { width: 100%; margin: 0; } .wp-caption.alignleft { margin: 0 5% 20px 0; } .wp-caption.alignright { margin: 0 0 20px 5%; } .wp-caption.aligncenter, .wp-caption.aligncentre { margin: 0 auto 20px auto; } p.wp-caption-text { display: block; text-align: center; padding: 8px 12px; background-color: #F8F8F8; } 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 li::marker { font-weight: 600; color: #B72340; } .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; } /* New Buttons */ .buttons .btn { margin: 5px 10px 5px 0; } .dark_red_btn_solid, .dark_red_btn_outline, .red_btn_solid, .red_btn_outline, .white_btn_solid, .white_btn_outline { font-size: 16px !important; padding: 0 22px !important; background-image: none !important; } .red_btn_text, .white_btn_text { font-size: 16px !important; font-weight: 600; padding: 0 !important; background: none !important; } /* .dark_red_btn_solid { line-height: 48px; color: #FFF !important; background-color: #8C0517 !important; border: none !important; } .dark_red_btn_solid:hover, .dark_red_btn_solid:active, .dark_red_btn_solid:focus { color: #FFF !important; background-color: #B72340 !important; } .dark_red_btn_outline { line-height: 46px; color: #8C0517 !important; background-color: transparent !important; border: 1px solid #8C0517 !important; } .dark_red_btn_outline:hover, .dark_red_btn_outline:active, .dark_red_btn_outline:focus { color: #8C0517 !important; background-color: rgba(188,5,23,0.1) !important; } .dark_red_btn_text { color: #8C0517 !important; } .dark_red_btn_text:hover, .dark_red_btn_text:active, .dark_red_btn_text:focus { color: #B72340 !important; } */ .red_btn_solid { line-height: 48px; color: #FFF !important; background-color: #B72340 !important; border: none !important; } .red_btn_solid:hover { color: #FFF !important; background-color: #8C0517 !important; } .red_btn_outline { line-height: 46px; color: #B72340 !important; background-color: transparent !important; border: 1px solid #B72340 !important; } .red_btn_outline:hover { color: #B72340 !important; background-color: rgba(188,5,23,0.1) !important; } .red_btn_text { color: #B72340 !important; } .red_btn_text:hover { color: #8C0517 !important; } .white_btn_solid { line-height: 48px; color: #8C0517 !important; background-color: #FFF !important; border: none !important; } .white_btn_solid:hover { color: #8C0517 !important; background-color: #F6F8EF !important; } .white_btn_outline { line-height: 46px; color: #FFF !important; background-color: transparent !important; border: 1px solid #FFF !important; } .white_btn_outline:hover { color: #FFF !important; background-color: rgba(255,255,255,0.1) !important; } .white_btn_text { color: #FFF !important; } .white_btn_text:hover { color: rgba(255,255,255,0.1) !important; } .slim_btn { line-height: 40px; } .slim_btn.white_btn_outline { line-height: 38px; } .social_btn { font-size: 16px !important; line-height: 28px !important; font-weight: 600; color: #B72340 !important; padding: 0 !important; background: none !important; } .social_btn .sb_icon { display: inline-block; height: 28px; padding: 0 10px 0 0; vertical-align: top; } .social_btn .sb_icon .svg_icon path { fill: #B72340; } .social_btn .sb_text { display: inline-block; vertical-align: top; } .social_btn:hover, .social_btn:active, .social_btn:focus { color: #8C0517 !important; } .social_btn:hover .sb_icon .svg_icon path, .social_btn:active .sb_icon .svg_icon path, .social_btn:focus .sb_icon .svg_icon path { fill: #8C0517; } .text_white .social_btn .sb_icon .svg_icon path { fill: #FFF; } .text_white .social_btn:hover .sb_icon .svg_icon path, .text_white .social_btn:active .sb_icon .svg_icon path, .text_white .social_btn:focus .sb_icon .svg_icon path { fill: rgba(255,255,255,0.8); } /* .text_btn { font-size: 16px !important; font-weight: 600; color: #B72340 !important; padding: 0 !important; background: none !important; } .text_btn:hover, .text_btn:active, .text_btn:focus { color: #8C0517 !important; } */ /* Text Alignment */ .text_left { text-align: left; } .text_right { text-align: right; } .text_centred, .text_centered { text-align: center; } /* Colours */ .red { color: #B72340; } .darkred { color: #8C0517; } .green { color: #64908A; } .darkgreen { color: #426660; } .midgrey { color: #D5D5DC; } .darkgrey { color: #B2B2AA; } .bkgd_white { background-color: #FFF !important; } .bkgd_light_grey { background-color: #F8F8F8 !important; } .bkgd_red { background-color: #B72340 !important; } .bkgd_dark_red { background-color: #8C0517 !important; } .bkgd_green { background-color: #426660 !important; } /* Text White */ .text_white { color: #FFF; } .text_white h3 { color: #FFF; } /* Filters */ .filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.3); } .blendleft { background: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)) !important; background: -o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0)) !important; background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)) !important; } @media screen and (min-width: 0px) and (max-width: 600px) { .blendleft { background: rgba(0,0,0,0.3) !important; } } /*------------------------------------------------------------------*/ /* 3. Universal Elements /*------------------------------------------------------------------*/ .sitewrapper { padding-top: 100px; } .sitewrapper.hasannouncement { padding-top: 159px; } @media screen and (min-width: 0px) and (max-width: 680px) { .sitewrapper { padding-top: 130px; } .sitewrapper.hasannouncement { padding-top: 209px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .sitewrapper { padding-top: 120px; } .sitewrapper.hasannouncement { padding-top: 199px; } } /*.sitewrapper.hasannouncement.moving { padding-top: 59px; }*/ .container { max-width: 1080px; padding: 0 16px; margin: 0 auto; overflow: hidden; } .container.no_padding { padding: 0; } .container.overflow { overflow: visible; } .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; } /* Notify */ #ccc #ccc-notify-dismiss { display: none !important; } #ccc #ccc-notify { max-width: 1120px; padding: 20px !important; margin: 0 auto !important; border-radius: 10px 10px 0 0 !important; } #ccc #ccc-notify h1 { font-size: 22px; font-weight: 600; line-height: 1.2em; padding-right: 0; margin-bottom: 5px; } #ccc #ccc-notify p a { border-bottom: 1px solid rgba(255,255,255,0.2); } #ccc #ccc-notify p a:hover { border-bottom-color: rgba(255,255,255,0.4); } #ccc #ccc-notify .ccc-notify-text { padding-right: 40px; margin: 0; } #ccc .ccc-content--dark .ccc-notify-button, #ccc .ccc-content--dark .ccc-notify-button span { border-color: transparent !important; } /* Panel */ #ccc h3 { font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } #ccc .checkbox-toggle-label { text-transform: uppercase; } #ccc .ccc-intro a { border-bottom: 1px solid rgba(255,255,255,0.2); } #ccc .ccc-intro a:hover, #ccc .ccc-intro a:focus { border-bottom-color: rgba(255,255,255,0.4); } #ccc label { line-height: 24px; } @media screen and (min-width: 600px) { #ccc #ccc-notify { font-size: inherit !important; } } @media screen and (max-width: 600px) { #ccc #ccc-notify .ccc-notify-text { padding-right: 0; } } @media screen and (max-width: 599px) { #ccc .ccc-notify-buttons { margin-left: 0; } } /*------------------------------------------------------------------*/ /*--- Forms ---*/ ::placeholder { color: #CCC; opacity: 1; } /* Chrome, Firefox, Opera, Safari 10.1+ */ :-ms-input-placeholder { color: #CCC; } /* Internet Explorer 10-11 */ ::-ms-input-placeholder { color: #CCC; } /* Microsoft Edge */ .req { color: #B72340; } .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%; } */ label { display: block; line-height: 20px; } button { cursor: pointer; border: none; } input, select, textarea { /* float: left; */ width: 100%; 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; padding-right: 40px; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M13%201L7%207%201%201%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right 10px center; } textarea { float: left; width: 100%; min-width: 100%; max-width: 100%; min-height: 160px; max-width: 160px; padding: 10px; -webkit-appearance: none; } .select2-container--default .select2-selection--single { border-color: #E5E5DF; } .select2-dropdown { border-color: #E5E5DF; border-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #E5E5DF; } .select2-results__options { width: 100%; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #B72340; } /*-----*/ /*- Form Layout -*/ .input_block { position: relative; margin: 0 0 24px 0; overflow: hidden; } .input_block br { display: none; } .form_group { margin: 0 0 24px 0; border-bottom: 1px solid #E5E5DF; } .form_group:last-of-type { margin: 0; } .form_group .title { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 28px; color: #B72340; padding: 0 0 16px 0; margin: 0 0 24px 0; border-bottom: 1px solid #B72340; } .form_group .title span { font-weight: 400; } .form_group label { font-weight: 600; } .form_group .desc { font-size: 16px; margin: 0 0 16px 0; } .form_group .submit_section { padding: 30px 40px; background-color: #F6F8F8; } .form_group .submit_section .submit_note { font-size: 14px; line-height: 21px; text-align: center; padding: 16px 0 0 0; } /* Inline Labels */ .input_block.inline_label label { padding: 9px 0; } @media screen and (min-width: 600px) { .input_block.inline_label label { float: left; width: 28%; } .input_block.inline_label span.wpcf7-form-control-wrap { float: right; width: 70%; } } /* .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; } /* Checkbox / Radio */ .check_block { } .check_block.one_across .wpcf7-list-item { float: left; width: 100%; margin: 0 0 10px 0; } .check_block.two_across .wpcf7-list-item { float: left; width: 50%; margin: 0 0 10px 0; } .check_block .wpcf7-list-item label { position: relative; width: auto; line-height: 32px !important; padding: 0 0 0 42px; } @media screen and (min-width: 0px) and (max-width: 420px) { .check_block.two_across .wpcf7-list-item { width: 100%; } } input[type="checkbox"], input[type="radio"] { position: absolute; top: 0; left: 0; width: 32px; height: 32px; padding: 0; margin: 0 8px 0 0; background-repeat: no-repeat; background-position: center center; } input[type="checkbox"]:hover, input[type="radio"]:hover { } input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: #B72340; background-image: url(_images/common/bkgd_form_checkbox_tick.svg); } .no-svg input[type="checkbox"]:checked, .no-svg input[type="radio"]:checked { background-image: url(_images/common/bkgd_form_checkbox_tick.png); } /* No SVG */ /*input[type="checkbox"]:checked + span, input[type="radio"]:checked + span { color: #B72340 !important; } */ /* Submit */ .submit_block { position: relative; text-align: center; padding: 0; margin: 0; } input.submit, input.wpcf7-submit { width: 100%; height: 54px; line-height: 54px; text-align: center; font-weight: 600; text-transform: uppercase; color: #FFF; padding: 0 40px; margin: 0; background-color: #B72340; border: none; } 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; } */ /*-----*/ /*--- Contact Form 7 ---*/ div.wpcf7 br { display: none; } div.wpcf7 .screen-reader-response { display: none; } div.wpcf7-response-output { margin: 0; padding: 0; border: none; } span.wpcf7-not-valid-tip { display: none; } span.wpcf7-list-item { margin: 0; } input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid, .checkblock span.wpcf7-not-valid label, .checkboxes span.wpcf7-not-valid { background-color: #FAF2F3; border-color: #8C0517; } .wpcf7 form .wpcf7-response-output { text-align: center; padding: 0; margin: 0; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { line-height: 1.2; color: #FFF; padding: 12px 20px; margin: 18px 0 0 0; text-align: center; background-color: #8C0517; border: none; } .wpcf7 form.sent .wpcf7-response-output { background-color: #3AAF6C; } div.wpcf7 .wpcf7-spinner { position: absolute; top: 50%; left: 10px; margin: -12px 0 0 0; } .response_block { width: 100%; } /*-----*/ /*--- MailChimp Widget ---*/ #mc_signup_form { overflow: hidden; } #mc_signup_form label { text-align: left; margin: 0; } #mc_signup_form input { -webkit-appearance: none; display: block; width: 70%; } #mc_signup_form select { display: block; width: 70%; } #mc_signup_form br { display: none; } .mc_merge_var { margin: 0 0 12px 0; overflow: hidden; } /* Submit Btn */ #mc_signup_form input#mc_signup_submit { width: auto; text-align: center; font-weight: 600; text-transform: uppercase; color: #FFF; padding: 0 40px; margin: 0; background-color: #B72340; } #mc_signup_form input#mc_signup_submit:hover, input#mc_signup_submit:focus { background-color: #8C0517; cursor: pointer; } /* Required */ #mc_signup_form #mc_message { display: block; } #mc_signup_form .mc_error_msg { display: block; width: 100%; padding: 0 0 10px 0; color: #B72340; } #mc_signup_form .mc_success_msg { display: block; width: 100%; padding: 0 0 10px 0; color: #64908A; } span.mc_required { padding: 0 0 0 6px; opacity: 0.6; } #mc-indicates-required { display: none; } @media screen and (min-width: 0px) and (max-width: 480px) { #mc_signup_form input { width: 100%; } #mc_signup_form select { width: 100%; } } /*------------------------------------------------------------------*/ /*--- 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 ---*/ /* 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 */ /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*--- Nav Bar 2021 ---*/ #nav_bar { position: fixed; top: 0; right: 0; left: 0; min-width: 320px; background-color: #FFF; border-bottom: 3px solid #8C0517; box-shadow: 0 2px 4px rgba(0,0,0,0.2); z-index: 999; } #nav_bar .container { position: relative; } /* Moving */ #nav_bar.moving { top: -150px; opacity: 0; } /* Scroll Up */ #nav_bar.scrollup { top: 0; opacity: 1; } /*- Announcement Bar -*/ /*- Logo -*/ #nav_bar .logo span { display: none; } #nav_bar .logo img { vertical-align: top; } #nav_bar .logo a { display: inline-block; } /* Logo Left */ #nav_bar.logo_left .logo { position: absolute; top: 50%; left: 16px; height: 74px; line-height: 74px; margin-top: -39px; z-index: 0; } #nav_bar.logo_left .logo img { width: auto; max-height: 74px; } /*- Main Menu -*/ #nav_bar.menu_right .menu { position: relative; float: right; height: 100px; text-align: right; z-index: 1; } #nav_bar ul.main_menu { display: inline-block; font-size: 0; line-height: 0; } #nav_bar ul.main_menu li { display: inline-block; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #2D2727; margin: 0; cursor: pointer; } #nav_bar ul.main_menu li::before { content: '|'; color: #B72340; margin: 0 8px; } #nav_bar ul.main_menu li:first-child::before { content: ''; } #nav_bar ul.main_menu li:hover, #nav_bar ul.main_menu li:active, #nav_bar ul.main_menu li:focus { color: #8C0517; } #nav_bar ul.main_menu li a { color: #2D2727; } #nav_bar ul.main_menu li a:hover, #nav_bar ul.main_menu li a:active, #nav_bar ul.main_menu li a:focus { color: #8C0517; } #nav_bar ul.main_menu li.current-menu-item a, #nav_bar ul.main_menu li.current_page_item a, #nav_bar ul.main_menu li.current-menu-parent a, #nav_bar ul.main_menu li.current_page_parent a, #nav_bar ul.main_menu li.current-page-ancestor a { color: #8C0517; } /* Sub Menu */ #nav_bar ul.main_menu li ul { display: none; } #nav_bar ul.main_menu li:hover > ul { display: block; } #nav_bar ul.main_menu li ul { position: absolute; padding: 25px 0 0 6px; z-index: 999; } #nav_bar ul.main_menu li:nth-last-child(2) ul, #nav_bar ul.main_menu li:last-child ul { right: 0; } #nav_bar ul.main_menu li ul li { display: block; text-align: left; text-transform: none; background-color: #700412; margin: 0; border: none; } #nav_bar ul.main_menu li ul li::before { content: ''; margin: 0; } #nav_bar ul.main_menu li ul li.current-menu-item a, #nav_bar ul.main_menu li ul li.current_page_item a, #nav_bar ul.main_menu li ul li.current-menu-parent a, #nav_bar ul.main_menu li ul li.current_page_parent a, #nav_bar ul.main_menu li ul li.current-page-ancestor a { color: #FFF; background: #8C0517; background-image: none; border: none; } #nav_bar ul.main_menu li.current-menu-item ul li a, #nav_bar ul.main_menu li.current_page_item ul li a, #nav_bar ul.main_menu li.current-menu-parent ul li a, #nav_bar ul.main_menu li.current_page_parent ul li a, #nav_bar ul.main_menu li.current-page-ancestor ul li a { color: #FFF; } #nav_bar ul.main_menu li ul li a { display: block; height: auto; color: #FFF; margin: 0; padding: 8px 12px; background-image: none!important; border: none; } #nav_bar ul.main_menu li:hover ul li a { border: none; } #nav_bar ul.main_menu li ul li:hover a { border: none; } #nav_bar ul.main_menu li ul li a:hover { color: #FFF; background: #B72340; border: none; } /* Slogan */ #nav_bar .slogan { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 20px; line-height: 1.2em; font-style: italic; color: #8C0517; padding: 20px 0 12px 0; } #nav_bar .slogan br { display: none; } @media screen and (min-width: 0px) and (max-width: 1079px) { #nav_bar.menu_right .menu { padding-right: 50px; } #nav_bar ul.main_menu { display: none; } #nav_bar .slogan { padding-top: 38px; } } @media screen and (min-width: 0px) and (max-width: 880px) { #nav_bar .slogan { padding-top: 26px; } #nav_bar .slogan br { display: block; } } @media screen and (min-width: 0px) and (max-width: 680px) { #nav_bar { border-bottom: none; } #nav_bar.logo_left .logo { height: 68px; line-height: 68px; margin-top: -34px; } #nav_bar.logo_left .logo img { max-height: 68px; } #nav_bar.menu_right .menu { height: 90px; } #nav_bar .slogan { display: none; } } @media screen and (min-width: 0px) and (max-width: 480px) { #nav_bar.logo_left .logo { height: 58px; line-height: 58px; margin-top: -29px; } #nav_bar.logo_left .logo img { max-height: 58px; } #nav_bar.menu_right .menu { height: 80px; } } @media screen and (min-width: 0px) and (max-width: 340px) { #nav_bar.logo_left .logo { height: 52px; line-height: 52px; margin-top: -28px; } #nav_bar.logo_left .logo img { max-height: 52px; } } /*------------------------------------------------------------------*/ /*--- Mobile Nav 2021 ---*/ .open_mobile_nav { position: absolute; top: -100px; right: 10px; width: 24px; height: 20px; padding: 10px; margin: -20px 0 0 0; cursor: pointer; z-index: 9; } .open_mobile_nav .svg_icon path { fill: #2D2727; } .open_mobile_nav:hover .svg_icon path { fill: #8C0517; } /* 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 */ #mobile_nav { position: fixed; top: 0; right: -71%; bottom: 0; width: 70%; max-width: 480px; background-color: #FFF; border-left: 3px solid #8C0517; overflow: scroll; z-index: 9999; } #mobile_nav.active { display: block; right: 0; } #mobile_nav .wrap { padding: 20px; } #mobile_nav .title { padding: 0 0 30px 0; } #mobile_nav .title .logo { max-width: 80%; } #mobile_nav .title .logo span { display: none; } #mobile_nav .title .close_mobile_nav { position: absolute; top: 38px; right: 16px; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #394044; padding: 5px; cursor: pointer; } #mobile_nav .title .close_mobile_nav img { vertical-align: inherit; } #mobile_nav .title .close_mobile_nav svg { width: 100%; height: 100%; } #mobile_nav .title .close_mobile_nav:hover, #mobile_nav .title .close_mobile_nav:active, #mobile_nav .title .close_mobile_nav:focus { color: #8C0517; } #mobile_nav .title .close_mobile_nav:hover .svg_icon path, #mobile_nav .title .close_mobile_nav:active .svg_icon path, #mobile_nav .title .close_mobile_nav:focus .svg_icon path { fill: #8C0517; } #mobile_nav .mobile_menu { max-width: 360px; margin: 0 auto; } #mobile_nav .mobile_menu ul { font-size: 0; line-height: 0; } #mobile_nav .mobile_menu ul li { font-size: 20px; line-height: 40px; text-transform: uppercase; padding: 0 0 10px 0; margin: 10px 0 0 0; border-bottom: 1px solid #E5E5DF; } #mobile_nav .mobile_menu li a { display: block; color: #2D2727; } #mobile_nav .mobile_menu li a:hover, #mobile_nav .mobile_menu li a:active, #mobile_nav .mobile_menu li a:focus { color: #8C0517; } #mobile_nav .mobile_menu li.current-menu-item a, #mobile_nav .mobile_menu li.current_page_item a, #mobile_nav .mobile_menu li.current_page_parent a, #mobile_nav .mobile_menu li.current_page_ancestor a { color: #8C0517; } #mobile_nav .mobile_menu li.current_page_ancestor ul.sub-menu { display: block; } /* Has Children */ #mobile_nav .mobile_menu li.menu-item-has-children { background-image: url(_images/common/bkgd_icon_toggle_mobile_nav.png); background-repeat: no-repeat; background-position: right 17px; background-size: 16px 9px; } #mobile_nav .mobile_menu li.menu-item-has-children:hover { } #mobile_nav .mobile_menu li.menu-item-has-children a { width: 80%; } #mobile_nav .mobile_menu li.menu-item-has-children.expanded, #mobile_nav .mobile_menu li.menu-item-has-children.current_page_ancestor { background-image: url(_images/common/bkgd_icon_toggle_mobile_nav_expanded.png); } #mobile_nav .mobile_menu li.menu-item-has-children.expanded ul.sub-menu { display: block; } /* Sub Menu */ #mobile_nav .mobile_menu ul.sub-menu { display: none; padding: 0 0 10px 0; } #mobile_nav .mobile_menu ul.sub-menu li { font-size: 16px; line-height: 30px; text-transform: none; padding: 0; margin: 0; border-bottom: none; } #mobile_nav .mobile_menu ul.sub-menu li a { width: auto; color: #2D2727; padding: 0 16px; } #mobile_nav .mobile_menu ul.sub-menu li a:hover, #mobile_nav .mobile_menu ul.sub-menu li a:active, #mobile_nav .mobile_menu ul.sub-menu li a:focus { color: #8C0517; } #mobile_nav .mobile_menu ul.sub-menu li.current-menu-item a, #mobile_nav .mobile_menu ul.sub-menu li.current_page_item a, #mobile_nav .mobile_menu ul.sub-menu li.current_page_parent a, #mobile_nav .mobile_menu ul.sub-menu li.current-page-ancestor a { color: #8C0517; } #bkgd_page_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(57,64,68,0); z-index: -1; } #bkgd_page_overlay.active { background-color: rgba(57,64,68,0.9); z-index: 9998; } @media screen and (min-width: 0px) and (max-width: 1079px) { .open_mobile_nav { top: 50%; } } @media screen and (min-width: 0px) and (max-width: 680px) { ul.mobilequicknav { display: block; } } @media screen and (min-width: 0px) and (max-width: 480px) { #mobile_nav { right: -100%; width: 100%; border-left: none; } #mobile_nav .wrap { border-top: 3px solid #8C0517; } } @media screen and (min-width: 0px) and (max-width: 420px) { #mobile_nav .title .close_mobile_nav { width: 20px; height: 20px; line-height: 20px; } } /*------------------------------------------------------------------*/ /*--- Footer 2021 ---*/ #footer { color: #FFF; background-color: #8C0517; } #footer a { color: #FFF; border-bottom: 1px solid transparent; } #footer a:hover, #footer a:active, #footer a:focus { color: #FFF; border-bottom-color: rgba(255,255,255,0.3); } #footer .buttons .btn { margin: 0 10px 10px 0; } /* Upper Footer */ #footer .upper_footer { padding: 40px 0; } #footer .upper_footer .col { float: left; width: 33.333%; } #footer .upper_footer .col .inner_wrap { padding: 0 20px 500px 30px; margin-bottom: -500px; border-right: 1px solid #B72340; } #footer .upper_footer .col:last-child .inner_wrap { border-right: none; } #footer .upper_footer .col .title h3 { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 28px; /* font-style: normal; */ color: #FFF; margin: 0; } #footer .upper_footer .col .group { padding-top: 24px; } #footer .upper_footer .col .group h5 { font-size: 18px; line-height: 20px; margin-bottom: 12px; } #footer .upper_footer .col .group h5 span.icon { padding: 0 8px 0 0; } #footer .upper_footer .col .group h5 span.icon svg { vertical-align: top; } #footer .upper_footer .col .group h5 span.icon .svg_icon path { fill: #FFF; } #footer .upper_footer .col .group p { font-size: 16px; } #footer .upper_footer .col .item { } #footer .upper_footer .col .item p.date { font-size: 12px; text-transform: uppercase; margin: 0 0 2px 0; opacity: 0.5; } #footer .upper_footer .col .item h4 { font-size: 16px; line-height: 20px; margin: 0; } #footer .upper_footer .col .item a { border-bottom: none; } #footer .upper_footer .col .item a:hover p.date { opacity: 0.8; } #footer .upper_footer ul.social_links { font-size: 0; line-height: 0; } #footer .upper_footer ul.social_links li { display: inline-block; font-size: 16px; line-height: 28px; text-align: center; margin: 0 14px 0 0; overflow: hidden; } #footer .upper_footer ul.social_links li a { display: block; border-bottom: none; } #footer .upper_footer ul.social_links li a:hover, #footer .upper_footer ul.social_links li a:active, #footer .upper_footer ul.social_links li a:focus { opacity: 0.8; } #footer .upper_footer ul.social_links li span.text { display: none; } #footer .upper_footer ul.social_links li span.icon { vertical-align: bottom; } #footer .upper_footer ul.social_links li span.icon svg { vertical-align: middle; } #footer .upper_footer ul.social_links li .svg_icon circle, #footer .upper_footer ul.social_links li .svg_icon path { fill: #FFF; } /* Legal Footer */ #footer .legal_footer { text-align: center; padding: 14px 0; background-color: #700412; } #footer .legal_footer ul.legal { display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; } #footer .legal_footer ul.legal li { display: inline-block; font-size: 13px; line-height: 20px; padding: 6px 12px; } #footer .legal_footer ul.legal li.no_link { color: #FFF; padding: 6px 0 0 0; margin: 0 12px; border-bottom: 1px solid transparent; cursor: pointer; } #footer .legal_footer ul.legal li.no_link:hover, #footer .legal_footer ul.legal li.no_link:active, #footer .legal_footer ul.legal li.no_link:focus { color: #FFF; border-bottom-color: rgba(255,255,255,0.3); } @media screen and (min-width: 0px) and (max-width: 880px) { #footer .upper_footer .col { width: 100%; } #footer .upper_footer .col .inner_wrap { padding: 30px 15px; margin-bottom: 0; border-right: none; border-top: 1px solid #B72340; } #footer .upper_footer .col:first-child .inner_wrap { padding-top: 0; border-top: none; } #footer .upper_footer .col:last-child .inner_wrap { padding-bottom: 0; } } /*------------------------------------------------------------------*/ /*--- No Results ---*/ .no_results { text-align: center; } .no_results .wrap { max-width: 530px; padding: 20px; background-color: #E8E8E8; margin: 0 auto; } .no_results .wrap h4 { font-size: 1.2em; margin: 0; } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*--- 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; } /*--- 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: 68%; /* padding: 2%; */ padding: 50px 0 0 0; margin: 0 0 16px 0; background-color: #FFF; } .thinright { float: right; width: 28%; padding: 50px 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.1em; */ 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%; } /* @media screen and (min-width: 980px) { .wideleft { width: 70%; } .thinright { width: 28%; } .wideleftfull { padding-right: 32%; } } */ @media screen and (min-width: 0px) and (max-width: 767px) { .wideleft { float: none; width: auto; padding-left: 16px; padding-right: 16px; } .thinright { float: none; width: auto; padding-left: 16px; padding-right: 16px; } .wideleftfull { padding-right: 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; } /*---*/ /* Sidebar Block - APR 2021 */ .sidebar_block { margin: 0 0 25px 0; } .sidebar_block:last-child { margin-bottom: 0; } .sidebar_block .outer_wrap { padding: 25px 20px; } .sidebar_block .outer_wrap .title { margin-bottom: 12px; border-bottom: 1px solid rgba(45,39,39,0.25); } .sidebar_block.text_white .outer_wrap .title { border-bottom: 1px solid rgba(255,255,255,0.25); } .sidebar_block .outer_wrap .title h4 { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.85em; color: #B72340; margin-bottom: 12px; } .sidebar_block.text_white .outer_wrap .title h4 { color: #FFF; } .sidebar_block .events_list .item { margin: 0 0 22px 0; } .sidebar_block .events_list .item p.date { font-size: 12px; text-transform: uppercase; margin: 0 0 2px 0; opacity: 0.75; } .sidebar_block .events_list .item h4 { font-size: 16px; line-height: 20px; color: #8C0517; margin: 0; } .sidebar_block .events_list .item a { color: #2D2727; border-bottom: none; } .sidebar_block .events_list .item a:hover h4 { color: #B72340; } /*---*/ /* 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; background-color: #F8F8F8; 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; } /*------------------------------------------------------------------*/ /* 4a. Content Blocks - NEW MARCH 2021 /*------------------------------------------------------------------*/ /*--- Section Intro ---*/ .section_intro { text-align: center; padding: 0 0 30px 0; margin: 0 auto; } .section_intro h3 { font-size: 2.3em; } .section_intro p { font-size: 18px; } /* Width Variations */ .section_intro.wide_width { max-width: 780px; } .section_intro.medium_width { max-width: 620px; } .section_intro.slim_width { max-width: 480px; } /*------------*/ /*--- Section Outro ---*/ .section_outro { text-align: center; padding: 30px 0 0 0; margin: 0 auto; } /*------------*/ /*--- Content Block ---*/ .content_block { position: relative; padding: 60px 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 5; } .content_block .bkgd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; } .content_block .anchor { position: absolute; top: 0; width: 1px; height: 1px; background-color: transparent; } .content_block .wrap { position: relative; margin: 0 auto; overflow: hidden; } .content_block .wrap.wide_width { max-width: 780px; } .content_block .wrap.medium_width { max-width: 620px; } .content_block .wrap.slim_width { max-width: 480px; } .content_block .wrap.overflow { overflow: visible; } .content_block .outro { text-align: center; padding: 50px 0 0 0; } /* Padding Options */ .content_block.no_padding_top { padding-top: 0; } .content_block.no_padding_bottom { padding-bottom: 0; } .content_block.slim_padding_top { padding-top: 20px; } .content_block.slim_padding_bottom { padding-bottom: 20px; } .content_block.regular_padding_top { padding-top: 40px; } .content_block.regular_padding_bottom { padding-bottom: 40px; } .content_block.medium_padding_top { padding-top: 60px; } .content_block.medium_padding_bottom { padding-bottom: 60px; } .content_block.large_padding_top { padding-top: 90px; } .content_block.large_padding_bottom { padding-bottom: 90px; } .content_block.extra_large_padding_top { padding-top: 140px; } .content_block.extra_large_padding_bottom { padding-bottom: 140px; } /* Bkgd Photo */ .content_block .bkgd_photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1; } /*------------------------------------------------------------------*/ /*--- Page Intro ---*/ .page_intro { position: relative; min-height: 310px; padding: 60px 0; } .page_intro .bkgd_photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .page_intro .title_block { position: relative; max-width: 410px; color: #FFF; padding: 40px 60px 45px 1000px; margin-left: -1000px; background-color: rgba(140,5,23,0.85); border-right: 8px solid #B72340; z-index: 1; } .page_intro .title_block h1 { font-family: "proxima-nova", Helvetica, Arial, sans-serif; line-height: 1.2em; font-weight: 100; text-transform: uppercase; margin: 0; } .page_intro .title_block h1 a { color: #FFF; } .page_intro .title_block h1 a:hover { color: #B96974; } .page_intro .title_block h2 { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.6em; line-height: 1.4em; margin: 18px 0 0 0; } .page_intro .title_block ul.meta { font-size: 0; line-height: 0; padding: 10px 0 0 0; } .page_intro .title_block ul.meta li { display: inline-block; font-family: "adobe-garamond-pro", Georgia, serif; font-size: 24px; line-height: 24px; padding: 0 10px; border-right: 2px solid #B72340; } .page_intro .title_block ul.meta li:first-child { padding-left: 0; } .page_intro .title_block ul.meta li:last-child { border-right: none; } .page_intro .title_block ul.meta li a { color: #FFF; } .page_intro .title_block ul.meta li a:hover, .page_intro .title_block ul.meta li a:active, .page_intro .title_block ul.meta li a:focus { color: rgba(255,255,255,0.8); } .page_intro .title_block .navbreadcrumbs { margin: 28px 0 0 0; } @media screen and (min-width: 1920px) { .page_intro { min-height: 394px; } } @media screen and (min-width: 1680px) and (max-width: 1919px) { .page_intro { min-height: 360px; } } @media screen and (min-width: 0px) and (max-width: 680px) { .page_intro { padding: 0; } .page_intro .bkgd_photo { position: relative; height: 260px; } .page_intro .title_block { display: block; max-width: none; margin-right: -16px; border-right: none; background-color: #8C0517; border-top: 8px solid #B72340; } } @media screen and (min-width: 0px) and (max-width: 480px) { .page_intro .bkgd_photo { height: 190px; } } /* About Image */ .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; z-index: 2; } .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; } @media screen and (min-width: 0px) and (max-width: 680px) { .ptaboutimage { bottom: auto; top: 220px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .ptaboutimage { top: 150px; padding: 0; background: none; } .ptaboutimage img { margin-right: 0; } .ptaboutimage span { display: none; } } /* Object Title */ .page_intro .object_title_block { position: absolute; right: 0; bottom: -26px; left: 0; text-align: center; padding: 25px 20px; margin: 0 auto; background-color: rgba(140,5,23,1); border-top: 8px solid #B72340; border-right: none; z-index: 6; } .page_intro .object_title_block h1 { font-size: 2.2em; } .page_intro .object_title_block h2 { margin-top: 8px; } .page_intro .object_title_block hr { margin: 20px 0 0 0; } @media screen and (min-width: 0px) and (max-width: 680px) { .page_intro .object_title_block { position: relative; bottom: 0; margin: 0 -16px; } } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* ADD MAIN BLOCKS IN ALPHABETICAL ORDER */ /*--- Articles Grid ---*/ .articles_grid { } .articles_grid .article { text-align: center; } .articles_grid .article a { color: #2D2727; } .articles_grid .article .inner_wrap { position: relative; padding: 18px 20px 20px 20px; background-color: #FFF; border-top: 4px solid #B72340; } .articles_grid .article .inner_wrap .fan_icon { margin: -31px auto 18px auto; } .articles_grid .article .inner_wrap .fan_icon svg { width: 30px; height: auto; } .articles_grid .article .inner_wrap .fan_icon .svg_icon path { fill: #B72340; } .articles_grid .article .inner_wrap h4 { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.7em; line-height: 1.2em; color: #B72340; margin-bottom: 8px; } .articles_grid .article .inner_wrap p { font-size: 16px; margin: 0; } .articles_grid .article .inner_wrap p.date { margin: -4px 0 12px 0; opacity: 0.75; } .articles_grid .article a:hover .inner_wrap { border-top-color: #8C0517; } .articles_grid .article a:hover .inner_wrap h4 { color: #8C0517; } .articles_grid .article a:hover .inner_wrap .fan_icon .svg_icon path { fill: #8C0517; } .articles_grid .section_outro { padding: 0; } .articles_grid .section_outro .buttons { padding-top: 30px; } /* Three Across */ .articles_grid .three_across { } .articles_grid .three_across .article { float: left; width: 32%; margin: 2% 2% 0 0; } .articles_grid .three_across .article:nth-child(3n) { margin-right: 0; } .articles_grid .three_across .article:nth-child(1), .articles_grid .three_across .article:nth-child(2), .articles_grid .three_across .article:nth-child(3) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 820px) { .articles_grid .three_across .article { float: none; width: auto; max-width: 680px; margin: 20px auto 0 auto !important; } .articles_grid .three_across .article:nth-child(1) { margin-top: 0 !important; } } @media screen and (min-width: 0px) and (max-width: 480px) { .articles_grid .three_across .article:nth-child(3) { display: none; } } /*------------*/ /*--- Box Links ---*/ .box_links { } .box_links .box { text-align: center; } .box_links .box a { color: #2D2727; } .box_links .box .photo p { margin: 0; } .box_links .box .inner_wrap { padding: 18px 20px 20px 20px; background-color: #FFF; border-top: 4px solid #B72340; } .box_links .box .inner_wrap h4 { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.7em; color: #B72340; margin-bottom: 8px; } .box_links .box .inner_wrap p { font-size: 16px; margin: 0; } .box_links .box .inner_wrap .btn { margin-top: 12px; } .box_links .box a:hover .inner_wrap { border-top-color: #8C0517; } .box_links .box a:hover .inner_wrap h4 { color: #8C0517; } .box_links.no_bkgd_photo .box .inner_wrap { background-color: #F8F8F8; } /* One Across */ .box_links .one_across { max-width: 540px; } .box_links .one_across .box { width: 100%; margin: 20px 0 0 0; } .box_links .one_across .box:nth-child(1) { margin-top: 0; } @media screen and (min-width: 681px) { .box_links .one_across .box .inner_wrap { padding: 28px 40px 30px 40px; } } @media screen and (min-width: 0px) and (max-width: 680px) { .box_links .one_across .box { float: none; width: auto; max-width: 400px; margin: 20px auto 0 auto !important; } .box_links .one_across .box:nth-child(1) { margin-top: 0 !important; } } /* Two Across */ .box_links .two_across { max-width: 680px; } .box_links .two_across .box { float: left; width: 48.5%; margin: 3% 3% 0 0; } .box_links .two_across .box:nth-child(2n) { margin-right: 0; } .box_links .two_across .box:nth-child(1), .box_links .two_across .box:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 680px) { .box_links .two_across .box { float: none; width: auto; max-width: 400px; margin: 20px auto 0 auto !important; } .box_links .two_across .box:nth-child(1) { margin-top: 0 !important; } } /* Three Across */ .box_links .three_across { } .box_links .three_across .box { float: left; width: 32%; margin: 2% 2% 0 0; } .box_links .three_across .box:nth-child(3n) { margin-right: 0; } .box_links .three_across .box:nth-child(1), .box_links .three_across .box:nth-child(2), .box_links .three_across .box:nth-child(3) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 680px) { .box_links .three_across .box { float: none; width: auto; max-width: 400px; margin: 20px auto 0 auto !important; } .box_links .three_across .box:nth-child(1) { margin-top: 0 !important; } } /*------------*/ /*--- Divide Line ---*/ .divide_line { } .divide_line .container { position: relative; } .divide_line hr { border-top: 1px solid #2D2727; border-bottom: none; margin: 0; opacity: 0.25; } .divide_line.has_icon { margin-top: -7px; margin-bottom: -8px; z-index: 6; } .divide_line.has_icon hr { position: absolute; top: 50%; left: 0; right: 0; margin: -2px 0 0 0; border-top: 2px solid #B72340; } .divide_line.has_icon .fan_icon { width: 18px; margin: 0 auto; } .divide_line.has_icon .fan_icon .svg_icon path { fill: #B72340; } /*------------*/ /*--- Event Listings ---*/ .event_listings { } .event_listings .wrap { text-align: center; } .event_listings .event_listing { text-align: left; margin: 0 0 20px 0; } .event_listings .event_listing:last-child { margin-bottom: 0; } .event_listings .event_listing .inner_wrap { position: relative; padding: 0 20px 20px 20px; background-color: #FFF; border: 1px solid #B72340; } .event_listings .event_listing .inner_wrap .title { display: inline-block; max-width: 90%; margin: 0 0 20px -20px; } .event_listings .event_listing .inner_wrap .title h3 { display: inline-block; font-size: 22px; color: #FFF; margin: 0; } .event_listings .event_listing .inner_wrap .title a { display: block; color: #FFF; padding: 10px 16px 10px 20px; background-color: #B72340; } .event_listings .event_listing .inner_wrap .title a:hover { background-color: #8C0517; } .event_listings .event_listing .inner_wrap h6 { font-weight: bold; } .event_listings .event_listing .inner_wrap .tags { margin: 20px 0 0 -2px; } .event_listings .event_listing .inner_wrap .tags ul { font-size: 0; line-height: 0; } .event_listings .event_listing .inner_wrap .tags ul li { display: inline-block; font-size: 13px; line-height: 20px; text-transform: uppercase; color: #FFF; padding: 4px 6px; margin: 0 2px; background-color: #B72340; } .event_listings .load_more { margin-top: 20px; } @media screen and (min-width: 600px) { .event_listings .event_listing .inner_wrap .title { max-width: 80%; } .event_listings .event_listing .inner_wrap .tags { position: absolute; top: 12px; right: 12px; max-width: 22%; text-align: right; margin: 0; } } /*------------*/ /*--- Exhibition Feature ---*/ .exhibition_feature { } .exhibition_feature .wrap { max-width: 780px; background-color: #F8F8F8; } .exhibition_feature .desc { float: left; width: 60%; } .exhibition_feature .desc .inner_wrap { padding: 30px 24px; } .exhibition_feature .desc h4 { font-family: "adobe-garamond-pro", Georgia, serif; line-height: 1.2em; color: #B72340; } .exhibition_feature .desc p { font-size: 16px; } .exhibition_feature .photo { float: right; width: 40%; } .exhibition_feature .photo img { width: 100%; } .exhibition_feature .photo p { margin: 0; } @media screen and (min-width: 0px) and (max-width: 480px) { .exhibition_feature .desc { width: 100%; } .exhibition_feature .photo { width: 100%; } } /*------------*/ /*--- Exhibitions Grid ---*/ .exhibitions_grid { } .exhibitions_grid .exhibition { } .exhibitions_grid .exhibition .outer_wrap { background-color: #F8F8F8; border-top: 4px solid #B72340; overflow: hidden; } .exhibitions_grid .exhibition .photo { float: right; width: 40%; } .exhibitions_grid .exhibition .photo img { width: 100%; } .exhibitions_grid .exhibition .photo p { margin: 0; } .exhibitions_grid .exhibition .desc { float: left; width: 60%; text-align: center; } .exhibitions_grid .exhibition .desc .inner_wrap { padding: 20px 10px; } .exhibitions_grid .exhibition a { color: #2D2727; } .exhibitions_grid .exhibition h3 { font-size: 1.46em; } .exhibitions_grid .exhibition p { margin: 0; } /* Three Across */ .exhibitions_grid .three_across { text-align: center; overflow: hidden; } .exhibitions_grid .three_across .exhibition { float: left; width: 32%; margin: 2% 2% 0 0; } .exhibitions_grid .three_across .exhibition:nth-child(3n) { margin-right: 0; } .exhibitions_grid .three_across .exhibition:nth-child(1), .exhibitions_grid .three_across .exhibition:nth-child(2), .exhibitions_grid .three_across .exhibition:nth-child(3) { margin-top: 0; } .exhibitions_grid .three_across .load_more { margin-top: 40px; } @media screen and (min-width: 601px) and (max-width: 900px) { .exhibitions_grid .three_across .exhibition { width: 48%; margin: 4% 4% 0 0; } .exhibitions_grid .three_across .exhibition:nth-child(3n) { margin-right: 4%; } .exhibitions_grid .three_across .exhibition:nth-child(2n) { margin-right: 0; } .exhibitions_grid .three_across .exhibition:nth-child(3) { margin-top: 4%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .exhibitions_grid .three_across .exhibition { width: 100%; margin: 20px 0 0 0 !important; } .exhibitions_grid .three_across .exhibition:nth-child(1) { margin-top: 0 !important; } } /*------------*/ /*--- Fans Grid ---*/ .fans_grid { } .fans_grid .item { text-align: center; background-color: #F8F8F8; } .fans_grid .item .photo p { margin: 0; } .fans_grid .item .desc { padding: 20px; } .fans_grid .item .desc h3 { font-size: 1.3em; color: #426660; margin: 0 0 8px 0; } .fans_grid .item .desc p { color: #2D2727; margin: 0; } .fans_grid .item .desc .tab { width: 50%; height: 1px; margin: 0 auto 8px auto; background-color: #B6B6AF; } .fans_grid .item a:hover .desc h3 { color: #B72340; } /* Four Across */ .fans_grid .four_across .item { float: left; width: 24.25%; margin: 1% 1% 0 0; } .fans_grid .four_across .item:nth-child(4n) { margin-right: 0; } .fans_grid .four_across .item:first-child, .fans_grid .four_across .item:nth-child(2), .fans_grid .four_across .item:nth-child(3), .fans_grid .four_across .item:nth-child(4) { margin-top: 0; } @media screen and (min-width: 661px) and (max-width: 960px) { .fans_grid .four_across .item { width: 32.66%; } .fans_grid .four_across .item:nth-child(4n) { margin-right: 1%; } .fans_grid .four_across .item:nth-child(3n) { margin-right: 0; } .fans_grid .four_across .item:nth-child(4) { margin-top: 1%; } } @media screen and (min-width: 481px) and (max-width: 660px) { .fans_grid .four_across .item { width: 49%; margin: 2% 2% 0 0; } .fans_grid .four_across .item:nth-child(2n) { margin-right: 0; } .fans_grid .four_across .item:nth-child(3), .fans_grid .four_across .item:nth-child(4) { margin-top: 2%; } } @media screen and (min-width: 0px) and (max-width: 480px) { .fans_grid .four_across .item { width: 100%; margin: 10px 0 0 0 !important; } .fans_grid .four_across .item:first-child { margin-top: 0 !important; } } /*------------*/ /*--- Gallery Intro ---*/ .gallery_intro { position: relative; padding: 0; } .gallery_intro .anchor { position: absolute; bottom: 0; } .gallery_intro .container { position: relative; padding-top: 0; z-index: 2; } .gallery_intro .outer_wrap { display: table; width: 100%; height: 100%; } .gallery_intro .inner_wrap { display: table-cell; vertical-align: middle; } .gallery_intro .wrap { max-width: 780px; text-align: center; color: #FFF; padding: 0; margin: 0 auto; border-left: none; } .gallery_intro h1 { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 80px; } .gallery_intro h2 { display: inline-block; font-size: 20px; line-height: 40px; font-weight: 300; padding: 0 20px; background-color: rgba(140,5,23,0.8); border-radius: 20px; } .gallery_intro .scroll_arrow { position: absolute; left: 50%; bottom: 48px; width: 48px; height: 48px; margin-left: -24px; cursor: pointer; z-index: 2; } .gallery_intro .scroll_arrow .text { display: none; } .gallery_intro .scroll_arrow svg { width: 100%; height: 100%; } .gallery_intro .scroll_arrow .svg_icon path { fill: #FFF; } .gallery_intro .scroll_arrow a { opacity: 0.6; } .gallery_intro .scroll_arrow a:hover { opacity: 0.8; } .gallery_intro .gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .gallery_intro .gallery .slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; 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; } .gallery_intro .gallery .owl-carousel { display: block; width: 100%; height: 100%; } .gallery_intro .gallery .owl-carousel .owl-stage-outer, .gallery_intro .gallery .owl-carousel .owl-stage, .gallery_intro .gallery .owl-carousel .owl-item { height: 100% !important; } .gallery_intro .filter { z-index: 1; } @media screen and (min-width: 1680px) { .gallery_intro .outer_wrap { min-height: 620px; } } @media screen and (min-width: 961px) and (max-width: 1679px) { .gallery_intro .outer_wrap { min-height: 550px; } } @media screen and (min-width: 0px) and (max-width: 960px) { .gallery_intro .outer_wrap { min-height: 480px; } .gallery_intro h1 { font-size: 66px; } } @media screen and (min-width: 0px) and (max-width: 540px) { .gallery_intro h1 { font-size: 52px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .gallery_intro h2 { font-size: 17px; } .gallery_intro .scroll_arrow { bottom: 38px; width: 38px; height: 38px; margin-left: -19px; } } /*------------*/ /*--- Loction Map ---*/ .location_map .map_embed { height: 640px; background-color: #E9E9E9; } .location_map .map_embed h4 { font-family: "adobe-garamond-pro", Georgia, serif; margin: 0 0 4px 0; } .location_map .map_embed p { margin: 0 0 2px 0; } .location_map .map_embed a:hover, .location_map .map_embed a:active, .location_map .map_embed a:focus { color: #8C0517; } .location_map .gm-style .gm-style-iw { max-width: 200px; font-weight: 400; } @media screen and (min-width: 0px) and (max-width: 767px) { .location_map .map_embed { height: 520px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .location_map .map_embed { height: 440px; } } /*------------*/ /*--- Object : Featured ---*/ .object_featured { } .object_featured .section_intro { padding: 20px 20px 0 20px; background-color: #F8F8F8; border-top: 4px solid #B72340; overflow: hidden; } .object_featured .wrap { max-width: 780px; } .object_featured .photo p { margin: 0; } .object_featured .photo img { width: 100%; } .object_featured .btn { position: absolute; bottom: 0; } .object_featured.bkgd_light_grey .section_intro { background-color: #FFF; } /*------------*/ /*--- Objects Grid ---*/ .objects_grid { } .objects_grid .object_tile { } .objects_grid .object_tile .photo { border-bottom: 4px solid #B72340; } .objects_grid .object_tile .photo img { width: 100%; } .objects_grid .object_tile .photo p { margin: 0; } .objects_grid .object_tile .desc { text-align: center; background-color: #FFF; } .objects_grid .object_tile .desc .inner_wrap { padding: 20px 10px; } .objects_grid .object_tile p { color: #2D2727; margin: 0; } /* Three Across */ .objects_grid .three_across { text-align: center; overflow: hidden; } .objects_grid .three_across .object_tile { float: left; width: 32%; margin: 2% 2% 0 0; } .objects_grid .three_across .object_tile:nth-child(3n) { margin-right: 0; } .objects_grid .three_across .object_tile:nth-child(1), .objects_grid .three_across .object_tile:nth-child(2), .objects_grid .three_across .object_tile:nth-child(3) { margin-top: 0; } .objects_grid .three_across .load_more { margin-top: 40px; } @media screen and (min-width: 0px) and (max-width: 900px) { .objects_grid.related .three_across .object_tile:nth-child(3) { display: none; } } @media screen and (min-width: 601px) and (max-width: 900px) { .objects_grid .three_across .object_tile { width: 48%; margin: 4% 4% 0 0; } .objects_grid .three_across .object_tile:nth-child(3n) { margin-right: 4%; } .objects_grid .three_across .object_tile:nth-child(2n) { margin-right: 0; } .objects_grid .three_across .object_tile:nth-child(3) { margin-top: 4%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .objects_grid .three_across .object_tile { width: 100%; margin: 20px 0 0 0 !important; } .objects_grid .three_across .object_tile:nth-child(1) { margin-top: 0 !important; } } /*------------*/ /*--- Photo Block ---*/ .photo_block { } .photo_block .photo p { margin: 0; } .photo_block .photo img { width: 100%; } .photo_block .caption { font-size: 16px; line-height: 1.2em; text-align: center; padding: 12px 20px; background-color: #F8F8F8; } /*------------*/ /*--- Photo Gallery ---*/ .photo_gallery { } .photo_gallery #ppphotogallery { margin: 0; } /*------------*/ /*--- Photo Grid ---*/ .photo_grid { } .photo_grid .wrap { overflow: hidden; } .photo_grid .photo p { margin: 0; } .photo_grid .photo img { width: 100%; } /* Two Across */ .photo_grid .two_across .photo { float: left; width: 49%; margin-top: 20px; margin-right: 2%; border: none; border-radius: 0; } .photo_grid .two_across .photo:nth-child(2n) { margin-right: 0; } .photo_grid .two_across .photo:first-child, .photo_grid .two_across .photo:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 680px) { .photo_grid .two_across .photo { float: none; width: 100%; max-width: 400px; margin: 20px auto 0 auto !important; margin-right: 0; } .photo_grid .two_across .photo:first-child { margin-top: 0 !important; } } /* Three Across */ .photo_grid .three_across .photo { float: left; width: 32%; margin-top: 20px; margin-right: 2%; border: none; border-radius: 0; } .photo_grid .three_across .photo:nth-child(3n) { margin-right: 0; } .photo_grid .three_across .photo:first-child, .photo_grid .three_across .photo:nth-child(2), .photo_grid .three_across .photo:nth-child(3) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 680px) { .photo_grid .three_across .photo { float: none; width: auto; max-width: 400px; margin: 20px auto 0 auto !important; } .photo_grid .three_across .photo:first-child { margin-top: 0 !important; } } /*------------*/ /*--- Quotes ---*/ .quotes { text-align: center; } .quotes .wrap { max-width: 900px; } .quotes .quote { margin: 30px 0 0 0; } .quotes .quote:first-child { margin-top: 0; } .quotes .icon { margin: 0 auto 20px auto; } .quotes .icon .svg_icon path { fill: #B72340; } .quotes .quote_text { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 24px; line-height: 33px; font-style: italic; } .quotes .quote_name { font-weight: 600; color: #B72340; padding: 20px 0 0 0; } @media screen and (min-width: 0px) and (max-width: 480px) { .quotes .quote_text { font-size: 21px; line-height: 28px; } } /*------------*/ /*--- Text Block ---*/ .text_block { } .text_block p:last-child { margin-bottom: 0; } /*------------*/ /*--- Text and Photo ---*/ .text_and_photo { } .text_and_photo .wrap { max-width: 960px; overflow: hidden; } .text_and_photo .text { width: 61%; } .text_and_photo .photo { width: 36%; } .text_and_photo .photo img { width: 100%; } .text_and_photo .text { display: table; } .text_and_photo .photo { display: table; } .text_and_photo .text .text_wrap { display: table-cell; vertical-align: middle; } .text_and_photo .photo .photo_wrap { display: table-cell; vertical-align: middle; } .text_and_photo .photo .photo_wrap p { margin: 0; } @media screen and (min-width: 0px) and (max-width: 680px) { .text_and_photo .text { width: 100%; padding-top: 0; } .text_and_photo .photo { width: 100%; padding-top: 30px; } } /* Photo Left */ .text_and_photo.photo_left { } .text_and_photo.photo_left .text { float: right; } .text_and_photo.photo_left .photo { float: left; } /* Photo Right */ .text_and_photo.photo_right { } .text_and_photo.photo_right .text { float: left; } .text_and_photo.photo_right .photo { float: right; } /*------------*/ /*--- Text Over Photo ---*/ .text_over_photo { } .text_over_photo .divide_line.has_icon { margin-top: 0; margin-bottom: 30px; } .text_over_photo .divide_line.has_icon hr { border-top: 2px solid rgba(255,255,255,0.3); } .text_over_photo .divide_line.has_icon .fan_icon .svg_icon path { fill: #FFFFFF; } /*------------------------------------------------------------------*/ /* 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; } /*body.single-exhibitions .wideleft { margin-bottom: 0; } */ body.single-exhibitions #ppphotogallery { margin-bottom: 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: 9; } .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 /*------------------------------------------------------------------*/ /*--- Common ---*/ /* Breadcrumbs */ .navbreadcrumbs.ehive { color: #B72340; } .navbreadcrumbs.ehive a { color: #999; border-bottom: 1px solid transparent; } .navbreadcrumbs.ehive a:hover, .navbreadcrumbs.ehive a:focus { border-bottom: 1px solid #B72340; } .navbreadcrumbs.ehive .bcwrap { padding: 0 0 12px 0; margin: 0 0 20px 0; border-bottom: 1px solid #E5E5DF; } .navbreadcrumbs.ehive .bcwrap .divider { color: #D5D5DC; } /* Search Bar */ .ehivesearchbar { max-width: 940px; text-align: center; padding: 30px 0; margin: 0 auto; overflow: hidden; } .ehivesearchbar h3 { color: #B72340; } .ehivesearchbar p { font-size: 1.2em; } .ehivesearchbar form.ehive-search-widget { width: 100%; max-width: 600px; margin: 0 auto 20px auto; overflow: hidden; } .ehivesearchbar form.ehive-search-widget input { float: left; width: 100%; border-color: #D5D5DC; } .ehivesearchbar form.ehive-search-widget input.submit { width: 38px; height: 38px; margin: 0 0 0 -38px; 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.ehive-search-widget input.submit { background-image: url(_images/common/icon-navsearch.png); } /* NO SVG */ /* IE 7 */ .ie7 .ehivesearchbar form.ehive-search-widget input.submit { margin: 0 0 0 -60px; } /* IE 7 */ .ehivesearchbar form.ehive-search-widget input.submit:hover, .ehivesearchbar form.ehive-search-widget input.submit:active { background-color: #B72340; border: 1px solid #B72340; } /* Search Quick Links */ .ehivesearchbar ul.collectionssearches { } .ehivesearchbar ul.collectionssearches li { display: inline-block; padding: 0; margin: 0 0 3px 0; background: none; } /* IE 7 */ .ie7 .ehivesearchbar ul.collectionssearches li { display: inline; margin: 0 2px 3px 2px; } /* IE 7 */ .ehivesearchbar ul.collectionssearches li a { display: inline-block; font-size: 1.2em; color: #FFF; padding: 6px 10px; background-color: #B72340; } .ehivesearchbar ul.collectionssearches li a:hover, .ehivesearchbar ul.collectionssearches li a:active { color: #E9BDC5; } @media screen and (min-width: 0px) and (max-width: 480px) { .ehivesearchbar ul.collectionssearches li a { font-size: inherit; } } /*------------*/ /*--- Search Results ---*/ /* Search - 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: 70%; text-align: right; margin: 0 -10px 0 0; } .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 span:last-child, .ehive-pagination a:last-child { border-right: none; } /* IE ALL */ .ie .ehive-pagination span.lastchild, /* IE ALL */ .ie .ehive-pagination a.lastchild { border-right: none; } /* IE ALL */ .ehive-pagination a:hover, .ehive-pagination a:active { color: #B72340; } .ehive-pagination .current { color: #8C0517; background-color: #F8F8F8; border-left: 4px solid #B72340; margin: 0 0 0 -6px; } @media screen and (min-width: 0px) and (max-width: 599px) { .ehive-pagination { width: 100%; text-align: center; margin: 0; } } /* Search - View Types */ ul.ehive-view-navigation { float: left; width: 30%; margin: 0 0 0 -10px; } ul.ehive-view-navigation li { display: inline-block; text-transform: capitalize; padding: 0 10px; margin: 0 0 4px 0; color: #B72340; border-right: 1px solid #D5D5DC; background: none; } .no-svg ul.ehive-view-navigation li { background: none; } /* No SVG */ /* IE 7 */ .ie7 ul.ehive-view-navigation li { display: inline; } /* IE 7 */ ul.ehive-view-navigation li:first-child { display: none; } /* IE ALL */ .ie ul.ehive-view-navigation li.firstchild { display: none; } /* IE ALL */ ul.ehive-view-navigation li:last-child { border: none; } /* IE ALL */ .ie ul.ehive-view-navigation li.lastchild { border: none; } /* IE ALL */ 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; } @media screen and (min-width: 0px) and (max-width: 599px) { ul.ehive-view-navigation { width: 100%; text-align: center; margin: 10px 0 0 0; } } /* Results - Lightbox */ .ehive-lightbox .ehive-item { float: left; width: 20.25%; /* min-height: 260px; max-height: 260px; */ padding: 2%; margin: 0 1% 1% 0; text-align: center; background-color: #F8F8F8; overflow: hidden; } .ehive-lightbox .ehive-item:nth-child(4n) { margin-right: 0; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.fourthchild { margin-right: 0; } /* IE ALL */ .ehive-lightbox .ehive-item-image-wrap { margin: 0 0 20px 0; } .ehive-lightbox .ehive-item p:first-child { font-size: inherit; } /* IE ALL */ .ie .ehive-lightbox .ehive-item p.firstchild { font-size: inherit; } /* IE ALL */ .ehive-lightbox .ehive-item img { max-height: 100px; } .ehive-lightbox .ehive-item-metadata-wrap { width: 100%; } .ehive-lightbox .ehive-more-link { display: block; padding: 12px 0 0 0; border-top: 1px solid #E5E5DF; } @media screen and (min-width: 768px) and (max-width: 960px) { .ehive-lightbox .ehive-item { width: 28.6%; } .ehive-lightbox .ehive-item:nth-child(4n) { margin-right: 1%; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.fourthchild { margin-right: 1%; } /* IE ALL */ .ehive-lightbox .ehive-item:nth-child(3n) { margin-right: 0%; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.thirdchild { margin-right: 0; } /* IE ALL */ } @media screen and (min-width: 0px) and (max-width: 767px) { .ehive-lightbox .ehive-item { width: 28.6%; } .ehive-lightbox .ehive-item:nth-child(4n) { margin-right: 1%; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.fourthchild { margin-right: 1%; } /* IE ALL */ .ehive-lightbox .ehive-item:nth-child(3n) { margin-right: 0; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.thirdchild { margin-right: 0; } /* IE ALL */ } @media screen and (min-width: 0px) and (max-width: 599px) { .ehive-lightbox .ehive-item { width: 45%; margin: 0 2% 2% 0; } .ehive-lightbox .ehive-item:nth-child(4n) { margin-right: 2%; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.fourthchild { margin-right: 2%; } /* IE ALL */ .ehive-lightbox .ehive-item:nth-child(3n) { margin-right: 2%; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.thirdchild { margin-right: 2%; } /* IE ALL */ .ehive-lightbox .ehive-item:nth-child(2n) { margin-right: 0; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.secondchild { margin-right: 0; } /* IE ALL */ } @media screen and (min-width: 0px) and (max-width: 480px) { .ehive-lightbox .ehive-item { width: 92%; padding: 4%; min-height: inherit; max-height: inherit; margin: 0 0 2% 0; } .ehive-lightbox .ehive-item:nth-child(4n) { margin-right: 0; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.fourthchild { margin-right: 0; } /* IE ALL */ .ehive-lightbox .ehive-item:nth-child(3n) { margin-right: 0; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.thirdchild { margin-right: 0; } /* IE ALL */ .ehive-lightbox .ehive-item:nth-child(2n) { margin-right: 0; } /* IE ALL */ .ie .ehive-lightbox .ehive-item.secondchild { margin-right: 0; } /* IE ALL */ } /* Results - List */ .ehive-list { overflow: hidden; } .ehive-list .ehive-item { float: left; width: 49.5%; margin: 0 1% 1% 0; background-color: #F8F8F8; overflow: hidden; } .ehive-list .ehive-item:nth-child(2n) { margin-right: 0; } /* IE ALL */ .ie .ehive-list .ehive-item.secondchild { margin-right: 0; } /* IE ALL */ .ehive-list .ehive-item-image-wrap { float: left; width: 21%; } .ehive-list .ehive-item-metadata-wrap { float: left; width: 69%; } .ehive-list .ehive-item img { width: 75px; height: 75px; } .ehive-list .ehive-item-metadata-wrap a { display: table; height: 35px; padding: 20px 5%; color: #2D2727; } .ehive-list .ehive-item-metadata-wrap a span { display: table-cell; vertical-align: middle; } .ehive-list .ehive-item-metadata-wrap a:hover { color: #B72340; } @media screen and (min-width: 600px) and (max-width: 767px) { .ehive-list .ehive-item-image-wrap { width: 30%; } .ehive-list .ehive-item-metadata-wrap { width: 60%; } } @media screen and (min-width: 0px) and (max-width: 599px) { .ehive-list .ehive-item { width: 100%; margin: 0 0 2% 0; } .ehive-list .ehive-item:nth-child(2n) { margin-right: 0; } /* IE ALL */ .ie .ehive-list .ehive-item.secondchild { margin-right: 0; } /* IE ALL */ .ehive-list .ehive-item-image-wrap { width: 18%; } .ehive-list .ehive-item-metadata-wrap { width: 72%; } } @media screen and (min-width: 0px) and (max-width: 480px) { .ehive-list .ehive-item-image-wrap { width: 26%; } .ehive-list .ehive-item-metadata-wrap { width: 64%; } } /*------------*/ /*--- Detail Page ---*/ /* Content */ .ehive-object-detail span.ehive-field-label { color: #B72340 !important; } /* Mini Gallery */ .ehive-object-detail .ehive-item-image-wrap { width: auto !important; max-width: 48% !important; overflow: hidden; } .ehive-object-detail .ehive-item-image-wrap * { text-align: left !important; } .ehive-object-detail .ehive-item-image-wrap a { display: block; } .ehive-object-detail .ehive-item-image-wrap .large-image-container { max-width: 100% !important; } /*.ehive-object-detail .ehive-item-image-wrap .ehive-object-multiple-images { width: 100% !important; } */ .ehive-object-detail .ehive-item-image-wrap .ehive-object-single-image, .ehive-object-detail .ehive-item-image-wrap .ehive-object-multiple-images { padding: 0 !important; margin: 0 0 20px 20px !important; border-radius: 0 !important; } .ehive-object-detail .ehive-item-image-wrap .ehive-object-multiple-images .ehive-images-tiny-square { padding: 0 !important; margin: 0 !important; background: none !important; border-radius: 0 !important; } .ehive-object-detail .ehive-object-multiple-images .ehive-images-tiny-square img { margin: 2px 2px 0 0 !important; } .ehive-object-detail a.ehive-magnifying-glass { display: none !important; } @media screen and (min-width: 0px) and (max-width: 480px) { .ehive-object-detail .ehive-item-image-wrap { float: none !important; max-width: 100% !important; margin: 0 auto 20px auto !important; } .ehive-object-detail .ehive-item-image-wrap div.ehive-object-single-image, .ehive-object-detail .ehive-item-image-wrap div.ehive-object-multiple-images { margin: 0 !important; } } /* Overlay Gallery */ .pp_pic_holder .large-image-container img { padding: 0 !important; } .pp_pic_holder.light_rounded .pp_top .pp_left, .pp_pic_holder.light_rounded .pp_top .pp_right, .pp_pic_holder.light_rounded .pp_bottom .pp_left, .pp_pic_holder.light_rounded .pp_bottom .pp_right { background: #FFF !important; } .pp_pic_holder.light_rounded .pp_close { background: none !important; background-color: #B72340 !important; font-size: 0.8em; text-align: center; text-transform: uppercase; text-indent: 0 !important; color: #FFF; } .pp_pic_holder.light_rounded .pp_close:hover, .pp_pic_holder.light_rounded .pp_close:active, .pp_pic_holder.light_rounded .pp_close:focus { background-color: #8C0517 !important; } .pp_pic_holder.light_rounded .pp_expand { visibility: hidden !important; } /*------------------------------------------------------------------*/ /* 10. WooCommerce /*------------------------------------------------------------------*/ /*--- WooCommerce Common ---*/ /* Forms */ .woocommerce form .form-row { padding: 0 0 8px 0; } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered { height: 38px; line-height: 38px; border-color: #E5E5DF; border-radius: 0; } .select2-container .select2-selection--single:hover, .select2-container--default .select2-selection--single .select2-selection__rendered:hover { background-color: #F9F9FD; border-color: #D5D5DC; } .select2-container .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-selection__rendered:focus { background-color: #F9F9FD; border-color: #B2B2AA; } .select2-container--default .select2-selection--single .select2-selection__arrow { right: 6px; height: 38px; } .woocommerce form .password-input, .woocommerce-page form .password-input { float: left; width: 100%; } .woocommerce legend { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.8em; color: #B72340; padding: 10px 0; } /* Buttons */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { line-height: 46px; font-weight: 600; color: #FFF !important; background-color: #B72340; padding: 0 20px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #8C0517; } /* Disabled Button */ .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { padding-top: 0; padding-bottom: 0; background-color: #394044 !important; } /* Login Register */ .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password { max-width: 480px; padding: 20px; margin-left: auto; margin-right: auto; 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; } /*------*/ /*--- 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; border-bottom: 1px solid #B72340; overflow: hidden; } .shopheader.margin_bottom { margin-bottom: 20px; } .shopheader h2 { float: left; font-family: "adobe-garamond-pro", Georgia, serif; font-style: italic; } .shopheader h2 a { color: #2D2727; } .shopheader h2 a:hover { color: #B72340; } .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; } .shop_spacer { height: 20px; } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Shop Landing Page ---*/ .shopcategory .title { position: relative; } /*--- Shop Common Elements ---*/ .shopheader h2 { float: none; width: 100%; text-align: center; padding: 10px 0 0 0; } .shopheader a.btn { float: none; margin: 0 0 4px 0; } /* Breadcrumbs */ .woocommerce .woocommerce-breadcrumb { display: none; } } /*------------------------------------------------------------------*/ /*--- Archive Pages ---*/ .woocommerce .woocommerce-ordering select { width: 100%; } /* Page Title */ .woocommerce-products-header { text-align: center; padding: 20px; background-color: #F8F8F8; border-bottom: 1px solid #D3CED2; } .woocommerce-products-header .term-description { max-width: 720px; margin: 0 auto; } .woocommerce-products-header h1 { color: #B72340; margin: 0 0 6px 0; } .woocommerce-products-header p { margin: 0; } .post-type-archive-product .woocommerce-products-header { display: none; } /* Hide Page Title on Shop Landing */ /* Results Count */ .woocommerce .woocommerce-result-count { line-height: 38px; margin: 0; } /*- Products Grid -*/ .woocommerce ul.products li.product { text-align: center; padding-bottom: 12px; border-bottom: 1px solid #D3CED2; } /* Image */ .woocommerce ul.products li.product a img { padding: 0 0 12px 0; margin: 0 0 12px 0; border-bottom: 1px solid #D3CED2; } /* Title */ .woocommerce ul.products li.product .woocommerce-loop-product__title { padding-top: 0; } /* Price */ .woocommerce ul.products li.product .price { font-size: 1em; color: #2D2727; margin-bottom: 0; } /* Add to basket */ .woocommerce ul.products li.product a.button { line-height: 28px; padding: 0 12px; } /* Pagination */ .woocommerce nav.woocommerce-pagination { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.3em; text-align: left; font-style: italic; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce nav.woocommerce-pagination ul li { text-align: center; border: none; } .woocommerce nav.woocommerce-pagination ul li span { line-height: 18px; min-width: 18px; padding: 6px 10px; border-right: 1px solid #D5D5DC; } .woocommerce nav.woocommerce-pagination ul li a { display: block; display: inline-block; min-width: 18px; line-height: 18px; text-align: center; color: #2D2727; padding: 6px 10px; border-right: 1px solid #D5D5DC; } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:active { color: #B72340; background-color: transparent; } .woocommerce nav.woocommerce-pagination ul li span.current { color: #8C0517; background-color: #F8F8F8; border-left: 4px solid #B72340; margin: 0 0 0 -1px; } @media screen and (min-width: 0px) and (max-width: 420px) { .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; text-align: center; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; overflow: hidden; } .woocommerce .woocommerce-ordering select { text-align: center; } } /*------------------------------------------------------------------*/ /*--- 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: 40%; padding: 0 4% 0 0; border-right: 1px solid #D3CED2; } /* 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: 52%; padding: 20px 0 0 0; } .woocommerce-page div.product div.summary .button { width: auto; line-height: 38px; } /* Product Title */ .woocommerce div.product .product_title { color: #B72340; 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, .woocommerce div.product form.cart .variations th { line-height: 1em; } .woocommerce div.product form.cart .variations td.label { padding: 0; } .woocommerce div.product form.cart .variations label { width: 100%; padding: 0 20px; } .woocommerce div.product form.cart .variations select { width: 100%; margin-right: 0; } 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; } /* Product Meta */ .woocommerce .product_meta { font-size: 14px; } .woocommerce .product_meta .sku_wrapper, .woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as { display: block; padding: 0 0 10px 0; } /* Upsells */ .woocommerce .up-sells { padding-top: 30px; border-top: 1px solid #D3CED2; } /* Related Products */ .woocommerce .related { padding-top: 30px; border-top: 1px solid #D3CED2; } @media screen and (min-width: 0px) and (max-width: 768px) { /* Product Title */ .woocommerce div.product .product_title { padding: 0; } } @media screen and (min-width: 0px) and (max-width: 480px) { /* 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 { width: 100%; padding: 0 0 20px 0; border: none; border-bottom: 1px solid #D3CED2; } /* 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 { width: 100%; padding: 0; } } /*------------------------------------------------------------------*/ /*--- Cart ---*/ /* Frame */ .woocommerce table.shop_table { border: none; border-radius: 0; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 9px 0; border-right: none; } @media screen and (min-width: 0px) and (max-width: 768px) { .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 9px; } } /* Remove */ .woocommerce a.remove { width: 20px; height: 20px; line-height: 20px; color: #B72340 !important; } .woocommerce a.remove:hover { background-color: #B72340; } /* Image */ .woocommerce-cart table.cart img { width: 80px; } /* Coupon Code */ .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 { position: relative; } .woocommerce ul#shipping_method li input { position: relative !important; margin: 0 6px 0 0; width: 20px; height: 20px; } .woocommerce ul#shipping_method li label { float: none; } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Cart ---*/ .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: 100%; } .woocommerce table.cart td.actions .coupon input { width: 100%; } .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input { width: 100%; } } /*------------------------------------------------------------------*/ /*--- Checkout ---*/ /* Layout */ body.woocommerce-checkout .woocommerce { max-width: 680px; margin: 0 auto; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; } .woocommerce form .form-row label, .woocommerce-page form .form-row label, .woocommerce-shipping-fields label { width: inherit; padding: 0; background: none; border: none; } /* Login / Register */ body.woocommerce-checkout .woocommerce form.login { max-width: 100%; margin-top: -2em; } /* 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"] { float: none; width: 18px; height: 18px; } div.create-account { padding: 20px; margin: 10px 0 0 0; border: 1px solid #D3CED2; border-top: 4px solid #B72340; } /* Form */ .woocommerce form .form-row .required { color: #B72340; } .woocommerce form .form-row .optional { display: none; } /* Delivery Address */ #add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { float: none; display: block; font-size: 1.2em; margin: 20px 0 10px 0; } #add_payment_method .checkout .col-2 h3#ship-to-different-address label, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address label, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label { padding: 0; cursor: pointer; } #add_payment_method .checkout .col-2 h3#ship-to-different-address input, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address input, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address input { position: relative; top: 3px; width: 18px; height: 18px; } #add_payment_method .checkout .shipping_address, .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout .checkout .shipping_address { padding: 20px; margin: 0 0 20px 0; background-color: #F9F9F9; } /* Order Summary Heading */ #order_review_heading { padding: 14px 0 0 0; margin-top: 14px; border-top: 1px solid #D3CED2; } /* Payment */ .woocommerce-checkout #payment { border-radius: 0 !important; } .woocommerce-checkout #payment label { float: none; width: auto; padding: 0; background-color: transparent; border: none; } /* Place Order */ .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; width: 100%; height: 54px; line-height: 54px; font-size: 1.2em; } /*------------------------------------------------------------------*/ /*--- Order Confirmation ---*/ .woocommerce .woocommerce-customer-details address { padding: 0; border: none; } /*------------------------------------------------------------------*/ /*--- My Account / Login ---*/ /* 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; } */ /* Login Page */ .my_account_wrapper.login_page { padding: 20px 0 0 0; } .my_account_wrapper.login_page h2 { text-align: center; } /* Layout */ .woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: auto; margin: 0 auto 30px auto; } .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; max-width: 720px; margin: 0 auto; } /* Common */ .woocommerce-account mark { background: none; } .woocommerce-account .woocommerce h2, .woocommerce-account .woocommerce h3 { font-family: "adobe-garamond-pro", Georgia, serif; font-size: 1.8em; line-height: 1.2em; color: #B72340; } /* Login Form */ .woocommerce-form-login__rememberme { display: none !important; } /* Orders Table */ .woocommerce table.my_account_orders .button { margin-right: 4px; } /* Navigation */ .woocommerce-MyAccount-navigation { text-align: center; padding: 20px; background-color: #F8F8F8; border-bottom: 1px solid #D3CED2; } .woocommerce-MyAccount-navigation ul li { display: inline-block; margin: 6px; } .woocommerce-MyAccount-navigation ul li::after { content: ''; margin-left: 12px; border-right: 1px solid #D3CED2; } .woocommerce-MyAccount-navigation ul li:last-child::after { display: none; } .woocommerce-MyAccount-navigation ul li a { color: #2D2727; } .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:active, .woocommerce-MyAccount-navigation ul li a:focus { color: #B72340; } .woocommerce-MyAccount-navigation ul li.is-active a { color: #B72340; } /*------------------------------------------------------------------*/ /* 11. Owl Carousel /*------------------------------------------------------------------*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*- Customise Owl Carousel -*/ .owl-dots { text-align: center; margin: 0 auto; -webkit-tap-highlight-color: transparent; } .owl-dots .owl-dot { display: inline-block; } .owl-dots .owl-dot span { display: block; width: 12px; height: 12px; margin: 4px; background: #869791; opacity: 0.5; border-radius: 50%; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #7CBDC3; opacity: 1; } .owl-nav { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; -webkit-tap-highlight-color: transparent; } .owl-nav [class*="owl-"] { border-radius: 0; } .owl-nav .owl-prev { pointer-events: auto; float: left; text-indent: -9999px; width: 40px; height: 100%; padding: 0; margin: 0; background-color: transparent; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden; } .owl-nav .owl-next { pointer-events: auto; float: right; text-indent: -9999px; width: 40px; height: 100%; padding: 0; margin: 0; background-color: transparent; background-repeat: no-repeat !important; background-position: center center !important; transform: rotate(-180deg); overflow: hidden; } .owl-nav .owl-prev:hover { opacity: 0.9; } .owl-nav .owl-next:hover { opacity: 0.9; }