/*-------------------------------------------------------------------- Theme Name: Aqua-Media Author: The Pixel Parlour Author URI: https://www.pixelparlour.co.uk Version: 2.0 Updated: 27.08.2024 Designed & Handcrafted by The Pixel Parlour 0. CSS Resets 1. Common Styles 2. Universal Elements 3. Common Page Elements 4. Supplementary Content 5. Owl Carousel --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 0. 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, 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; } /*------------------------------------------------------------------*/ /* 1. Common Styles /*------------------------------------------------------------------*/ /*-------------------------------------------------------------------- font: Interface font-family: 'Interface', Helvetica, Arial, sans-serif; font-weight: 100 (thin), 300 (light), 400 (regular), 700 (bold); Text #000 --------------------------------------------------------------------*/ /* Hide Text Whilst Fonts Load */ .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading ol, .wf-loading ol li, .wf-loading ul, .wf-loading ul li, .wf-loading input, .wf-loading img, .wf-loading div { visibility: hidden; } /* Show Text Once Fonts Loaded */ .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active p, .wf-active ol, .wf-active ol li, .wf-active ul, .wf-active ul li, .wf-active input, .wf-active img, .wf-active div, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4, .wf-inactive h5, .wf-inactive h6, .wf-inactive p, .wf-inactive ol, .wf-inactive ol li, .wf-inactive ul, .wf-inactive ul li, .wf-inactive input, .wf-inactive img, .wf-inactive div { visibility: visible; } * { margin: 0; } html { -webkit-text-size-adjust: none; background-color: #FFF; } body { height: 100%; font-family: 'Interface', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400; color: #000; background-color: #FFF; } body.noscroll { overflow: hidden; } .left { float: left; } .right { float: right; } .half { width: 50%; } img { max-width: 100%; height: auto; vertical-align: middle; } .ie8 img { width: auto; } /* IE8 */ /* 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%; } 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 video { width: 100%; } .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 { 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, img, input, select, textarea, button, .btn, .owl-dots .owl-dot span, .animatefast { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .animateslow { transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; } .animatesuperslow { transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } .notransition, .notransition img, .gm-style img { transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } a { color: #EC1780; text-decoration: none; } a:hover, a:active, a:focus { color: #EC1780; } b, strong { font-weight: 700; } em, dfn, cite, i { font-style: italic; } address { font-style: normal; line-height: 1.2em; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2em; font-weight: 600; margin: 0 0 12px 0; } h1, .h1 { font-size: 3.1em; line-height: 1em; } h2, .h2 { font-size: 2.4em; } h3, .h3 { font-size: 1.8em; } h4, .h4 { font-size: 1.4em; } h5, .h5 { font-size: 1.3em; } h6, .h6 { font-size: 1.2em; } @media screen and (min-width: 0px) and (max-width: 520px) { h1, .h1 { font-size: 2.7em; } h2, .h2 { font-size: 2em; } h3, .h3 { font-size: 1.55em; } h4, .h4 { font-size: 1.3em; } h5, .h5 { font-size: 1.2em; } h6, .h6 { font-size: 1.1em; } } p { line-height: 1.3em; margin: 0 0 20px 0; } p:last-child { margin-bottom: 0; } p.small { font-size: 0.8em; } /* Caption */ .wp-caption { overflow: hidden; } .wp-caption img { margin: 0; } .wp-caption.alignleft { margin: 0 5% 0 0; } .wp-caption.alignright { margin: 0 0 0 5%; } .wp-caption.aligncenter, .wp-caption.aligncentre { margin: 0 auto; } p.wp-caption-text { text-align: center; padding: 8px 12px; margin-top: -2px; background-color: #F5F6F2; } blockquote { padding: 14px 30px 14px 24px; margin: 0 0 20px 0; border-left: 3px solid #ED2676; border-right: 1px solid #EAEAE8; } blockquote p { font-size: 1.2em !important; font-style: italic; margin: 0; } .thecontent a { border-bottom: 1px solid transparent; } .thecontent a:hover, .thecontent a:active, .thecontent a:focus { border-bottom-color: #D8D8D8; } .thecontent ol { list-style: decimal; margin: 0 0 20px 30px; } .thecontent ol li { line-height: 1.3em; margin: 0 0 8px 0; } .thecontent ol ol { padding: 10px 0 0 0; } .thecontent ol li li { font-size: inherit; } .thecontent ul { list-style: none; margin: 0 0 20px 0; } .thecontent ul li { line-height: 1.3em; margin: 0 0 8px 0; padding: 0 0 0 20px; background-image: url(_images/master/bkgd-bulletpoint-small.svg); background-repeat: no-repeat; background-position: 4px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-svg .thecontent ul li { background-image: url(_images/master/bkgd-bulletpoint-small.png); } /* No SVG */ .thecontent ul ul { padding: 10px 0 0 0; } .thecontent ul li li { font-size: inherit; } /* Buttons */ .btn { display: inline-block; line-height: 48px; text-align: center; text-transform: uppercase; color: #FFF !important; background-color: #394044; border: none !important; padding: 0 20px; margin: 2px; cursor: pointer; } .btn:hover, .btn:active, .btn:focus { background-color: #1A1A1A; } .slimbtn { line-height: 36px; } .largebtn { line-height: 62px; padding: 0 30px; } .whitebtn { color: #000 !important; background-color: #FFF !important; } .whitebtn:hover, .whitebtn:active, .whitebtn:focus { opacity: 0.9; } .outlinebtn { color: #FFF !important; background-color: transparent !important; border: 1px solid #FFF !important; } .outlinebtn:hover, .outlinebtn:active, .outlinebtn:focus { opacity: 0.8; } .fwbtn { display: block; text-align: center; } /* .widebtn { min-width: 160px; } .openbtn { line-height: 52px; background: none !important; border: 3px solid #ED2676 !important; border-radius: 29px; } .openbtn:hover, .openbtn:active, .openbtn:focus { color: #ED2676 !important; } .lightopenbtn { color: #FFF !important; } .whitebtn { color: #ED2676 !important; background-color: #FFF !important; } .whitebtn:hover, .whitebtn:active, .whitebtn:focus { opacity: 0.9; } .textbtn { min-width: inherit; line-height: 1.2em; padding: 0; background: none; border-bottom: 3px solid #ED2676 !important; } .textbtn:hover, .textbtn:active, .textbtn:focus { background: none; border-bottom-color: #394044 !important; } */ /* Text Alignment */ .textleft { text-align: left; } .textright { text-align: right; } .textcentred, .textcentered { text-align: center; } /* Colours */ .black { color: #000; } .lightgrey { color: #F6F7F9; } .bkgdlightgrey { background-color: #F6F7F9 !important; } .bkgdwhite { background-color: #FFF !important; } .textwhite { color: #FFF; } .textwhite a { color: #FFF !important; } .textwhite a:hover, .textwhite a:active, .textwhite a:focus { color: rgba(255,255,255,0.8); } /* Filters */ .filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 1; } .blendtop { position: absolute; top: 0; right: 0; bottom: 50%; left: 0; } .blendright { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; } .blendbottom { position: absolute; top: 50%; right: 0; bottom: 0; left: 0; } .blendleft { position: absolute; top: 0; right: 50%; bottom: 0; left: 0; } .blendtop { background: -webkit-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -o-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; } .blendright { background: -webkit-linear-gradient(right, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -o-linear-gradient(right, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(right, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: linear-gradient(to left, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; } .blendbottom { background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -o-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; } .blendleft { background: -webkit-linear-gradient(left, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -o-linear-gradient(left, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(left, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; } /* Hide */ .hidden { display: none !important; } /* Fonts */ .interface { font-family: 'Interface', Helvetica, Arial, sans-serif; } /*------------------------------------------------------------------*/ /* 2. Universal Elements /*------------------------------------------------------------------*/ .sitewrapper { margin: 0 auto; overflow: hidden; } .container { position: relative; max-width: 1160px; padding: 0 20px; margin: 0 auto; overflow: hidden; z-index: 2; } .container.fwcontainer { max-width: none; padding: 0; } .container.nopadding { max-width: 1200px; padding: 0; } .container.overflow { overflow: visible; } /*------------------------------------------------------------------*/ /* 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 { color: #FFF; margin: 0 0 4px 0; } .iewarning p { color: #FFF; padding: 0 40px; margin: 0; } /* Browser Width */ .browserwidth { position: fixed; bottom: 0; left: 0; font-size: 0.8em; text-align: center; color: #FFF; padding: 6px 8px; background-color: #EC1780; z-index: 999; } /* Dev Divide */ .devdivide { min-height: 200px; color: #FFF; background-color: #EC1780; } .devdivide h1 { line-height: 200px; margin: 0; } /* Not Responsive */ .notresponsive { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; color: #FFF; background-color: #EC1780; z-index: 99999; } .notresponsive .outerwrapper { display: table; width: 100%; height: 100%; } .notresponsive .innerwrapper { display: table-cell; vertical-align: middle; } .notresponsive p { font-size: 1.5em; } /* Show on iPad */ .showipad { display: none; } /* Show on Mobile */ .showmobile { display: none; } /* Show on Phone */ .showphone { display: none; } /*------------------------------------------------------------------*/ /*--- Forms ---*/ ::-webkit-input-placeholder { color: #606872; } :-moz-placeholder { color: #606872; } /* Firefox 18- */ ::-moz-placeholder { color: #606872; } /* Firefox 19+ */ :-ms-input-placeholder { color: #606872; } /* IE10 */ form .req { color: #CB2027; } form .note { font-size: 0.8em; color: #58595B; padding: 0 6px; } form .note strong { font-weight: 500; } label { display: block; font-size: 0.88em; line-height: 1.4em; padding: 0 0 6px 0; } label .labelright { float: right; font-size: 0.88em; font-weight: 500; } .nolabels label { display: none; } input, select, textarea { width: 100%; font-family: 'Interface', Helvetica, Arial, sans-serif; font-size: 17px; color: #000; margin: 0; padding: 0 10px; background-color: #FFF; border: 1px solid #D8D8D8; 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, input:focus, select:focus, textarea:focus { border-color: #B3B3B3; } input { -webkit-appearance: none; } textarea { width: 100%; min-width: 100%; max-width: 100%; min-height: 120px; max-height: 120px; padding: 10px; -webkit-appearance: none; } /* IE8 */ .ie8 textarea { padding: 0; } /* IE7 */ .ie7 textarea { padding: 0; } .inputblock, .textareablock, .submitblock { margin: 0 0 16px 0; overflow: hidden; } .inputblock br, .textareablock br, .submitblock br { display: none; } .inputblock hr { margin-bottom: 8px; } .inputblock input { height: 46px; line-height: 46px; } .inputblock select { height: 46px; line-height: 46px; } .inputblock.sliminput input, .inputblock.sliminput select, .inputblock.sliminput textarea { max-width: 100px; } .twoinputblocks { overflow: hidden; } .twoinputblocks .inputblock { float: left; width: 46%; margin-right: 8%; } .twoinputblocks .inputblock:last-child { margin-right: 0; } /* Checkbox */ .checkblock { margin: 0 0 16px 0; } .checkblock br { display: none; } .checkblock label { display: block !important; } .wpcf7-checkbox label { margin: 0 0 16px 0; } .wpcf7-checkbox span.wpcf7-list-item, .wpcf7-acceptance span.wpcf7-list-item { position: relative; } input[type="checkbox"] { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; } input[type="checkbox"] + span { display: block; font-size: 0.9em; min-height: 24px; line-height: 24px; color: #665C63; padding: 0 0 0 36px; background-image: url(_images/common/bkgd-form-checkbox.svg); background-repeat: no-repeat; background-position: 0 0; } .no-svg input[type="checkbox"] + span { background-image: url(_images/common/bkgd-form-checkbox.png); } /* No SVG */ input[type="checkbox"]:hover + span { color: #0081B8; } input[type="checkbox"]:checked + span { color: #0081B8; background-position: 0 -32px; } /* Acceptance */ .acceptanceblock { padding: 10px; background-color: #F8F8F8; border: 1px solid #FF6E0A; border-radius: 8px; } .acceptanceblock label { padding-bottom: 0; } .acceptanceblock span.wpcf7-form-control { margin-bottom: 0; } /* Number */ input[type="number"] { width: auto; max-width: 80px; } /* Radio */ input[type="radio"] { width: auto; height: auto; line-height: inherit; background: none; border: none; -webkit-appearance: radio; } /* Submit */ .submitblock { position: relative; padding: 0; margin: 0; } input[type="submit"], input.submit, input.wpcf7-submit { width: 100%; height: 56px; line-height: 56px; font-size: 1.16em; font-weight: 300; text-align: center; color: #FFF; padding: 0 20px; margin: 0 auto; background-color: #EC1780; border: none; } input[type="submit"]:hover, input.submit:hover, input.wpcf7-submit:hover, input[type="submit"]:focus, input.submit:focus, input.wpcf7-submit:focus { background-color: #333; cursor: pointer; } /* Recaptcha */ .grecaptcha-badge { display: none !important; } /*--- Enquiry Form ---*/ .enquiryform { overflow: hidden; } /*--- Slim Sign Up Form ---*/ .slimsignupform { position: relative; } .slimsignupform form { position: relative; } .slimsignupform form input { height: 46px; line-height: 46px; padding: 0 10px; margin: 0; border: none; } .slimsignupform form .submitblock { position: absolute; top: 0; right: 0; float: none; width: auto; padding: 0; } .slimsignupform form .submitblock input { width: 100%; min-width: 46px; height: 46px; line-height: 46px; font-size: 1em; text-transform: uppercase; padding: 0 20px; background-color: #000; } .slimsignupform form .submitblock input:hover { background-color: #333; } /* Contact Form 7 */ div.wpcf7 .screen-reader-response { display: none; } span.wpcf7-list-item { display: block; margin: 0; } span.wpcf7-form-control { display: block; margin: 0 0 10px 0; overflow: hidden; } span.wpcf7-not-valid-tip { display: inline-block; font-size: 0.8em; line-height: 16px; color: #FFF; padding: 6px; margin: 4px 0 0 0; background-color: #CB4C58; } input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid { background-color: #F9EDEE; } div.wpcf7-validation-errors, div.wpcf7-spam-blocked, div.wpcf7-mail-sent-ok { font-size: 0.9em; line-height: 1.2; text-align: center; color: #FFF; padding: 8px; margin: 12px 0 0 0; background-color: #CB4C58; border: none; } div.wpcf7-mail-sent-ok { background-color: #57B5A7; } /*--- MailChimp Manual Embed Form ---*/ #mc_embed_signup div.mce_inline_error { padding: 6px 10px 0 10px; margin: -6px 0 0 0; font-size: 0.8em; line-height: 20px; color: #FFF; background: #CB4C58; border-radius: 0 0 6px 6px; } #mc_embed_signup div#mce-responses { overflow: hidden; clear: both; } #mc_embed_signup div.response { line-height: 1.2; } #mc_embed_signup #mc_embed_signup_scroll { overflow: hidden; } #mc_embed_signup input[type="submit"], #mc_embed_signup input.submit, #mc_embed_signup input.wpcf7-submit { height: 46px; line-height: 46px; } #mc_embed_signup #mce-error-response { display: none; color: #CB4C58; padding: 10px 6px; background-color: #FFBBBD; border-radius: 6px; } #mc_embed_signup #mce-error-response a { color: #333; } #mc_embed_signup #mce-error-response a:hover, #mc_embed_signup #mce-error-response a:active, #mc_embed_signup #mce-error-response a:focus { text-decoration: underline; } #mc_embed_signup input.mce_inline_error { background-color: #FFBBBD; border-color: #CB4C58; } #mc_embed_signup #mce-success-response { display: none; padding: 10px 6px; } #mc_embed_signup #mce-success-response h3 { font-size: 1.8em; color: #00A4D9; margin: 0 0 8px 0; } .sidemailinglist #mc_embed_signup #mce-success-response h3 { color: #29AFA4; } #mc_embed_signup #mce-success-response p { font-size: 18px; line-height: 22px; margin: 0; } /*------------------------------------------------------------------*/ /*--- Other Common Elements ---*/ /* e.g. social links, share page, etc */ /*--- Article Meta ---*/ ul.articlemeta { font-size: 0; line-height: 0; } ul.articlemeta li { display: inline-block; font-size: 16px; line-height: 26px; padding: 0; margin: 0 12px 0 0; background: none !important; } ul.articlemeta li::after { content: ''; padding: 0 12px 0 0; border-right: 1px solid #000; } ul.articlemeta li:last-child { margin-right: 0; } ul.articlemeta li:last-child::after { padding: 0; border: none; } /*------------*/ /*--- Enquiry Overlay ---*/ .enquiryoverlay { position: fixed; top: 105%; right: 0; left: 0; bottom: 0; width: 100%; min-width: 260px; max-width: 600px; margin: 0 auto; overflow: hidden; z-index: 99999; } .enquiryoverlay.showoverlay { top: 0; overflow: scroll; } .enquiryoverlay .outerwrap { display: table; height: 100%; } .enquiryoverlay .midwrap { display: table-cell; vertical-align: middle; padding: 0 10px; } .enquiryoverlay .innerwrap { position: relative; margin: 0 auto; background-color: #FFF; box-shadow: 0 0 4px rgba(0,0,0,0.4); } .enquiryoverlay .closeoverlay { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; line-height: 44px; text-align: center; color: #FFF; background-image: url(https://placehold.it/22x22); background-repeat: no-repeat; background-position: center center; opacity: 0.6; cursor: pointer; z-index: 1; } .enquiryoverlay .closeoverlay:hover { opacity: 0.8; } .enquiryoverlay .title { color: #FFF; padding: 36px 20px 20px 20px; background-color: #333; } .enquiryoverlay .title h3 { text-transform: none; color: #FFF; margin: 0; } .enquiryoverlay .title p { margin: 14px 0 0 0; } .enquiryoverlay .content { padding: 20px; } .enquiryoverlay .privacy { font-size: 0.8em; color: #FFF; padding: 10px 10px 20px 48px; background-color: #CCC; background-image: url(https://placehold.it/16x22/FFFFFF/333333); background-repeat: no-repeat; background-position: 20px 15px; } .enquiryoverlay .privacy p { margin: 0; } #bkgdenquiryoverlay { visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0.9); opacity: 0; z-index: 9999; transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; } #bkgdenquiryoverlay.showoverlay { display: block; visibility: visible; opacity: 1; } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Enquiry Overlay ---*/ .enquiryoverlay .midwrap { padding-left: 20px; padding-right: 20px; } } /*------------*/ /*--- Logo Row ---*/ .logorow { } .logorow .logo { display: inline-block; margin: 0 30px 30px 0; } .logorow .logo img { vertical-align: bottom; } /*------------*/ /*--- Pagination ---*/ .pagination { text-align: left; } .pagination.textcentered { text-align: center; } .pagination span, .pagination a { display: inline-block; min-width: 24px; height: 32px; line-height: 32px; text-align: center; padding: 0 4px; margin: 4px; text-decoration: none; color: #333; background-color: #F6F7F9; border: none; } .pagination a:hover, .pagination a:active, .pagination a:focus { color: #333; background-color: #D8D8D8; } .pagination .current { color: #FFF; background-color: #000; } /*------------*/ /*--- Scroll to Top ---*/ #scrolltotop { position: fixed; bottom: -100px; right: 12px; width: 40px; height: 40px; text-align: center; color: #FFF; background-color: rgba(0,0,0,0.3); background-image: url(https://placehold.it/20x12); background-repeat: no-repeat; background-position: center center; border-radius: 50%; z-index: 8; } #scrolltotop.show { bottom: 12px; } #scrolltotop:hover { background-color: rgba(0,0,0,0.4); } /*------------*/ /*--- Share Page ---*/ ul.sharepage { font-size: 0; line-height: 0; margin: 0 auto; } ul.sharepage li { display: inline-block; font-size: 12px; line-height: 26px; padding: 0; margin: 2px; background: none !important; } ul.sharepage.positionright li { margin: 2px 0 2px 4px !important; } ul.sharepage.positionright li:first-child { margin-left: 0 !important; } ul.sharepage.positioncenter { text-align: center; } ul.sharepage.positioncenter li { margin: 2px !important; } ul.sharepage li.legend { font-size: 18px; margin: 0 6px 0 0 !important; } ul.sharepage li a { display: block; line-height: 26px; text-transform: uppercase; color: #FFF; padding: 0 8px 0 30px; background-image: url(_images/master/bkgd-sharing-icons-white.svg); background-repeat: no-repeat; background-position: -100px -100px; background-color: #005AAA; border-radius: 6px; } .no-svg ul.sharepage li a { background-image: url(_images/master/bkgd-sharing-icons-white.png); } /* No SVG */ ul.sharepage li a:hover { background-color: #000 !important; } ul.sharepage li a.facebook { background-color: #3B4F94; background-position: 8px -2px; } ul.sharepage li a.linkedin { background-color: #0076B7; background-position: 8px -32px; } ul.sharepage li a.twitter { background-color: #30A6E1; background-position: 8px -62px; } @media screen and (min-width: 0px) and (max-width: 420px) { /*--- Share Page ---*/ ul.sharepage li.legend { display: block; } } /*------------*/ /*--- Social Links ---*/ ul.sociallinks { font-size: 0; line-height: 0; } ul.sociallinks li { display: inline-block !important; font-size: 14px; line-height: 14px; text-align: center; margin: 0 8px 8px 0 !important; overflow: hidden; } ul.sociallinks.positionright li { margin: 0 0 8px 8px !important; } ul.sociallinks.positioncenter li { margin: 4px !important; } ul.sociallinks li a { display: block; width: 46px; height: 46px; line-height: 46px; background-color: #CCC; background-image: url(_images/master/bkgd-social-icons.svg); background-repeat: no-repeat; background-position: -100px -100px; border: none !important; } .no-svg ul.sociallinks li a { background-image: url(_images/master/bkgd-social-icons.png); } /* No SVG */ ul.sociallinks li a:hover, ul.sociallinks li a:active, ul.sociallinks li a:focus { opacity: 0.8; } ul.sociallinks li span { display: none; } ul.sociallinks li.facebook a { background-position: 0 0; } ul.sociallinks li.instagram a { background-position: -46px 0; } ul.sociallinks li.linkedin a { background-position: -92px 0; } ul.sociallinks li.twitter a { background-position: -138px 0; } ul.sociallinks li.youtube a { background-position: -184px 0; } /*------------------------------------------------------------------*/ /* 3. Content Blocks /*------------------------------------------------------------------*/ /*--- Section Intro ---*/ .sectionintro { position: relative; text-align: center; padding: 0 0 30px 0; margin: 0 auto; } .sectionintro.nocontent { padding: 0; } .sectionintro.spacebelow { padding-bottom: 50px; } .sectionintro h1, .sectionintro h2, .sectionintro h3, .sectionintro h4, .sectionintro h5, .sectionintro h6 { margin: 0; } .sectionintro h1 a, .sectionintro h2 a, .sectionintro h3 a, .sectionintro h4 a, .sectionintro h5 a, .sectionintro h6 a { color: #000; padding: 0 40px 0 0; background-image: url(https://placehold.it/15x26); background-repeat: no-repeat; background-position: right 22px; } .sectionintro p { font-size: 1.2em; } .sectionintro p:first-of-type { padding: 12px 0 0 0; } .sectionintro p:last-child { margin: 0; } /* Width Variations */ .sectionintro.widewidth { max-width: 860px; } .sectionintro.mediumwidth { max-width: 720px; } .sectionintro.slimwidth { max-width: 580px; } /* Slim Intro */ .sectionintro.slimintro { padding-bottom: 15px; } .sectionintro.slimintro h1, .sectionintro.slimintro h2, .sectionintro.slimintro h3, .sectionintro.slimintro h4, .sectionintro.slimintro h5, .sectionintro.slimintro h6, .sectionintro.slimintro p { display: inline-block; padding: 0; margin: 0; } .sectionintro.slimintro p::before { content: ''; padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px solid #000; } .textwhite .sectionintro.slimintro p::before { border-left-color: #FFF; } .sectionintro.smalltext p { font-size: 1em; } @media screen and (min-width: 0px) and (max-width: 767px) { /* Slim Intro */ .sectionintro.slimintro h1, .sectionintro.slimintro h2, .sectionintro.slimintro h3, .sectionintro.slimintro h4, .sectionintro.slimintro h5, .sectionintro.slimintro h6, .sectionintro.slimintro p { display: block; } .sectionintro.slimintro p::before { padding-left: 0; margin-left: 0; border-left: none; } } @media screen and (min-width: 0px) and (max-width: 520px) { /*--- Section Intro ---*/ .sectionintro p { font-size: 1.15em; } } /*------------*/ /*--- Content Block ---*/ .contentblock { position: relative; padding: 60px 0; background-color: #FFF; 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; } .contentblock .bkgd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #FFF; } .contentblock .anchor { position: absolute; top: 0; width: 1px; height: 1px; background-color: transparent; } /* Padding Options */ .contentblock.nopaddingtop { padding-top: 0; } .contentblock.nopaddingbottom { padding-bottom: 0; } .contentblock.slimpaddingtop { padding-top: 20px; } .contentblock.slimpaddingbottom { padding-bottom: 20px; } .contentblock.regularpaddingtop { padding-top: 40px; } .contentblock.regularpaddingbottom { padding-bottom: 40px; } .contentblock.mediumpaddingtop { padding-top: 60px; } .contentblock.mediumpaddingbottom { padding-bottom: 60px; } .contentblock.largepaddingtop { padding-top: 90px; } .contentblock.largepaddingbottom { padding-bottom: 90px; } /* Overlap Options */ .contentblock.overlapprevious { margin-top: -130px; background-color: transparent; } .contentblock.nopaddingtop.overlapprevious { margin-top: -70px; } .contentblock.slimpaddingtop.overlapprevious { margin-top: -90px; } .contentblock.regularpaddingtop.overlapprevious { margin-top: -110px; } .contentblock.mediumpaddingtop.overlapprevious { margin-top: -130px; } .contentblock.largepaddingtop.overlapprevious { margin-top: -160px; } /* Background */ .contentblock.overlapprevious .bkgd { top: 130px; } .contentblock.nopaddingtop.overlapprevious .bkgd { top: 70px; } .contentblock.slimpaddingtop.overlapprevious .bkgd { top: 90px; } .contentblock.regularpaddingtop.overlapprevious .bkgd { top: 110px; } .contentblock.mediumpaddingtop.overlapprevious .bkgd { top: 130px; } .contentblock.largepaddingtop.overlapprevious .bkgd { top: 160px; } /*------------*/ /*--- Page Intro ---*/ .pageintro { position: relative; color: #FFF; background-color: #000; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .pageintro .container { position: relative; padding-top: 180px; padding-bottom: 120px; z-index: 2; } .pageintro .breadcrumbs { position: absolute; top: 120px; font-size: 0.65em; line-height: 24px; text-transform: uppercase; } .pageintro .breadcrumbs span { padding: 0 6px; } .pageintro .breadcrumbs a { color: #FFF; border-bottom: 1px solid transparent; } .pageintro .breadcrumbs a:hover, .pageintro .breadcrumbs a:active, .pageintro .breadcrumbs a:focus { border-bottom-color: rgba(255,255,255,0.5); } .pageintro h1 { max-width: 790px; } .pageintro p { max-width: 660px; font-size: 1.5em; margin: 0; } .pageintro #bkgdvideo { position: absolute; top: auto; right: 0; bottom: 0; left: 0; min-width: 100%; max-width: inherit; min-height: 100%; width: auto; height: auto; margin: 0; z-index: 0; } /* Slim Intro */ .pageintro.slimintro .container { padding-top: 110px; padding-bottom: 30px; } /* Article Intro */ .pageintro.articleintro .container { padding-top: 40px; padding-bottom: 40px; } .pageintro.articleintro h1 { max-width: inherit; } .pageintro.articleintro p { max-width: inherit; } /* Big Photo Intro */ .pageintro.bigphotointro .container { padding-top: 270px; padding-bottom: 270px; } .pageintro.bigphotointro h1 { font-size: 3.6em; margin-bottom: 60px; } .pageintro.bigphotointro p { max-width: inherit; } /* Country Profile Intro */ .pageintro.country_profile_intro .container { padding-top: 80px; padding-bottom: 100px; } /* Gallery Intro */ .pageintro.galleryintro { } .pageintro.galleryintro.extrapaddingbottom .container { padding-bottom: 130px; } .pageintro.galleryintro .container { z-index: 3; } .pageintro.galleryintro .wrap { max-width: 45%; } .pageintro.galleryintro .overlay { position: absolute; top: 0; right: 45%; bottom: 0; width: 55%; background-color: #000; z-index: 2; } .pageintro.galleryintro .photo { position: absolute; top: 0; right: 0; bottom: 0; left: 40%; background-color: #CCC; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media screen and (min-width: 768px) and (max-width: 860px) { /* Gallery Intro */ .pageintro.galleryintro .wrap { max-width: 65%; } .pageintro.galleryintro .overlay { right: 25%; width: 75%; } .pageintro.galleryintro .photo { left: 60%; } } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Page Intro ---*/ /* Big Photo Intro */ .pageintro.bigphotointro .container { padding-top: 170px; padding-bottom: 170px; } /* Gallery Intro */ .pageintro.galleryintro .wrap { max-width: 100%; } .pageintro.galleryintro .overlay { display: none; } .pageintro.galleryintro .photo { display: none; } } @media screen and (min-width: 0px) and (max-width: 520px) { /*--- Page Intro ---*/ .pageintro p { font-size: 1.3em; } /* Slim Intro */ .pageintro.slimintro h1 { font-size: 2.2em; } /* Big Photo Intro */ .pageintro.bigphotointro .container { padding-top: 80px; padding-bottom: 80px; } .pageintro.bigphotointro h1 { font-size: 3.1em; } } @media screen and (min-width: 0px) and (max-width: 480px) { .pageintro .container { padding-top: 100px; padding-bottom: 80px; } .pageintro .breadcrumbs { top: 50px; } /* Big Photo Intro */ .pageintro.bigphotointro h1 { font-size: 2.7em; } } /*------------------------------------------------------------------*/ /* ADD MAIN BLOCKS IN ALPHABETICAL ORDER */ /*--- Article Content ---*/ .articlecontent { } .articlecontent p { margin-bottom: 30px; } .articlecontent .mainwrap { position: relative; padding: 0 20px; overflow: hidden; } .articlecontent .colleft { float: left; width: 68%; } .articlecontent .colright { float: right; width: 25%; } /* Article Block */ .articlecontent .articleblock { margin: 0 auto 30px auto; } .articlecontent .articleblock:last-child { margin-bottom: 0; } .articlecontent .articleblock p:last-child { margin-bottom: 0; } /* Call to Action Block */ .articlecontent .articlectablock { text-align: center; color: #FFF; background-color: #000; } .articlecontent .articlectablock .outerwrap { position: relative; } .articlecontent .articlectablock .wrap { padding: 30px 60px; } /* Photo Block */ .articlecontent .photoblock .image { overflow: hidden; } .articlecontent .photoblock .image img { width: 100%; } /* Quote Block */ .articlecontent .quoteblock .text { font-size: 1.25em; } .articlecontent .quoteblock .name { font-size: 0.8em; padding-top: 14px; } /* Text Block */ .articlecontent .textblock { } /* Video Block */ .articlecontent .videoblock { } /* Article End */ .articlecontent .articleend { margin: 0 auto 30px auto; } @media screen and (min-width: 791px) and (max-width: 1024px) { /*--- Article Content ---*/ .articlecontent .colright { width: 28%; } } @media screen and (min-width: 0px) and (max-width: 780px) { /*--- Article Content ---*/ .articlecontent.removepaddingtop { padding-top: 0; } .articlecontent .mainwrap { padding-left: 0; padding-right: 0; } .articlecontent .colleft { width: 100%; } .articlecontent .colright { width: 100%; padding: 20px 20px 0 20px; } /* Quote Block */ .articlecontent .quoteblock { padding: 0 20px; } /* Text Block */ .articlecontent .textblock { padding: 0 20px; } /* Article End */ .articlecontent .articleend { padding: 0 20px; } } /*------------*/ /*--- Article Grid ---*/ .articlegrid { } .articlegrid .wrap { overflow: hidden; } .articlegrid .article { float: left; width: 100%; margin: 0 0 20px 0; background-color: #F7F8F9; } .articlegrid .article:last-child { margin-bottom: 0; } .articlegrid .article .innerwrap { position: relative; padding: 16px 20px 32px 20px; } .articlegrid .article.hasdesc .innerwrap { padding-bottom: 70px; } .articlegrid .article .innerwrap p { padding: 10px 0 0 0; margin: 0; } .articlegrid .article .innerwrap .type { font-size: 0.8em; margin: 0 0 20px 0; opacity: 0.8; } .articlegrid .article .innerwrap .author { position: absolute; left: 0; bottom: 0; font-size: 0.8em; color: #999; } .articlegrid .article .innerwrap .date { position: absolute; right: 0; bottom: 0; font-size: 0.8em; color: #999; } .articlegrid .article .innerwrap .link a { color: #000; } .articlegrid .article .innerwrap .link a:hover, .articlegrid .article .innerwrap .link a:active, .articlegrid .article .innerwrap .link a:focus { color: #666; } .articlegrid .article .innerwrap .link .underline { width: 100%; height: 2px; margin: 2px 0 0 0; background-color: #CCC; } /* If Two Across */ .articlegrid .twoacross .article { width: 49%; margin: 0 2% 2% 0; } .articlegrid .twoacross .article:nth-child(2n) { margin-right: 0; } .articlegrid .twoacross .article:nth-last-of-type(2), .articlegrid .twoacross .article:last-of-type { margin-bottom: 0; } /* If Dark Backgrounds */ .articlegrid .darkbkgds .article { background-color: #333; } .articlegrid .darkbkgds .article .innerwrap .link a { color: #FFF; } .articlegrid .darkbkgds .article .innerwrap .link a:hover, .articlegrid .darkbkgds .article .innerwrap .link a:active, .articlegrid .darkbkgds .article .innerwrap .link a:focus { color: #CCC; } .articlegrid .darkbkgds .article .innerwrap .date { color: #CCC; } /* If White Backgrounds */ .articlegrid .whitebkgds .article { background-color: #FFF; } /* If Related Articles */ .articlegrid.relatedarticles .sectionintro { text-align: left; } .articlegrid.relatedarticles .sectionintro .tab { width: 100%; height: 2px; margin: 0 0 20px 0; background-color: #000; } .articlegrid.relatedarticles .sectionintro p { font-size: 1em; } .articlegrid.relatedarticles h4 { font-size: 1.2em; } @media screen and (min-width: 661px) and (max-width: 980px) { /*--- Article Grid ---*/ /* If In Content Block */ .articlegrid.incontentblock h4 { font-size: 1.3em; } } @media screen and (min-width: 0px) and (max-width: 660px) { /*--- Article Grid ---*/ /* If Two Across */ .articlegrid .twoacross .article { width: 100%; margin-right: 0; margin-bottom: 20px; } .articlegrid .twoacross .article:nth-last-of-type(2) { margin-bottom: 20px; } } /*------------*/ /*--- Article Nav ---*/ .articlenav { position: relative; padding: 14px 0; background-color: #F6F7F9; z-index: 6; } .articlenav .container { padding-left: 10px; } .articlenav .colleft { float: left; width: 45%; } .articlenav .colright { float: left; width: 55%; text-align: right; } .articlenav ul { font-size: 0; line-height: 0; } .articlenav ul li { display: inline-block; font-size: 18px; height: 36px; line-height: 36px; vertical-align: top; } .articlenav ul li.prev { border-right: 1px solid rgba(179,179,179,0.2); } .articlenav ul li.nav a { display: block; width: 36px; height: 36px; background-image: url(_images/master/bkgd-overlaygallery-nav.svg); background-repeat: no-repeat; background-position: -100px -100px; opacity: 1; cursor: pointer; } .no-svg .articlenav ul li.nav a { background-image: url(_images/master/bkgd-overlaygallery-nav.png); } /* No SVG */ .articlenav ul li.nav.prev a { background-position: 0 0; } .articlenav ul li.nav.next a { background-position: -36px 0; } .articlenav ul li.nav a:hover { opacity: 0.6; } .articlenav ul li.legend { margin-left: 10px; } .articlenav .btn { line-height: 36px; margin: 0; border-radius: 4px; vertical-align: top; } .articlenav .colright ul { font-size: 0; line-height: 0; } .articlenav .colright ul li { display: inline-block; font-size: 20px; height: 36px; line-height: 36px; margin: 0 0 0 10px; vertical-align: top; } .articlenav .exploredropdown { display: inline-block; text-transform: uppercase; text-align: left; } .articlenav .exploredropdown .outerwrap { width: 200px; height: 36px; } .articlenav .exploredropdown .innerwrap { left: auto; width: 200px; margin: 0; } .articlenav .exploredropdown .title { line-height: 34px; padding: 0 32px 0 12px; background-color: #000; background-position: right 12px center; border: 1px solid #666; border-radius: 4px; } .articlenav .exploredropdown .close .title { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .articlenav .exploredropdown .options { width: 200px; line-height: 36px; } .articlenav .exploredropdown .options ul li { display: block; margin: 0; border-bottom: 1px solid #666; } .articlenav .exploredropdown .options ul li a { line-height: 36px; padding: 0 12px; color: #FFF; background-color: #000; } .articlenav .exploredropdown .options ul li a:hover { background-color: #666; } @media screen and (min-width: 0px) and (max-width: 720px) { .articlenav .colleft { width: 20%; } .articlenav .colright { width: 80%; } .articlenav ul li.legend { display: none; } } @media screen and (min-width: 0px) and (max-width: 520px) { .articlenav .container { padding-right: 10px; } .articlenav .colleft { width: 25%; } .articlenav .colright { width: 75%; } .articlenav .exploredropdown .outerwrap { width: 170px; } .articlenav .exploredropdown .innerwrap { width: 170px; } .articlenav .exploredropdown .options { width: 170px; } .articlenav .btn { font-size: 0; padding-right: 28px; } } /*------------*/ /*--- Banner Position ---*/ .bannerposition { text-align: center; } .bannerposition .mobile { display: none; } .bannerposition .g { margin: 0 auto !important; } @media screen and (min-width: 0px) and (max-width: 767px) { .bannerposition .desktop { display: none; } } @media screen and (min-width: 0px) and (max-width: 767px) { .bannerposition .mobile { display: block; } } /*------------*/ /*--- Contact Strip ---*/ .contactstrip { text-align: center; } .contactstrip .wrap { padding: 40px 20px 45px 20px; background-color: #000; } .contactstrip .tel { font-size: 1.8em; } .contactstrip .times { font-size: 0.8em; padding: 16px 0 0 0; } .contactstrip .link { padding: 30px 0 0 0; } .contactstrip .link a { display: inline-block; color: #000; border: none; } .contactstrip .link a:hover, .contactstrip .link a:active, .contactstrip .link a:focus { color: #666; } .contactstrip .link .underline { width: 100%; height: 2px; margin: 2px 0 0 0; background-color: #CCC; } /* If Text White */ .contactstrip .link a { color: #FFF; } .contactstrip .link a:hover, .contactstrip .link a:active, .contactstrip .link a:focus { color: rgba(255,255,255,0.8); } .contactstrip .link .underline { background-color: #FFF; } /* If In Content Block */ .contactstrip.incontentblock .wrap { padding: 20px 10px 25px 10px; } .contactstrip.incontentblock .tel { font-size: 1.5em; } .contactstrip.incontentblock .link { padding-top: 20px; } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Contact Strip ---*/ .contactstrip .tel { font-size: 1.6em; } } @media screen and (min-width: 0px) and (max-width: 380px) { /*--- Contact Strip ---*/ .contactstrip .tel { font-size: 1.4em; } } /*------------*/ /*--- Event Listings ---*/ .eventlistings { } .eventlistings .wrap { max-width: 760px; margin: 0 auto; } .eventlistings .listing { padding: 0 20px; } .eventlistings .listing .innerwrap { padding: 20px 0; border-top: 1px solid #E6E6E6; } .eventlistings .listing .logo { float: right; max-width: 30%; padding: 10px; margin: 0 0 20px 20px; background-color: #FFF; } .eventlistings .listing .logo img { width: auto; max-height: 100px; } .eventlistings .listing .meta { font-size: 1.2em; margin: 0 0 20px 0; } .eventlistings .listing .meta .dates, .eventlistings .listing .meta .location { display: inline-block; line-height: 20px; margin: 0 20px 10px 0; } .eventlistings .listing .meta .icon { display: inline-block; line-height: 20px; margin: 0 6px 0 0; } .eventlistings .listing .meta .icon svg { vertical-align: bottom; } .eventlistings .listing .desc { margin: -10px 0 20px 0; } .eventlistings .listing .contacts ul li { display: inline-block; margin: 0 12px 6px 0; } .eventlistings .listing .contacts ul li.namedcontact { display: block; line-height: 1.1em; margin-right: 0; } .eventlistings .listing .contacts ul li.website { display: block; padding-top: 10px; margin-right: 0; } .eventlistings .outro { text-align: center; } @media screen and (min-width: 0px) and (max-width: 580px) { .eventlistings .listing .logo { max-width: 40%; } } @media screen and (min-width: 0px) and (max-width: 420px) { .eventlistings .listing { padding: 0; } .eventlistings .listing .logo { float: none; max-width: 50%; padding: 0; margin-left: 0; } } /*------------*/ /*--- Events Carousel ---*/ .eventscarousel { } .eventscarousel .eventblock { text-align: center; padding: 10px; } .eventscarousel .eventblock .logo { max-width: 200px; font-size: 0.8em; line-height: 134px; text-transform: uppercase; margin: 0 auto; vertical-align: middle; } .eventscarousel .eventblock .logo img { width: auto; max-height: 134px; } .eventscarousel .eventblock .title { padding: 30px 0 6px 0; } .eventscarousel .eventblock .title h1, .eventscarousel .eventblock .title h2, .eventscarousel .eventblock .title h3, .eventscarousel .eventblock .title h4, .eventscarousel .eventblock .title h5, .eventscarousel .eventblock .title h6 { font-size: 1.25em; margin-bottom: 0; } .eventscarousel .eventblock .meta { font-size: 0.9em; } .eventscarousel .eventblock a:hover { opacity: 0.8; } /*------------*/ /*--- Explore Drop Down ---*/ .exploredropdown { z-index: 6; } .exploredropdown .outerwrap { position: relative; width: 100%; height: 48px; } .exploredropdown .innerwrap { position: absolute; left: 50%; width: 180px; margin: 0 0 0 -90px; overflow: hidden; cursor: pointer; } .exploredropdown .title { line-height: 48px; padding: 0 16px; margin: 0 auto; background-color: #F1F1F1; background-image: url(https://placehold.it/12x7); background-repeat: no-repeat; background-position: right 16px center; } .no-svg .exploredropdown .title { background-image: url(https://placehold.it/12x7); } /* No SVG */ .exploredropdown .options { display: none; width: 180px; line-height: 40px; margin: 0 auto; } .exploredropdown .options ul { list-style: none; margin: 0; } .exploredropdown .options ul li { border-bottom: 1px solid #F1F1F1; } .exploredropdown .options ul li:last-child { border: none; } .exploredropdown .options ul li a { display: block; line-height: 40px; color: #FFF; padding: 0 16px; background-color: #ADADAD; } .exploredropdown .options ul li a:hover { background-color: #000; } /*------------*/ /*--- Featured Articles ---*/ .featuredarticles .article { position: relative; background-color: #F7F8F9; overflow: hidden; } .featuredarticles .article.hasphoto .desc { float: left; width: 48%; } .featuredarticles .article .photo { position: absolute; top: 0; right: 0; bottom: 0; left: 48%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .featuredarticles .article .innerwrap { position: relative; min-height: 340px; padding: 30px 30px 80px 30px; } .featuredarticles .article .innerwrap h1, .featuredarticles .article .innerwrap h2, .featuredarticles .article .innerwrap h3, .featuredarticles .article .innerwrap h4, .featuredarticles .article .innerwrap h5, .featuredarticles .article .innerwrap h6 { font-size: 2.2em; } .featuredarticles .article .innerwrap p { font-size: 1.1em; padding: 10px 0 0 0; margin: 0; } .featuredarticles .article .innerwrap .link { position: absolute; left: 30px; bottom: 30px; } .featuredarticles .article .innerwrap .date { position: absolute; right: 30px; bottom: 30px; font-size: 0.8em; color: #999; } .featuredarticles .article .innerwrap .link a { color: #000; } .featuredarticles .article .innerwrap .link a:hover, .featuredarticles .article .innerwrap .link a:active, .featuredarticles .article .innerwrap .link a:focus { color: #666; } .featuredarticles .article .innerwrap .link .underline { width: 100%; height: 2px; margin: 2px 0 0 0; background-color: #CCC; } /* If Dark Backgrounds */ .featuredarticles .darkbkgds .article { background-color: #333; } .featuredarticles .darkbkgds .article .innerwrap .link a { color: #FFF; } .featuredarticles .darkbkgds .article .innerwrap .link a:hover, .featuredarticles .darkbkgds .article .innerwrap .link a:active, .featuredarticles .darkbkgds .article .innerwrap .link a:focus { color: #CCC; } .featuredarticles .darkbkgds .article .innerwrap .date { color: #CCC; } @media screen and (min-width: 768px) and (max-width: 980px) { /*--- Featured Articles ---*/ .featuredarticles .article.hasphoto .desc { width: 60%; } .featuredarticles .article .photo { left: 60%; } .featuredarticles .article .innerwrap { min-height: 280px; } } @media screen and (min-width: 0px) and (max-width: 980px) { /*--- Featured Articles ---*/ .featuredarticles .article .innerwrap h1, .featuredarticles .article .innerwrap h2, .featuredarticles .article .innerwrap h3, .featuredarticles .article .innerwrap h4, .featuredarticles .article .innerwrap h5, .featuredarticles .article .innerwrap h6 { line-height: 1em; } } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Featured Articles ---*/ /* .featuredarticles .article.hasphoto .desc { float: none; width: auto; } .featuredarticles .article .photo { position: relative; top: auto; right: auto; bottom: auto; left: auto; float: right; width: 40%; height: 230px; margin: 0 0 20px 20px; } .featuredarticles .article .innerwrap .date { display: none; } */ } @media screen and (min-width: 0px) and (max-width: 599px) { /*--- Featured Articles ---*/ .featuredarticles .article .photo { height: 160px; } } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Featured Articles ---*/ .featuredarticles .article .photo { width: 100%; height: 200px; } .featuredarticles .article .innerwrap h1, .featuredarticles .article .innerwrap h2, .featuredarticles .article .innerwrap h3, .featuredarticles .article .innerwrap h4, .featuredarticles .article .innerwrap h5, .featuredarticles .article .innerwrap h6 { font-size: 1.8em; } } /*------------*/ /*--- Features Boxed ---*/ .featuresboxed { } .featuresboxed .feature { float: left; width: 100%; margin: 0 0 20px 0; } .featuresboxed .feature:last-child { margin-bottom: 0; } .featuresboxed .feature .innerwrap.nolink { padding: 20px 40px 20px 20px; background-color: #F6F7F9; border-left: 5px solid #000; } .featuresboxed .feature .innerwrap.link a { display: block; color: #000; padding: 20px 40px 20px 20px; background-color: #F6F7F9; background-image: url(https://placehold.it/10x18); background-repeat: no-repeat; background-position: right 20px top 30px; border-left: 5px solid #000; } .featuresboxed .feature .innerwrap.link a:hover, .featuresboxed .feature .innerwrap.link a:active, .featuresboxed .feature .innerwrap.link a:focus { border-left-color: #EC1780; background-position: right 16px top 30px; } .featuresboxed .feature h3 { line-height: 1em; } .featuresboxed .feature h3 span { display: block; font-size: 0.65em; } .featuresboxed .feature p { margin: 0; } /* If No Description */ .featuresboxed .feature.nodesc h3 { margin-bottom: 0; } .featuresboxed .feature.nodesc .innerwrap.link a { background-position: right 20px center; } .featuresboxed .feature.nodesc .innerwrap.link a:hover, .featuresboxed .feature.nodesc .innerwrap.link a:active, .featuresboxed .feature.nodesc .innerwrap.link a:focus { background-position: right 16px center; } /* If Two Across */ .featuresboxed .twoacross .feature { width: 48%; margin: 0 4% 2% 0; } .featuresboxed .twoacross .feature:nth-child(2n) { margin-right: 0; } .featuresboxed .twoacross .feature:nth-last-of-type(2), .featuresboxed .twoacross .feature:last-of-type { margin-bottom: 0; } /* If White Backgrounds */ .featuresboxed .whitebkgds .feature .innerwrap.nolink { background-color: #FFF; } .featuresboxed .whitebkgds .feature .innerwrap.link a { background-color: #FFF; } /* If In Content Block */ .featuresboxed.incontentblock .feature { margin-bottom: 10px; } .featuresboxed.incontentblock .feature h3 { font-size: 1.4em; } @media screen and (min-width: 0px) and (max-width: 980px) { /*--- Features Boxed ---*/ /* If In Content Block */ .featuresboxed.incontentblock .feature h3 { font-size: 1.3em; } } @media screen and (min-width: 0px) and (max-width: 660px) { /*--- Features Boxed ---*/ /* If Two Across */ .featuresboxed .twoacross .feature { width: 100%; margin: 0 0 20px 0; } .featuresboxed .twoacross .feature:nth-last-of-type(2) { margin-bottom: 20px; } } /*------------*/ /*--- Gallery Footer ---*/ .galleryfooter { } .galleryfooter .wrap { position: relative; padding: 0 140px 0 0; border-bottom: 1px solid #E6E6E6; } .galleryfooter .jumpbtn { position: absolute; right: 0; bottom: 16px; } @media screen and (min-width: 0px) and (max-width: 480px) { .galleryfooter .wrap { padding-right: 0; } .galleryfooter .jumpbtn { position: relative; bottom: auto; display: inline-block; margin: 0 0 12px 0; } } /*------------*/ /*--- Gallery Intro Text ---*/ .galleryintrotext { } .galleryintrotext .introtext { max-width: 440px; } .galleryintrotext .introtext .wrap { padding: 26px 20px; } /*------------*/ /*--- Gallery Nav ---*/ .gallerynav .wrap { padding: 12px 0 10px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } .gallerynav .wrap ul { font-size: 0; line-height: 0; } .gallerynav .wrap ul li { display: inline-block; font-size: 20px; line-height: 20px; margin: 0 12px 0 0; } .gallerynav .wrap ul li:last-child { margin-right: 0; } /*------------*/ /*--- Gallery Visual Nav ---*/ .galleryvisualnav { background-color: #000; overflow: hidden; } .galleryvisualnav a { color: #FFF; } .galleryvisualnav .col { position: relative; float: left; width: 33.33%; text-align: center; color: #FFF; } .galleryvisualnav .col .sizer { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .galleryvisualnav .col .sizer img { width: 100%; opacity: 0; } .galleryvisualnav .col .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; background-color: rgba(0,0,0,0.65); z-index: 1; } .galleryvisualnav .col .outerwrap { display: table; width: 100%; height: 100%; } .galleryvisualnav .col .innerwrap { display: table-cell; vertical-align: bottom; } .galleryvisualnav .col .tab { margin: 0 auto; } .galleryvisualnav .col.gallery .overlay { padding-bottom: 40px; } .galleryvisualnav .col.gallery a:hover .overlay { padding-bottom: 50px; } .galleryvisualnav .col.overview .overlay { background-color: #222; } .galleryvisualnav .col.overview .innerwrap { vertical-align: middle; } @media screen and (min-width: 0px) and (max-width: 980px) { .galleryvisualnav .col.gallery .overlay { padding-bottom: 20px; } .galleryvisualnav .col.gallery a:hover .overlay { padding-bottom: 30px; } } @media screen and (min-width: 0px) and (max-width: 660px) { .galleryvisualnav .col { width: 100%; } .galleryvisualnav .col.filler { display: none; } } /*------------*/ /*--- Key Contacts ---*/ .keycontacts { } .keycontacts .wrap { max-width: 960px; text-align: center; margin: 0 auto; } .keycontacts .contactbox { float: left; width: 48%; margin: 0 4% 0 0; } .keycontacts .contactbox:last-child { margin-right: 0; } .keycontacts .contactbox .outerwrap { position: relative; margin: 0 6px 6px 0; } .keycontacts .contactbox .innerwrap { padding: 20px; background-color: #F2F2F2; } .keycontacts .contactbox .icon { width: 48px; height: 48px; margin: 0 auto 20px auto; background-color: #33394A; background-repeat: no-repeat; background-position: center center; border-radius: 50%; } .keycontacts .contactbox h3, .keycontacts .contactbox h4 { margin-bottom: 0; } .keycontacts .contactbox .sideshadow { position: absolute; top: 14px; right: -6px; bottom: -6px; width: 6px; background-color: #E6E6E6; } .keycontacts .contactbox .bottomshadow { position: absolute; left: 14px; right: -6px; bottom: -6px; height: 6px; background-color: #E6E6E6; } @media screen and (min-width: 0px) and (max-width: 767px) { .keycontacts .contactbox { width: 100%; margin: 0 0 20px 0; } .keycontacts .contactbox:last-child { margin-bottom: 0; } } /*------------*/ /*--- Key Team ---*/ .keyteam { } .keyteam .wrap { overflow: hidden; } .keyteam .colleft { float: left; width: 33%; padding: 130px 0 0 0; } .keyteam .colright { float: right; width: 64%; padding: 10px; } .keyteam .teammember { float: left; width: 48%; text-align: center; margin: 0 4% 0 0; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); } .keyteam .teammember:nth-child(2n) { margin-right: 0; } .keyteam .teammember .photo { background-color: #FFF; } .keyteam .teammember .photo img { width: 100%; } .keyteam .teammember .desc { padding: 20px; background: #FFF; } .keyteam .teammember .desc h5 { font-size: 1.5em; line-height: 1em; } .keyteam .teammember .desc h6 { font-size: 0.8em; margin-top: -5px; } @media screen and (min-width: 0px) and (max-width: 980px) { /*--- Key Team ---*/ .keyteam.overlapprevious { margin-top: 0; } .keyteam.overlapprevious .bkgd { top: 0; } .keyteam .wrap { max-width: 728px; } .keyteam .colleft { width: 100%; padding-top: 0; } .keyteam .colright { width: auto; } } @media screen and (min-width: 0px) and (max-width: 599px) { /*--- Key Team ---*/ .keyteam .teammember { width: auto; text-align: left; margin-right: 0; margin-bottom: 30px; } .keyteam .teammember:nth-child(2n) { margin-bottom: 0; } .keyteam .teammember .photo { float: right; width: 40%; margin: 0 0 10px 10px; } .keyteam .teammember .desc p { margin-bottom: 0; } } @media screen and (min-width: 0px) and (max-width: 420px) { /*--- Key Team ---*/ .keyteam .teammember .photo { margin: 20px 20px 10px 10px; } } /*------------*/ /*--- Location Map ---*/ .locationmap { height: 480px; } .locationmap .details { height: 480px; width: 360px; } .locationmap .details .outerwrap { display: table; width: 100%; height: 100%; } .locationmap .details .midwrap { display: table-cell; vertical-align: middle; } .locationmap .details .innerwrap { position: relative; min-height: 300px; padding: 30px; background-color: #FFF; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); } .locationmap .details .innerwrap .link { position: absolute; left: 30px; bottom: 30px; } .locationmap .details .innerwrap .link a { display: inline-block; color: #000; } .locationmap .details .innerwrap .link a:hover, .locationmap .details .innerwrap .link a:active, .locationmap .details .innerwrap .link a:focus { color: #666; } .locationmap .details .innerwrap .link .underline { width: 100%; height: 2px; margin: 2px 0 0 0; background-color: #CCC; } .locationmap .map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 480px; background-color: #CCC; z-index: -1; } /* If Text White */ .locationmap .details .innerwrap.textwhite .link a { color: #FFF; } .locationmap .details .innerwrap.textwhite .link a:hover, .locationmap .details .innerwrap.textwhite .link a:active, .locationmap .details .innerwrap.textwhite .link a:focus { color: rgba(255,255,255,0.8); } .locationmap .details .innerwrap.textwhite .link .underline { background-color: #FFF; } /* Inline Version */ .locationmap.inlinemap .innerwrap { min-height: inherit !important; padding-top: 70px !important; padding-bottom: 70px !important; } .locationmap.inlinemap .details .innerwrap .link { position: relative; left: auto; bottom: auto; padding: 20px 0 0 0; } .locationmap.inlinemap .map { left: 20%; right: 20px; } @media screen and (min-width: 768px) and (max-width: 980px) { /*--- Location Map ---*/ .locationmap .details { width: 290px; } .locationmap .details .innerwrap { min-height: 310px; padding: 25px; } } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Location Map ---*/ .locationmap { height: auto; } .locationmap .container { padding-left: 0; padding-right: 0; } .locationmap .details { height: auto; width: 100%; } .locationmap .details .innerwrap { min-height: inherit; padding-bottom: 60px; box-shadow: none; } .locationmap .map { position: relative; height: 360px; } /* Inline Version */ .locationmap.inlinemap .innerwrap { padding-top: 30px !important; padding-bottom: 30px !important; } .locationmap.inlinemap .details .innerwrap .link { padding-top: 0; } .locationmap.inlinemap .map { left: 0; right: 0; } } /*------------*/ /*--- Mozaic Gallery ---*/ .mozaicgallery { } .mozaicgallery .container { max-width: 1680px; } .mozaicgallery .wrap { overflow: hidden; } .mozaicgallery .image { position: relative; overflow: hidden; cursor: pointer; } @media screen and (min-width: 1280px) { /* 4 Across */ .mozaicgallery .wrap { padding: 0.3%; } .mozaicgallery .image { width: 24.25%; margin: 0.3%; } } @media screen and (min-width: 901px) and (max-width: 1279px) { /* 3 Across */ .mozaicgallery .wrap { padding: 0.4%; } .mozaicgallery .image { width: 32.26%; margin: 0.4%; } } @media screen and (min-width: 0px) and (max-width: 900px) { /* 2 Across */ .mozaicgallery .wrap { padding: 0.6%; } .mozaicgallery .image { width: 48.4%; margin: 0.5%; } } @media screen and (min-width: 0px) and (max-width: 320px) { /* 1 Across */ .mozaicgallery .wrap { padding: 0.8%; } .mozaicgallery .image { width: 96.8%; margin: 0.8%; } } /*------------*/ /*--- Newsletter Strip ---*/ .newsletterstrip { } .newsletterstrip .outerwrap { position: relative; text-align: center; color: #FFF; margin: 0 auto; background-color: #000; } .newsletterstrip .wrap { padding: 30px 50px; } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Newsletter Strip ---*/ .newsletterstrip .wrap { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Newsletter Strip ---*/ .newsletterstrip .wrap { padding-left: 20px; padding-right: 20px; } } /*------------*/ /*--- Office Locations ---*/ .officelocations { overflow: hidden; } .officelocations .colleft { float: left; width: 48%; padding: 130px 0 0 0; } .officelocations .colright { float: right; width: 42%; padding: 10px; } .officelocations .officelocation { margin: 0 0 60px 0; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); } .officelocations .officelocation:last-child { margin-bottom: 0; } .officelocations .officelocation h1, .officelocations .officelocation h2, .officelocations .officelocation h3, .officelocations .officelocation h4, .officelocations .officelocation h5, .officelocations .officelocation h6 { font-size: 1.5em; margin-bottom: 26px; } .officelocations .officelocation .map { height: 250px; background-color: #CCC; } .officelocations .officelocation .details { padding: 20px; background-color: #FFF; } .officelocations .officelocation .tel { font-size: 1.3em; padding: 0 0 0 24px; margin: 0 0 10px 0; background-image: url(https://placehold.it/16x16); background-repeat: no-repeat; background-position: left center; } .officelocations .officelocation .address { font-size: 0.9em; line-height: 24px; padding: 0 0 0 24px; background-image: url(https://placehold.it/16x24); background-repeat: no-repeat; background-position: left center; } .officelocations .officelocation .transport { font-size: 0.8em; padding: 4px 14px 14px 14px; background-color: #000; } .officelocations .officelocation .transport ul li { display: inline-block; padding: 0 0 0 26px; margin: 10px 30px 0 0; background-image: url(https://placehold.it/14x20); background-repeat: no-repeat; background-position: left center; } .officelocations .officelocation .transport ul li.bus { } .officelocations .officelocation .transport ul li.train { } .officelocations .officelocation .transport ul li.tram { } @media screen and (min-width: 768px) and (max-width: 980px) { /*--- Office Locations ---*/ .officelocations .colleft { width: 55%; } .officelocations .colright { width: 40%; } } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Office Locations ---*/ .officelocations .colleft { width: 100%; padding-top: 0; } .officelocations .colright { width: auto; padding-top: 60px; } .officelocations .officelocation { float: left; width: 48%; margin: 0 4% 0 0; } .officelocations .officelocation:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 0px) and (max-width: 660px) { /*--- Office Locations ---*/ .officelocations .officelocation { width: 100%; margin-right: 0; margin-bottom: 30px; } .officelocations .officelocation:last-child { margin-bottom: 0; } .officelocations .officelocation .map { height: 200px; } } /*------------*/ /*--- Overlay Gallery ---*/ .overlaygallery { position: fixed; top: -100%; right: 0; bottom: 100%; left: 0; width: 100%; height: 100%; opacity: 0; overflow: hidden; z-index: 10; } .overlaygallery.showgallery { top: 0; opacity: 1; overflow: scroll; } .overlaygallery .titlebar { position: relative; color: #FFF; padding: 26px 0; background-color: #000; border-bottom: 1px solid #666; z-index: 2; } .overlaygallery .titlebar .colleft { float: left; width: 62%; } .overlaygallery .titlebar .colright { float: right; width: 38%; text-align: right; } .overlaygallery .titlebar .colleft .title { display: inline-block; vertical-align: top; } .overlaygallery .titlebar .colleft .title h2 { line-height: 1em; text-transform: uppercase; margin-bottom: 0; } .overlaygallery .titlebar .colleft .details { display: inline-block; padding: 0 0 0 20px; margin: 0 0 0 20px; border-left: 1px solid #666; vertical-align: top; } .overlaygallery .titlebar .colleft .details .desc { text-transform: uppercase; } .overlaygallery .titlebar .colright ul { font-size: 0; line-height: 0; } .overlaygallery .titlebar .colright ul li { display: inline-block; font-size: 13px; height: 36px; line-height: 36px; border-left: 1px solid rgba(255,255,255,0.2); vertical-align: top; } .overlaygallery .titlebar .colright ul li:first-child, .overlaygallery .titlebar .colright ul li:nth-child(2) { border-left: none; } .overlaygallery .titlebar .colright ul li.nav { width: 36px; background-image: url(_images/master/bkgd-overlaygallery-nav.svg); background-repeat: no-repeat; background-position: -100px -100px; opacity: 0.7; cursor: pointer; } .no-svg .overlaygallery .titlebar .colright ul li.nav { background-image: url(_images/master/bkgd-overlaygallery-nav.png); } /* No SVG */ .overlaygallery .titlebar .colright ul li.nav.prev { margin-left: 10px; background-position: 0 0; } .overlaygallery .titlebar .colright ul li.nav.next { background-position: -36px 0; } .overlaygallery .titlebar .colright ul li.nav.close { width: 34px; background-position: -74px 0; opacity: 0.3; } .overlaygallery .titlebar .colright ul li.nav:hover { opacity: 1; } .overlaygallery .titlebar .colright ul li.nav.close:hover { opacity: 0.5; } .overlaygallery .titlebar .colright .btn { line-height: 36px; } .overlaygallery .titlebar .exploredropdown { display: inline-block; text-transform: uppercase; text-align: left; } .overlaygallery .titlebar .exploredropdown .outerwrap { width: 160px; height: 36px; } .overlaygallery .titlebar .exploredropdown .innerwrap { left: auto; width: 160px; margin: 0; } .overlaygallery .titlebar .exploredropdown .title { line-height: 36px; padding: 0 32px 0 12px; background-color: #000; background-position: right 12px center; border: 1px solid #666; border-radius: 4px; } .overlaygallery .titlebar .exploredropdown .close .title { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .overlaygallery .titlebar .exploredropdown .options { width: 160px; line-height: 36px; } .overlaygallery .titlebar .exploredropdown .options ul li { display: block; padding: 0 12px; background-color: #000; border: none; border-bottom: 1px solid #666; } .overlaygallery .titlebar .exploredropdown .options ul li:hover { background-color: #666; } .overlaygallery .content { padding: 60px 0; } .overlaygallery .content .container { max-width: 720px; } .overlaygallery.overlaygalleryreport .content .container { max-width: 720px !important; } .overlaygallery .content .overviewtext { padding: 20px; } .overlaygallery .content .overviewtext .wrap { padding: 20px; background-color: #FFF; } .overlaygallery .content .gallery { padding: 20px; } .overlaygallery .content .gallery .wrap { background-color: #FFF; } .overlaygallery .content .gallery img { width: 100%; } .overlaygallery .content .gallery .caption { padding: 26px 24px; } /* Page Overlay */ #bkgdoverlaygallery { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0); z-index: -1; } #bkgdoverlaygallery.showoverlay { background-color: rgba(0,0,0,0.85); z-index: 9; } @media screen and (min-width: 768px) and (max-width: 960px) { /*--- Overlay Gallery ---*/ .overlaygallery .titlebar .colleft { width: 54%; } .overlaygallery .titlebar .colright { width: 46%; } .overlaygallery .titlebar .colleft .title { display: block; } .overlaygallery .titlebar .colleft .details { padding-left: 0; margin-left: 0; border-left: none; } } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Overlay Gallery ---*/ .overlaygallery .titlebar { padding: 16px 0; } .overlaygallery .titlebar .colleft { width: 100%; } .overlaygallery .titlebar .colright { width: 100%; text-align: left; padding: 10px 0 0 0; } } @media screen and (min-width: 0px) and (max-width: 660px) { /*--- Overlay Gallery ---*/ .overlaygallery .titlebar .colleft .title { display: block; } .overlaygallery .titlebar .colleft .details { padding-left: 0; margin-left: 0; border-left: none; } } @media screen and (min-height: 1101px) { /*--- Overlay Gallery ---*/ .overlaygallery .content { padding: 150px 0; } .overlaygallery .content .container { max-width: 820px; } } @media screen and (min-height: 961px) and (max-height: 1100px) { /*--- Overlay Gallery ---*/ .overlaygallery .content { padding: 90px 0; } .overlaygallery .content .container { max-width: 820px; } } @media screen and (min-height: 801px) and (max-height: 960px) { /*--- Overlay Gallery ---*/ .overlaygallery .content .container { max-width: 760px; } } @media screen and (min-height: 0px) and (max-height: 800px) { /*--- Overlay Gallery ---*/ .overlaygallery .content { padding: 30px 0; } } @media screen and (min-height: 601px) and (max-height: 740px) { /*--- Overlay Gallery ---*/ .overlaygallery .content .container { max-width: 620px; } } @media screen and (min-height: 521px) and (max-height: 600px) { /*--- Overlay Gallery ---*/ .overlaygallery .content .container { max-width: 580px; } } @media screen and (min-height: 441px) and (max-height: 520px) { /*--- Overlay Gallery ---*/ .overlaygallery .content .container { max-width: 460px; } } @media screen and (min-height: 0px) and (max-height: 440px) { /*--- Overlay Gallery ---*/ .overlaygallery .content .container { max-width: 400px; } } /*------------*/ /*--- Photo Features ---*/ .photofeatures { } .photofeatures .wrap { position: relative; } .photofeatures .feature { position: relative; float: left; width: 46%; margin: 0 4% 60px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .photofeatures .feature:nth-child(2n) { margin-right: 0; margin-left: 4%; } .photofeatures .feature .photo { width: 87%; } .photofeatures .feature .photo a { display: block; } .photofeatures .feature .photo img { width: 100%; } .photofeatures .feature .desc { position: relative; float: right; width: 87%; margin: -90px 0 0 0; background-color: #F2F2F2; } .photofeatures .feature .desc .innerwrap { padding: 20px; } .photofeatures .feature .desc h1, .photofeatures .feature .desc h2, .photofeatures .feature .desc h3, .photofeatures .feature .desc h4, .photofeatures .feature .desc h5, .photofeatures .feature .desc h6 { font-size: 1.58em; } .photofeatures.staggeredlayout .feature:first-child { margin-top: 60px; } .photofeatures.staggeredlayout .loadmorebtn { position: absolute; left: 50%; right: 0; bottom: 110px; max-width: 300px; line-height: 88px; font-weight: 600; text-transform: uppercase; text-align: center; padding: 0 40px; margin: 0 auto; background-color: #DAE646; cursor: pointer; } .photofeatures.staggeredlayout .loadmorebtn:hover { color: #FFF; padding: 0 20px; background-color: #000; } .photofeatures .outro { float: left; width: 100%; text-align: center; } @media screen and (min-width: 801px) and (max-width: 880px) { .photofeatures .feature .desc { margin-top: -50px; } } @media screen and (min-width: 0px) and (max-width: 800px) { .photofeatures .feature { width: 80%; margin-left: 10%; margin-right: 10%; } .photofeatures .feature:nth-child(2n) { margin-left: 10%; } .photofeatures .feature.filler { display: none; } } @media screen and (min-width: 600px) and (max-width: 720px) { .photofeatures .feature { width: 90%; margin-left: 5%; margin-right: 5%; } .photofeatures .feature:nth-child(2n) { margin-left: 5%; } } @media screen and (min-width: 0px) and (max-width: 599px) { .photofeatures .feature { width: 100%; margin-left: 0; margin-right: 0; } .photofeatures .feature:nth-child(2n) { margin-left: 0; } } @media screen and (min-width: 0px) and (max-width: 480px) { .photofeatures .feature .photo { width: 100%; } .photofeatures .feature .desc { width: 95%; margin: -30px 2.5% 0 2.5%; } } /*------------*/ /*--- Quote Block ---*/ .quoteblock { } .quoteblock .wrap { max-width: 768px; padding: 0 20px; } .quoteblock .text { font-size: 1.4em; } .quoteblock .text p { margin: 0; } .quoteblock .name { padding-top: 20px; } .quoteblock .name p { margin: 0; } /* Centered Version */ .quoteblock.centeredquote .wrap { text-align: center; margin: 0 auto; } /* Carousel Version */ .quotecarousel .wrap { max-width: inherit; padding: 0; } .quotecarousel .singlequote { max-width: 1024px; padding: 0 20px; } .quotecarousel .line { position: absolute; top: 0; left: 20px; right: 20px; max-width: 1024px; height: 2px; background-color: #E9E9E9; z-index: -1; } /* Centered Carousel Version */ .quotecarousel.centeredquote .wrap { padding-bottom: 70px; } .quotecarousel.centeredquote .singlequote { max-width: 768px; margin: 0 auto; } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Quote Block ---*/ .quoteblock .text { font-size: 1.25em; } } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Quote Block ---*/ .quoteblock .text { font-size: 1.2em; } .quoteblock .name { font-size: 0.9em; } } /*------------*/ /*--- Statement Strip ---*/ .statementstrip { position: relative; color: #FFF; background-color: #000; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .statementstrip .wrap { max-width: 780px; text-align: center; margin: 0 auto; } /*------------*/ /*--- Text Block ---*/ .textblock { } .textblock.widewidth .container { max-width: 860px; } .textblock.mediumwidth .container { max-width: 720px; } .textblock.slimwidth .container { max-width: 580px; } .textblock.largerfirstparagraph p:first-child { font-size: 1.4em; } .textblock p:last-child { margin-bottom: 0; } .textblock .copytwocolumns { } .textblock .copytwocolumns .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .textblock .copytwocolumns .first { padding-right: 2%; } .textblock .copytwocolumns .last { padding-left: 2%; } .textblock.largerfirstparagraph .copytwocolumns .last p:first-child { font-size: inherit; } @media screen and (min-width: 0px) and (max-width: 720px) { .textblock .copytwocolumns .column { width: 100% !important; } .textblock .copytwocolumns .first { padding-right: 0; } .textblock .copytwocolumns .last { padding-top: 20px; padding-left: 0; } } /*------------*/ /*--- Text Block with Aside ---*/ .textblockwithaside { } .textblockwithaside .wrap { overflow: hidden; } .textblockwithaside .colleft { float: left; width: 48%; } .textblockwithaside .colright { float: right; width: 40%; } .textblockwithaside .sectionintro { text-align: left; } .textblockwithaside .bkgdimage { position: absolute; top: 0; right: 0; bottom: 0; left: 35%; 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; } .textblockwithaside .filter { left: 35%; } @media screen and (min-width: 661px) and (max-width: 980px) { /*--- Text Block with Aside ---*/ .textblockwithaside .colleft { width: 55%; } } @media screen and (min-width: 0px) and (max-width: 660px) { /*--- Text Block with Aside ---*/ .textblockwithaside .colleft { width: 100%; } .textblockwithaside .colright { width: 100%; } .textblockwithaside .bkgdimage { left: 0; } .textblockwithaside .filter { left: 0; } } /*------------*/ /*--- Text Blocks Expandable ---*/ .textblocksexpandable { } .textblocksexpandable .topline { width: 100%; height: 2px; background-color: #000; } .textblocksexpandable h4 { font-size: 1.25em; margin: 0; } .textblocksexpandable p:last-child { margin: 0; } .textblocksexpandable .toggle-title { position: relative; padding: 20px 42px 20px 0; border-bottom: 1px solid #BBB; cursor: pointer; } .textblocksexpandable .toggle-title:hover { border-bottom-color: #333; } .textblocksexpandable .toggle-title.ui-state-active { border-bottom-color: #000; } .textblocksexpandable .toggle-title .ui-icon { position: absolute; top: 50%; right: 0; width: 18px; height: 12px; margin: -6px 0 0 0; background-image: url(_images/master/bkgd-textblocksexpandable-arrow.svg); background-repeat: no-repeat; background-position: center center; } .no-svg .textblocksexpandable .toggle-title .ui-icon { background-image: url(_images/master/bkgd-textblocksexpandable-arrow.png); } /* No SVG */ .textblocksexpandable .toggle-title.ui-state-active .ui-icon { transform: rotate(-180deg); } .textblocksexpandable .toggle-inner { padding: 20px 0; border-bottom: 1px solid #BBB; } /*------------*/ /*--- Twitter Strip ---*/ .twitterstrip { } .twitterstrip .wrap { position: relative; padding: 40px 30px 20px 30px; background-color: #000; } .twitterstrip .twitterid { position: absolute; left: 30px; bottom: 20px; z-index: 5; } .twitterstrip .twitterid a { padding: 0 0 0 24px; background-image: url(https://placehold.it/19x15); background-repeat: no-repeat; background-position: left center; } .twitterstrip ul.really_simple_twitter_widget { overflow: hidden; padding: 0 0 30px 0; } .twitterstrip ul.really_simple_twitter_widget li { font-size: 1.2em; line-height: 1.3em; padding: 0 0 12px 0; background: none; overflow: hidden; } .twitterstrip ul.really_simple_twitter_widget li span { display: inherit; font-size: 0.7em; } .twitterstrip ul.really_simple_twitter_widget li span.rstw_comma { display: none; } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Twitter Strip ---*/ .twitterstrip .wrap { padding: 30px 20px 20px 20px; } .twitterstrip .twitterid { left: 20px; } .twitterstrip ul.really_simple_twitter_widget li { font-size: 1.1em; } } /*------------------------------------------------------------------*/ /* 4. Supplementary Content /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 5. Owl Carousel /*------------------------------------------------------------------*/ /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .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; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .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 { -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; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .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: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms 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; } .owl-dots .owl-dot { display: inline-block; width: 14px; height: 14px; margin: 0 2px; } .owl-dots .owl-dot span { display: block; width: 12px; height: 12px; margin: 2px 0 0 2px; background: #FFF; opacity: 0.85; border-radius: 50%; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #EC1780; opacity: 1; } .owl-nav { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .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; background-position: center center; transform: rotate(-180deg); 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; background-position: center center; overflow: hidden; } .owl-nav .owl-prev:hover { opacity: 0.9; } .owl-nav .owl-next:hover { opacity: 0.9; } /*- Owl Carousel - Event Features -*/ .owl-eventfeatures .owl-item, .owl-eventfeatureslarge .owl-item { opacity: 0.3; } .owl-eventfeatures .owl-item.active, .owl-eventfeatureslarge .owl-item.active { opacity: 1; } .owl-eventfeatures .owl-nav .owl-prev, .owl-eventfeatures .owl-nav .owl-next, .owl-eventfeatureslarge .owl-nav .owl-prev, .owl-eventfeatureslarge .owl-nav .owl-next { width: 80px; } @media screen and (min-width: 0px) and (max-width: 767px) { .owl-eventfeatures .owl-nav .owl-prev, .owl-eventfeatures .owl-nav .owl-next, .owl-eventfeatureslarge .owl-nav .owl-prev, .owl-eventfeatureslarge .owl-nav .owl-next { width: 50px; } } /*- Owl Carousel - Featured Articles -*/ .owl-featuredarticles { position: relative; } .owl-featuredarticles .owl-dots { position: absolute; bottom: 20px; right: 20px; text-align: right; } .owl-featuredarticles .owl-dots .owl-dot span { background: #FFF; opacity: 0.4; } .owl-featuredarticles .owl-dots .owl-dot.active span, .owl-featuredarticles .owl-dots .owl-dot:hover span { background: #FFF; opacity: 1; } /*- Owl Carousel - Quotes -*/ .owl-quotes .owl-nav { left: auto; right: 20px; top: auto; bottom: 0; width: 86px; height: 40px; } .owl-quotes .owl-nav .owl-prev, .owl-quotes .owl-nav .owl-next { height: 40px; background-image: url(https://placehold.it/12x19); } .quotecarousel.centeredquote .owl-quotes .owl-nav { right: 50%; margin-right: -43px; } /*- Owl Carousel - Twitter -*/ .owl-twitter { position: relative; } .owl-twitter .owl-dots { position: absolute; bottom: 0; right: 0; text-align: right; } .owl-twitter .owl-dots .owl-dot span { background: #FFF; opacity: 0.4; } .owl-twitter .owl-dots .owl-dot.active span, .owl-twitter .owl-dots .owl-dot:hover span { background: #FFF; opacity: 1; }