/*-------------------------------------------------------------------- Theme Name: Digital Dig Team - Microsite Author: The Pixel Parlour Author URI: https://www.pixelparlour.co.uk Version: 1.3 [WP5.1] Updated: 29.03.2019 Designed & Handcrafted by The Pixel Parlour --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 1. CSS Resets /*------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; } section, article, header, footer, nav, aside, hgroup { display: block; } /*------------------------------------------------------------------*/ /* 2. Common Styles /*------------------------------------------------------------------*/ /*-------------------------------------------------------------------- Font: source-sans-pro Weights: 200 (extralight), 300 (light), 400 (reg), 600 (semibold), 700 (bold) Text: #262626 Lines: #E2E5E9 10% 20% Brand Blue: #4CC5D8 #44B1C2 #3D9EAD Brand Grey: #565F71 #4D5565 #454C5A --------------------------------------------------------------------*/ * { margin: 0; } html { min-height: 100%; background-color: #3C3E40; } body { min-width: 320px; height: 100%; font-family: "source-sans-pro", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; color: #262626; background-color: #FFF; -webkit-text-size-adjust: none; } .left { float: left; } .right { float: right; } .half { width: 50%; } img { max-width: 100%; height: auto; vertical-align: bottom; } .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, .wp-caption.alignleft { max-width: 50%; margin: 4% 4% 4% 0; } img.alignright, .wp-caption.alignright { max-width: 50%; margin: 4% 0 4% 4%; } img.aligncenter, img.aligncentre, .wp-caption.aligncenter, .wp-caption.aligncentre { margin: 4% auto; } /* Captions */ .wp-caption { max-width: 93%; /* Hack */ text-align: center; font-style: italic; padding: 10px; margin-bottom: 22px; background-color: #E2E5E9; } .wp-caption p { font-size: 0.9em; padding: 10px 10px 4px 10px; margin: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 14px; max-width: 100%; } code, pre { font-family: Consolas, Monaco, "Courier New", Courier, monospace; color: #4D4D4D; } pre { font-size: 0.8em; line-height: 1.3em; padding: 11px; margin-bottom: 22px; background: #F7F7F7; border: 1px solid #CBCBCB; 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 { transition: color 0.2s ease-out; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; } .transition { transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; } */ /* CSS Animation */ a, img, input, select, textarea, .transition, .animatefast { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .animateslow { transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; } .notransition, .notransition img, .gm-style img { transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } a { color: #1D4568; text-decoration: none; } a:hover, a:active, a:focus { color: #333; } b, strong { font-weight: 700; } em, dfn, cite, i { font-style: italic; } h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0 0 16px 0; } h1 { font-size: 3.4em; } h2 { font-size: 2.6em; } h3 { font-size: 1.4em; line-height: 1.2em; } h4 { font-size: 1.2em; line-height: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } p { line-height: 1.4em; margin: 0 0 22px 0; } p.legal { font-size: 0.76em; } p.strapline { font-size: 1.3em; color: #FFF; } .thecontent ol { list-style: decimal; margin: 0 0 26px 20px; } .thecontent ol li { line-height: 1.4em; margin: 0 0 8px 0; padding: 0; } .thecontent ul { list-style: disc; margin: 0 0 26px 20px; } .thecontent ul li { line-height: 1.4em; margin: 0 0 8px 0; padding: 0; } blockquote { margin: 0 0 20px 0; padding: 10px 20px; border-left: 3px solid #4CC5D8; } blockquote p { font-size: 1.4em; font-weight: 200; font-style: italic; margin: 0; } a.btn { display: inline-block; font-size: 1.2em; line-height: 44px; font-weight: 600; text-transform: uppercase; color: #FFF; background-color: #4CC5D8; padding: 0 18px; margin: 0 2px 4px 2px; border-radius: 6px; } a.btn:hover, a.btn:focus { background-color: #44B1C2; } a.greybtn { background-color: #565F71; } a.greybtn:hover, a.greybtn:focus { background-color: #4D5565; } a.whitebtn { color: #4CC5D8; background-color: #FFF; } a.whitebtn:hover, a.whitebtn:focus { background-color: #c7eaf2; } a.helpbtn { display: inline-block; width: 32px; height: 32px; background-image: url(_images/common/icon-helpbtn.svg); background-repeat: no-repeat; background-position: center center; } .no-svg a.helpbtn { background-image: url(_images/common/icon-helpbtn.png); } /* NO SVG */ a.helpbtn:hover, a.helpbtn:focus { opacity: 0.8; } /*------------------------------------------------------------------*/ /*--- Forms ---*/ ::-webkit-input-placeholder { color: #FFF; } :-moz-placeholder { color: #FFF; } /* Firefox 18- */ ::-moz-placeholder { color: #FFF; } /* Firefox 19+ */ :-ms-input-placeholder { color: #FFF; } /* IE10 */ .req { color: #4F4E57; } label { font-weight: 400; line-height: 44px; color: #FFF; } input, select, textarea { width: 100%; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif; font-size: 1em; font-weight: 300; color: #FFF; margin: 0; padding: 0 10px; background-color: #313640; border: none; 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 { background-color: #353A45; } input { height: 44px; line-height: 44px; -webkit-appearance: none; } select { height: 44px; line-height: 24px; padding: 10px; -webkit-appearance: none; } textarea { width: 100%; min-width: 100%; max-width: 100%; min-height: 160px; max-width: 160px; padding: 10px; -webkit-appearance: none; } .inputblock, .textareablock, .submitblock { margin: 0 0 10px 0; overflow: hidden; } /* Submit */ input.submit { font-size: 1.2em; font-weight: 600; text-align: center; text-transform: uppercase; color: #FFF; margin: 0; background-color: #4CC5D8; } input.submit:hover, input.submit:focus { background-color: #44B1C2; cursor: pointer; } input.submitsmall { width: auto; padding: 0 40px; } /* Search */ input.search { min-width: 48px; background-image: url(../_images/common/bkgd-form-search.svg); background-repeat: no-repeat; background-position: right center; } .no-svg input.search { background-image: url(../_images/common/bkgd-form-search.png); } /* NO SVG */ .feedbackblock { color: #313640; padding: 10px; margin: 0 0 10px 0; background-color: #F6B7A9; } /* Username */ input.username { padding-left: 50px; margin: 0 0 10px 0; background-image: url(../_images/common/bkgd-form-username.svg); background-repeat: no-repeat; background-position: left center; } .no-svg input.username { background-image: url(../_images/common/bkgd-form-username.png); } /* NO SVG */ /* Password */ input.password { padding-left: 50px; margin: 0 0 10px 0; background-image: url(../_images/common/bkgd-form-password.svg); background-repeat: no-repeat; background-position: left center; } .no-svg input.password { background-image: url(../_images/common/bkgd-form-password.png); } /* NO SVG */ /* File Upload */ .uploadfile { margin: 0 0 16px 0; background-color: #E2E5E9; overflow: hidden; } .uploadfile label { float: left; width: auto; font-weight: 600; padding: 0 0 0 2%; color: #262626; } .uploadfile input { float: left; width: auto; color: #262626; background: none; } .uploadfile input.submit { float: right; color: #FFF; background-color: #4CC5D8; } .uploadfile input.submit:hover, .uploadfile input.submit:focus { background-color: #44B1C2; } /* Half Width Field Block */ .fieldhalf { float: left; width: 50%; padding: 0 20px; margin: 0 0 12px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fieldhalf label { float: left; width: 30%; } .fieldhalf input, .fieldhalf select, .fieldhalf textarea { float: left; width: 70%; } /* Full Width Submit Block */ .submitfull { text-align: center; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*------------------------------------------------------------------*/ /* 3. Universal Elements /*------------------------------------------------------------------*/ .sitewrapper { } .digcontainer { padding: 0 20px; margin: 0 auto; } .maincontent { padding: 40px 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; } /* Browser Width */ .browserwidth { position: fixed; bottom: 0; right: 0; font-size: 0.8em; text-align: center; color: #FFF; padding: 8px; background-color: #EC1780; z-index: 99999; } /*------------------------------------------------------------------*/ /*--- Nav Spacer ---*/ .navspacer { width: 100%; height: 76px; } body.home .navspacer, body.page-template-template-background .navspacer { display: none; } /*--- Nav Bar ---*/ #dvnavbar { position: fixed; top: 0; left: 0; right: 0; font-weight: 300; letter-spacing: 0.03em; color: #FFF; z-index: 99999; } .ua-safari #dvnavbar { font-weight: 400; } #dvnavbar .digcontainer { max-width: 1140px; } /*- Top Nav Bar -*/ #dvnavbar .topnavbar { position: relative; padding: 24px 0; } #dvnavbar.soliddvnavbar .topnavbar { background-color: #3C3E40; } #dvnavbar .logo { float: left; padding: 5px 0; margin: -7px 55px 0 0; } #dvnavbar .logo img:hover { opacity: 0.8; } #dvnavbar .desktopnav { float: left; padding: 5px 0; } #dvnavbar .desktopnav ul { font-size: 0; line-height: 0; padding: 0; margin: 0; } #dvnavbar .desktopnav ul li { display: inline-block; font-size: 17px; border-left: 1px solid #FFF; border-left: 1px solid rgba(255,255,255,0.3); } #dvnavbar .desktopnav ul li:first-child { border: none; } /* #dvnavbar .desktopnav ul li.current-menu-item a, #dvnavbar .desktopnav ul li.current_page_item a, #dvnavbar .desktopnav ul li.current_page_parent a, #dvnavbar .desktopnav ul li.current-page-ancestor a { color: #FFF; } */ #dvnavbar .desktopnav ul li a { display: block; line-height: 38px; color: #FAFAFA; padding: 0 25px; } #dvnavbar .desktopnav ul li a:hover { color: #FFF; } #dvnavbar .desktopnav ul li span { display: block; line-height: 34px; padding: 2px 0 0 0; border-bottom: 2px solid transparent; border-bottom: 2px solid rgba(255,255,255,0); } #dvnavbar .desktopnav ul li a:hover span { border-bottom-color: #FFF; } /* Nav Bar CTA Link */ #dvnavbar .ctalink a { float: right; font-size: 1.25em; line-height: 44px; color: #FFF; padding: 0 25px; border: 2px solid #56A331; border-radius: 24px; } #dvnavbar .ctalink a:hover { background-color: #56A331; } /* Nav Bar Sub Menu */ #dvnavbar .desktopnav ul li.menu-item-has-children { position: relative; } #dvnavbar .desktopnav ul li.menu-item-has-children:hover { background: #56A331; } #dvnavbar .desktopnav ul li.menu-item-has-children:hover span { border-bottom-color: #FFF; } #dvnavbar .desktopnav ul ul { display: none; } #dvnavbar .desktopnav ul li:hover > ul { display: block; } #dvnavbar .desktopnav ul ul { position: absolute; top: 38px; left: auto; width: 150%; margin: 0 0 0 -1px; background-color: #56A331; border-left: 1px solid rgba(255,255,255,0.3); z-index: 999; } #dvnavbar .desktopnav ul li:first-child ul { border-left: none; margin-left: 0; } #dvnavbar .desktopnav ul ul li { display: block; font-size: 15px; padding: 0; border: none; } #dvnavbar .desktopnav ul ul li a { display: block; line-height: 34px; } #dvnavbar .desktopnav ul ul li span { border: none; } #dvnavbar .desktopnav ul ul li a:hover { background-color: #46882E; } #dvnavbar .desktopnav ul ul li.current-menu-item a, #dvnavbar .desktopnav ul ul li.current_page_item a, #dvnavbar .desktopnav ul ul li.current_page_parent a, #dvnavbar .desktopnav ul ul li.current-page-ancestor a { background-color: #46882E; } /* Hide Sub Sub Menu */ #dvnavbar .desktopnav ul ul ul { display: none; } /*- Bottom Nav Bar -*/ #dvnavbar .bottomnavbar { position: relative; padding: 10px 0; background-color: #45C5DA; } #dvnavbar .bottomnavbar .navtitle { float: left; font-size: 1.3em; line-height: 30px; } #dvnavbar .bottomnavbar .navtitle span.project { font-weight: 400; } #dvnavbar .bottomnavbar .navtitle span.project a { color: #FFF; } #dvnavbar .bottomnavbar .navtitle span.project a:hover { color: #3C3E40; } #dvnavbar .bottomnavbar .navtitle ul.switchlanguage { display: inline-block; font-size: 0.8em; padding: 0 0 0 8px; } #dvnavbar .bottomnavbar .navtitle ul.switchlanguage li { display: inline-block; text-transform: uppercase; color: #3C3E40; margin: 0 4px 0 0; } #dvnavbar .bottomnavbar .navtitle ul.switchlanguage li img { margin: -3px 0 0 4px; vertical-align: middle; } #dvnavbar .bottomnavbar .navtitle ul.switchlanguage li a { color: #FFF; } #dvnavbar .bottomnavbar .desktopnav { float: right; padding: 0; } #dvnavbar .bottomnavbar .desktopnav ul li { border-left-color: rgba(255,255,255,0.5); } #dvnavbar .bottomnavbar .desktopnav ul li:last-child a { padding-right: 0; } #dvnavbar .bottomnavbar .desktopnav ul li a { line-height: 30px; } #dvnavbar .bottomnavbar .desktopnav ul li span { line-height: 26px; } #dvnavbar .bottomnavbar .desktopnav ul li.current-menu-item a span, #dvnavbar .bottomnavbar .desktopnav ul li.current_page_item a span, #dvnavbar .bottomnavbar .desktopnav ul li.current_page_parent a span, #dvnavbar .bottomnavbar .desktopnav ul li.current-page-ancestor a span { border-bottom-color: #FFF; } /* Bottom Nav Bar Sub Menu */ #dvnavbar .bottomnavbar .desktopnav ul li.menu-item-has-children:hover { background: #3C3E40; } #dvnavbar .bottomnavbar .desktopnav ul ul { top: 30px; background-color: #3C3E40; } #dvnavbar .bottomnavbar .desktopnav ul ul li a:hover { background-color: #2A2A2A; } #dvnavbar .bottomnavbar .desktopnav ul ul li.current-menu-item a, #dvnavbar .bottomnavbar .desktopnav ul ul li.current_page_item a, #dvnavbar .bottomnavbar .desktopnav ul ul li.current_page_parent a, #dvnavbar .bottomnavbar .desktopnav ul ul li.current-page-ancestor a { background-color: #2A2A2A; } /*- Moving Nav Bar -*/ #dvnavbar.moving .topnavbar { padding: 8px 0; background-color: #3C3E40; } #dvnavbar.moving .logo { margin-top: 0; margin-right: 158px; } #dvnavbar.moving .logo img { width: 103px; height: 19px; } #dvnavbar.moving .desktopnav ul li a { line-height: 20px; } #dvnavbar.moving .desktopnav ul li span { line-height: 16px; } #dvnavbar.moving .desktopnav ul ul li a, #dvnavbar.moving .desktopnav ul ul li a span { line-height: 28px; } #dvnavbar.moving .desktopnav ul ul { top: 20px; } #dvnavbar.moving .ctalink a { line-height: 26px; } #dvnavbar.moving .bottomnavbar .desktopnav ul li a { line-height: 30px; } #dvnavbar.moving .bottomnavbar .desktopnav ul li span { line-height: 26px; } #dvnavbar.moving .bottomnavbar .desktopnav ul ul { top: 30px; } /* #dvnavbar.moving .bottomnavbar { padding: 4px 0; } #dvnavbar.moving .bottomnavbar .navtitle { font-size: 1.1em; line-height: 20px; } */ /*------------------------------------------------------------------*/ /*--- Mobile Nav ---*/ .opennav { display: none; position: absolute; top: 50%; left: 0; width: 20px; height: 38px; line-height: 38px; color: #FFF; padding: 0 20px; margin: -19px 0 0 0; background-image: url(_images/common/icon-mobile-menu.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer; } .no-svg .opennav { background-image: url(_images/common/icon-mobile-menu.png); } /* No SVG */ /* Mobile Layer */ #mobilelayer { position: fixed; top: 0; left: -60%; bottom: 0; right: 100%; height: 100%; color: #FFF; background-color: #3C3E40; background-image: url(_images/common/bkgd-footer-watermark.svg); background-repeat: no-repeat; background-position: right bottom; overflow: hidden; z-index: 99999; } #mobilelayer.showmenu { left: 0%; right: 50%; } #mobilelayer .container { height: 100%; padding: 60px 0 0 0; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } /* Close Mobile Nav */ .closenav { position: relative; height: 30px; font-size: 0.8em; line-height: 30px; text-transform: uppercase; padding: 0 20px 0 28px; margin: -40px 0 0 20px; background-image: url(_images/common/bkgd-close-mobilenav.svg); background-repeat: no-repeat; background-position: left 6px; cursor: pointer; opacity: 0.6; } .no-svg .closenav { background-image: url(_images/common/bkgd-close-mobilenav.png); } /* No SVG */ .closenav:hover { opacity: 0.8; } /* Page Overlay */ #bkgdoverlay { visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(33,33,33,0.8); opacity: 0; z-index: 99999; 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; } #bkgdoverlay.showoverlay { display: block; visibility: visible; opacity: 1; } /* Mobile Menu */ #mobilelayer .mobilenav { padding: 30px 0; } #mobilelayer .mobilenav ul { font-size: 1.4em; list-style: none; margin: 0; overflow: hidden; } #mobilelayer .mobilenav ul li { margin: 0 0 12px 0; } #mobilelayer .mobilenav ul li a { display: block; color: #FFF; padding: 0 0 0 14px; border-left: 6px solid transparent; } #mobilelayer .mobilenav ul li:hover a, #mobilelayer .mobilenav ul li:active a, #mobilelayer .mobilenav ul li:focus a { border-left-color: #56A331; } #mobilelayer .mobilenav ul li.current-menu-item a, #mobilelayer .mobilenav ul li.current_page_item a, #mobilelayer .mobilenav ul li.current_page_parent a, #mobilelayer .mobilenav ul li.current-page-ancestor a { border-left-color: #56A331; } #mobilelayer .mobilenav ul ul { display: none; font-size: 0.8em; padding: 12px 0 0 12px; margin: 0; } #mobilelayer .mobilenav ul ul li a { border-left-color: transparent !important; } #mobilelayer .mobilenav ul li:hover ul li a, #mobilelayer .mobilenav ul li:active ul li a, #mobilelayer .mobilenav ul li:focus ul li a { border-left-color: transparent; } #mobilelayer .mobilenav ul ul ul { display: none; } #mobilelayer .bottomnavbar { padding: 20px 0 8px 0; background-color: #45C5DA; } #mobilelayer .bottomnavbar .navtitle { font-size: 1.2em; font-weight: 300; padding: 0 20px 20px 20px; margin: 0 0 20px 0; border-bottom: 1px solid rgba(255,255,255,0.2); } #mobilelayer .bottomnavbar .navtitle span.project { font-weight: 400; } #mobilelayer .bottomnavbar .navtitle span.project a { color: #FFF; } #mobilelayer .bottomnavbar .navtitle span.project a:hover { color: #3C3E40; } #mobilelayer .bottomnavbar.mobilenav ul li:hover a, #mobilelayer .bottomnavbar.mobilenav ul li:active a, #mobilelayer .bottomnavbar.mobilenav ul li:focus a { border-left-color: #FFF; } #mobilelayer .bottomnavbar.mobilenav ul li.current-menu-item a, #mobilelayer .bottomnavbar.mobilenav ul li.current_page_item a, #mobilelayer .bottomnavbar.mobilenav ul li.current_page_parent a, #mobilelayer .bottomnavbar.mobilenav ul li.current-page-ancestor a { border-left-color: #FFF; } #mobilelayer .bottomnavbar.mobilenav ul ul { display: block; } /* Nav Bar CTA Link */ /* #mobilelayer .ctalink a { display: inline-block; font-size: 1.25em; line-height: 44px; color: #FFF; padding: 0 25px; margin: 0 20px; border: 2px solid #56A331; border-radius: 24px; } #mobilelayer .ctalink a:hover { background-color: #56A331; } */ #mobilelayer .ctalink { font-size: 1.4em; margin: 0 0 12px 0; } #mobilelayer .ctalink a { display: block; color: #FFF; padding: 0 0 0 14px; border-left: 6px solid transparent; } #mobilelayer .ctalink a:hover, #mobilelayer .ctalink a:active, #mobilelayer .ctalink a:focus { border-left-color: #56A331; } /*------------------------------------------------------------------*/ /*--- Footer ---*/ .dvfooter { color: #FAFAFA; background-color: #3C3E40; } .dvfooter .digcontainer { max-width: 1140px; background-image: url(_images/common/bkgd-footer-watermark.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .dvfooter .digcontainer { background-image: url(_images/common/bkgd-footer-watermark.png); } /* No SVG */ .dvfooter .outerwrap { padding: 40px 0 30px 0; } .dvfooter .strapline { width: 100%; font-size: 2.75em; margin: 0 0 40px 0; } .dvfooter .strapline span { font-size: 0.75em; font-weight: 300; color: #CCC; } .dvfooter .strapline .tab { width: 104px; height: 4px; margin: 20px 0 0 0; background-color: #FFF; } .dvfooter .footernav { font-weight: 300; letter-spacing: 0.03em; width: 100%; margin: 0 0 40px 0; } .dvfooter .footernav ul { list-style: none; overflow: hidden; } .dvfooter .footernav ul li { float: left; width: 16.8%; font-size: 18px; margin: 0 4% 20px 0; } .dvfooter .footernav ul li:last-child { margin-right: 0; } .dvfooter .footernav ul li a { display: block; line-height: 30px; color: #CCC; padding: 0 12px 0 0; background-image: url(_images/common/bkgd-footernav-arrow.svg); background-repeat: no-repeat; background-position: right center; border-bottom: 1px solid rgba(255,255,255,0.3); } .no-svg .dvfooter .footernav ul li a { background-image: url(_images/common/bkgd-footernav-arrow.png); } /* No SVG */ .dvfooter .footernav ul li a:hover { color: #FFF; border-bottom-color: rgba(255,255,255,0.5); } .dvfooter .socialandlogos { overflow: hidden; margin: 0 0 20px 0; } .dvfooter .sociallinks { float: left; padding: 4px 0 0 0; margin: 0 0 30px 0; } .dvfooter .sociallinks ul { font-size: 0; line-height: 0; } .dvfooter .sociallinks ul li { display: inline-block; width: 44px; height: 44px; font-size: 16px; line-height: 44px; margin: 0 6px 0 0; border-radius: 6px; overflow: hidden; } .dvfooter .sociallinks ul li:last-child { margin: 0; } .dvfooter .sociallinks ul li a { display: block; width: 44px; height: 44px; background-color: #56A331; background-image: url(_images/common/bkgd-social-icons.svg); background-repeat: no-repeat; background-position: 0 0; } .no-svg .dvfooter .sociallinks ul li a { background-image: url(_images/common/bkgd-social-icons.png); } /* No SVG */ .dvfooter .sociallinks ul li a:hover { background-color: #4D922C; } .dvfooter .sociallinks ul li span { display: none; } .dvfooter .sociallinks ul li.twitter a { background-position: 0 0; } .dvfooter .sociallinks ul li.facebook a { background-position: -44px 0; } .dvfooter .sociallinks ul li.youtube a { background-position: -88px 0; } .dvfooter .sociallinks ul li.linkedin a { background-position: -132px 0; } .dvfooter .sociallinks ul li.instagram a { background-position: -176px 0; } .dvfooter .sociallinks ul li.googleplus a { background-position: -220px 0; } .dvfooter .sociallinks ul li.flickr a { background-position: -264px 0; } .dvfooter .associationlogos { float: right; } .dvfooter .associationlogos ul { font-size: 0; margin: 0 0 24px 0; } .dvfooter .associationlogos ul li { display: inline-block; font-size: 16px; margin: 0 0 0 20px; } .dvfooter .associationlogos ul li:first-child { margin: 0; } .dvfooter .legalfooter { font-weight: 300; line-height: 30px; padding: 20px 0 0 0; border-top: 1px solid rgba(255,255,255,0.1); overflow: hidden; } .dvfooter .legalfooter .logo { float: left; } .dvfooter .legalfooter .legal { float: left; font-size: 14px; padding-left: 5%; color: #CCC; } .dvfooter .legalfooter .links { float: right; } .dvfooter .legalfooter .links ul { font-size: 0; line-height: 0; margin: 0 0 24px 0; } .dvfooter .legalfooter .links ul li { display: inline-block; font-size: 14px; line-height: 30px; margin: 0 0 0 12px; } .dvfooter .legalfooter .links ul li a { color: #CCC; border-bottom: 1px solid #CCC; } .dvfooter .legalfooter .links ul li a:hover { color: #FFF; border-bottom-color: #FFF; } /*------------------------------------------------------------------*/ /*--- Language Switcher ---*/ #lang_sel li { text-align: left; } #lang_sel li img.iclflag { top: auto; vertical-align: middle; } /*------------------------------------------------------------------*/ /* 4. Common Page Elements /*------------------------------------------------------------------*/ /*--- Page Hero ---*/ .pagetop { position: relative; min-height: 380px; text-align: center; color: #FFF; background-color: #222; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .pagetop .digcontainer { position: relative; max-width: 540px; padding-top: 140px; padding-bottom: 40px; z-index: 1; } .pagetop .filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(_images/common/bkgd-black45.png); background-repeat: repeat; background-position: 0 0; background: rgba(0,0,0,0.45); } .pagetop p { font-size: 24px; } /* Home */ .pthome { } .pthome .digcontainer { max-width: 500px; padding-top: 140px; padding-bottom: 100px; } /* Site Diary */ .ptsitediary { min-height: 200px; } .ptsitediary .digcontainer { padding-top: 100px; } /*--- Page Sub Heading ---*/ .pagesubheading { text-align: center; padding: 20px 0; background-color: #F6F6F6; } .pagesubheading h2, .pagesubheading h3, .pagesubheading h5 { max-width: 80%; margin: 0 auto; } .pagesubheading span:before { content: '|'; font-weight: 200; padding: 0 6px 0 6px; } .pagesubheading .backbtn { position: absolute; margin: 0 20px 10px 0; } .pagesubheading .backbtn a { font-size: 1.2em; color: #565F71; padding: 0 0 0 18px; background-image: url(_images/common/icon-backbtn.svg); background-repeat: no-repeat; background-position: left center; } .no-svg .pagesubheading .backbtn a { background-image: url(_images/common/icon-backbtn.png); } /* NO SVG */ .pagesubheading .backbtn a:hover, .pagesubheading .backbtn a:focus { color: #454C5A; } /*--- Dig Intro ---*/ .digintro { text-align: center; margin: 0 0 30px 0; } .digintro p { font-size: 1.4em; font-weight: 300; font-style: italic; } /*--- Photo Divide ---*/ .photodivide { text-align: center; color: #FFF; margin: 0 0 20px 0; background-repeat: no-repeat; background-position: center top; } .photodivide .wrapper { padding: 30px 20px; /* background: url(_images/common/bkgd-photodivide.png) repeat 0 0; background: rgba(0,0,0,0.55); */ } .photodivide h2 { margin: 0; } .photodivide p { font-size: 1.4em; margin: 0; } /*--- Section Links ---*/ .sectionlinks { width: 100%; overflow: hidden; } .sectionlink { float: left; width: 31.3%; margin: 0 3% 3% 0; text-align: center; } .sectionlink:hover .title, .sectionlink:focus .title { color: #4CC5D8; padding-left: 20px; } .sectionlinks .sectionlink:last-child { margin-right: 0; } /* IE */ .ie .sectionlinks .sectionlink.lastchild { margin-right: 0; } /* IE */ .sectionlink .title { font-size: 1.2em; font-weight: 400; padding: 12px 16px; background-color: #BBE4EE; /* background-image: url(_images/common/bkgd-sectionlink-title.svg); background-repeat: no-repeat; background-position: right top; */ border-radius: 6px 6px 0 0; } .no-svg .sectionlink .title { /* background-image: url(_images/common/bkgd-sectionlink-title.png); */ } /* NO SVG */ .sectionlink .title span:after { content: ' '; display: inline-block; width: 16px; height: 14px; color: #4CC5D8; padding: 0 0 0 6px; background-image: url(_images/common/icon-title-arrows.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .sectionlink .title span:after { background-image: url(_images/common/icon-title-arrows.png); } /* NO SVG */ .sectionlink .desc { padding: 24px 16px; background-color: #FFF; border: 1px solid #E2E5E9; border-top: none; border-radius: 0 0 6px 6px; } .sectionlink .desc p { margin: 0; } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* NEW SECTIONS */ /*--- Page Fill Hero ---*/ .pagetopfill { position: relative; display: table; width: 100%; min-height: 500px; text-align: center; color: #FFF; background-color: #222; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom: 1px solid #000; } .pagetopfill .digcontainer { position: relative; display: table-cell; vertical-align: middle; min-height: 500px; /* max-width: 540px; padding-top: 25%; padding-bottom: 40px; */ z-index: 1; } .pagetopfill .wrap { max-width: 540px; margin: 0 auto; } .pagetopfill .filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: 500px; background-image: url(_images/common/bkgd-black45.png); background-repeat: repeat; background-position: 0 0; background: rgba(0,0,0,0.45); } .pagetopfill p { font-size: 22px; } .scrolldown { position: absolute; left: 50%; bottom: 24px; width: 40px; height: 20px; margin-left: -20px; background-image: url(_images/common/icon-scrolldown.svg); background-repeat: no-repeat; background-position: center center; z-index: 999; } .no-svg .scrolldown { background-image: url(_images/common/icon-scrolldown.png); } /* No SVG */ /* If Background */ body.page-template-template-background .pagetopfill { border-bottom: 3px solid #222; } body.page-template-template-background .pagetopfill .filter { bottom: 3px; } /*--- Photo Sections ---*/ .photosections { overflow: hidden; } .photosection { float: left; width: 100%; position: relative; min-height: 580px; text-align: center; color: #FFF; background-color: #222; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border: 3px solid #222; overflow: hidden; } .photosection.halfwidth { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .photosection.halfwidth:nth-child(1n) { border-right: 3px solid #222; } .photosection.halfwidth:nth-child(2n) { border-right: none; border-left: 3px solid #222; } */ /* .photosection .digcontainer { position: relative; max-width: 660px; padding-top: 110px; padding-bottom: 80px; z-index: 1; } */ .photosection .digcontainer { display: table; position: relative; max-width: 660px; height: 580px; z-index: 1; } .photosection .digcontainer .wrap { display: table-cell; min-height: 500px; vertical-align: middle; -webkit-backface-visibility: hidden; -webkit-transform:translateZ(0); /* Prevents Font Flickering */ } .photosection.halfwidth .digcontainer { max-width: 500px; } .photosection .photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .photosection:hover .photo { -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .photosection .filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(_images/common/bkgd-black45.png); background-repeat: repeat; background-position: 0 0; background: rgba(0,0,0,0.45); } .photosection p { font-size: 22px; } .photosection .gradientfilter { position: absolute; top: 70%; right: 0; bottom: 0; left: 0; background-image: url(_images/common/bkgd-darkgradient.png); background-repeat: repeat; background-position: left bottom; } /*--- Full Width Bkgd Photo ---*/ .fwbkgdphoto { position: relative; min-height: 480px; text-align: center; color: #FFF; background-color: #222; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom: 1px solid #000; } .fwbkgdphoto .digcontainer { position: relative; padding-top: 40px; padding-bottom: 30px; z-index: 1; } .fwbkgdphoto .filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(_images/common/bkgd-black45.png); background-repeat: repeat; background-position: 0 0; background: rgba(0,0,0,0.45); } /*--- Related Blocks ---*/ .relatedblocks { margin: 0 -2% 0 -1.4%; overflow: hidden; } .relatedblocks .relatedblock { float: left; width: 30.3%; margin: 1.4%; text-align: center; background-color: #FFF; border-radius: 6px; } .relatedblocks .relatedblock .img { /* border-bottom: 4px solid #FF901E; */ border-bottom: 4px solid #4CC5D8; } .relatedblocks .relatedblock .img img { border-radius: 6px 6px 0 0; } .relatedblocks .relatedblock .desc { min-height: 160px; padding: 6%; } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 5. Home /*------------------------------------------------------------------*/ .homefeatures { position: relative; text-align: center; overflow: hidden; } .homefeatures .feature { float: left; width: 29.3%; padding: 0 1%; margin: 0 3% 0 0; } .homefeatures .feature:last-child { margin: 0; } .homefeatures .feature.lastchild { margin: 0; } /* IE */ .homefeatures .feature:hover { } .homefeatures .feature .icon { padding: 0 0 16px 0; } .homefeatures .feature .featurelink { font-size: 1.2em; font-weight: 600; } .homefeatures .feature .featurelink:after { content: ' '; display: inline-block; width: 16px; height: 14px; color: #4CC5D8; padding: 0 0 0 6px; background-image: url(_images/common/icon-title-arrows.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .homefeatures .feature .featurelink:after { background-image: url(_images/common/icon-title-arrows.png); } /* NO SVG */ /* Owl Carousel */ .owl-carousel { margin: 0 0 20px 0; } /*------------------------------------------------------------------*/ /* 6. Key Sections /*------------------------------------------------------------------*/ /*--- Activity Grid ---*/ .activitygrid { overflow: hidden; } .activitygrid .activityblock { float: left; width: 23.3%; min-height: 140px; padding: 2% 6% 2% 2%; margin: 0 3% 3% 0; background-color: #DCE0E5; background-image: url(_images/common/icon-activityblock.svg); background-repeat: no-repeat; background-position: right center; } .no-svg .activitygrid .activityblock { background-image: url(_images/common/icon-activityblock.png); } /* NO SVG */ .activitygrid .activityblock:nth-child(3n) { margin-right: 0; } .activitygrid .activityblock.thirdchild { margin-right: 0; } /* IE */ .activitygrid .activityblock p.name { margin: 0; } .activitygrid .activityblock span.date:before { content: '|'; padding: 0 4px; } .activitygrid .activityseeall { float: left; width: 100%; margin: 0 0 20px 0; text-align: center; } /*------------------------------------------------------------------*/ /*--- Dig Timeline ---*/ .digtimeline { background-color: #F6F6F6; } .digtimeline .digcontainer { padding: 0; overflow: hidden; } .timelinetitle { padding: 30px 20px 0 20px; } .timelinetitle .content { max-width: 400px; padding: 2%; margin: 0 auto; text-align: center; background: #FFF; border: 3px solid #DCE0E5; } .timelinetitle .content p { margin: 0; } #masonry-grid { margin: 0 0 30px 0; overflow: hidden; } .timeline .timeline-row .timeline-content .panel-body { border: 1px solid #DCE0E5; } .timeline .timeline-row .timeline-content .panel-body { border-top: 3px solid #565F71; } /* Text Styles */ /* .timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 { color: #4CC5D8; } */ .timeline blockquote { margin: 10px; padding-bottom: 0; } .timeline blockquote strong { font-size: 0.8em; } /* Inline Time */ .timeline .timeline-inlinetime { font-size: 1.3em; font-weight: 600; color: #41B8CE; padding: 0 0 12px 0; margin: 0 0 12px 0; border-bottom: 1px solid #E3E5E9; } .timeline .timeline-inlinetime span { color: #262626; } /* Icon */ .timeline .timeline-icon { background-repeat: no-repeat; background-position: center center; } /* Diary */ .timeline-row.diary .timeline-inlinetime { color: #697383; } .timeline-row.diary .timeline-content .panel-body { border-top: 3px solid #697383; } .timeline-row.diary .timeline-icon { background-image: url(_images/common/icon-timeline-blog.svg); } .no-svg .timeline-row.diary .timeline-icon { background-image: url(_images/common/icon-timeline-blog.png); } /* NO SVG */ /* Find */ .timeline-row.find .timeline-inlinetime { color: #F2CE4D; } .timeline-row.find .timeline-content .panel-body { border-top: 3px solid #F2CE4D; } .timeline-row.find .timeline-icon { background-image: url(_images/common/icon-timeline-find.svg); } .no-svg .timeline-row.find .timeline-icon { background-image: url(_images/common/icon-timeline-find.png); } /* NO SVG */ /* Open Text */ .timeline-row.opentext .timeline-inlinetime { color: #FF931E; } .timeline-row.opentext .timeline-content .panel-body { border-top: 3px solid #FF931E; } .timeline-row.opentext .timeline-icon { background-image: url(_images/common/icon-timeline-announcement.svg); } .no-svg .timeline-row.opentext .timeline-icon { background-image: url(_images/common/icon-timeline-announcement.png); } /* NO SVG */ /* Photo */ .timeline-row.photo .timeline-inlinetime { color: #7ABB41; } .timeline-row.photo .timeline-content .panel-body { border-top: 3px solid #7ABB41; } .timeline-row.photo .timeline-icon { background-image: url(_images/common/icon-timeline-photo.svg); } .no-svg .timeline-row.photo .timeline-icon { background-image: url(_images/common/icon-timeline-photo.png); } /* NO SVG */ /* Quote */ .timeline-row.quote .timeline-inlinetime { color: #8A659E; } .timeline-row.quote .timeline-content .panel-body { border-top: 3px solid #8A659E; } .timeline-row.quote .timeline-icon { background-image: url(_images/common/icon-timeline-quote.svg); } .no-svg .timeline-row.quote .timeline-icon { background-image: url(_images/common/icon-timeline-quote.png); } /* NO SVG */ .timeline-row.quote blockquote { border-color: #8A659E; } /* Tweet */ .timeline-row.tweet .timeline-inlinetime { color: #01A8E9; } .timeline-row.tweet .timeline-content .panel-body { border-top: 3px solid #01A8E9; } .timeline-row.tweet .timeline-icon { background-image: url(_images/common/icon-timeline-tweet.svg); } .no-svg .timeline-row.tweet .timeline-icon { background-image: url(_images/common/icon-timeline-tweet.png); } /* NO SVG */ /* Video */ .timeline-row.video .timeline-inlinetime { color: #C51B18; } .timeline-row.video .timeline-content .panel-body { border-top: 3px solid #C51B18; } .timeline-row.video .timeline-icon { background-image: url(_images/common/icon-timeline-video.svg); } .no-svg .timeline-row.video .timeline-icon { background-image: url(_images/common/icon-timeline-video.png); } /* NO SVG */ /* Key Date */ .timeline-row.key-date .timeline-inlinetime { color: #48C1B5; } .timeline-row.key-date .timeline-content .panel-body { /* border-top: 3px solid #48C1B5; */ } .timeline-row.key-date .timeline-icon { background-image: url(_images/common/icon-timeline-key-date.svg); } .no-svg .timeline-row.key-date .timeline-icon { background-image: url(_images/common/icon-timeline-key-date.png); } /* NO SVG */ /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* NEW SECTIONS */ /*--- Dig Timeline ---*/ .ddttimeline { padding: 30px 0; text-align: center; background-color: #F6F6F6; } .ddttimeline .digcontainer { overflow: hidden; } .ddttimelinetitle { padding: 0 20px 20px 20px; overflow: hidden; } .ddttimelinetitle .content { } .ddttimelinetitle .content p { } .ddttimelinetitle ul { } .ddttimelinetitle ul li { display: inline-block; margin: 0 2px 6px 2px; font-size: 1.1em; } .ddttimelinetitle ul li a { display: inline-block; color: #FFF; padding: 12px 12px 12px 40px; background-color: #565F71; background-repeat: no-repeat; background-position: left center; border-radius: 6px; } .ddttimelinetitle ul li a:hover { background-color: #4D5565; } .ddttimelinetitle ul.hometimeline li { padding: 12px 12px 12px 40px; color: #FFF; background-color: #565F71; background-repeat: no-repeat; background-position: left center; border-radius: 6px; cursor: pointer; } .ddttimelinetitle ul.hometimeline li:hover { background-color: #4D5565; } /* Overview */ .ddttimelinetitle ul li.overview a { padding: 12px; } .ddttimelinetitle ul.hometimeline li.overview { padding: 12px; } /* Key Dates */ .ddttimelinetitle ul li.key-dates a { /* background-color: #48C1B5; */ background-image: url(_images/common/icon-timeline-key-date.svg); } .no-svg .ddttimelinetitle ul li.key-dates a { background-image: url(_images/common/icon-timeline-key-date.png); } /* No SVG */ .ddttimelinetitle ul li.key-dates a:hover { /* background-color: #40ADA3; */ } .ddttimelinetitle ul.hometimeline li.key-dates { /* background-color: #48C1B5; */ background-image: url(_images/common/icon-timeline-key-date.svg); } .no-svg .ddttimelinetitle ul.hometimeline li.key-dates { background-image: url(_images/common/icon-timeline-key-date.png); } /* No SVG */ .ddttimelinetitle ul.hometimeline li.key-dates:hover { /* background-color: #40ADA3; */ } /* Announcements */ .ddttimelinetitle ul li.announcements a, .ddttimelinetitle ul li.cat-item-4 a, .ddttimelinetitle ul li.cat-item-23 a, .ddttimelinetitle ul li.cat-item-24 a { /* background-color: #FF931E; */ background-image: url(_images/common/icon-timeline-announcement.svg); } .no-svg .ddttimelinetitle ul li.announcements a, .no-svg .ddttimelinetitle ul li.cat-item-4 a, .no-svg .ddttimelinetitle ul li.cat-item-23 a, .no-svg .ddttimelinetitle ul li.cat-item-24 a { background-image: url(_images/common/icon-timeline-announcement.png); } /* No SVG */ .ddttimelinetitle ul li.announcements a:hover, .ddttimelinetitle ul li.cat-item-4 a:hover, .ddttimelinetitle ul li.cat-item-23 a:hover, .ddttimelinetitle ul li.cat-item-24 a:hover { /* background-color: #E5841A; */ } .ddttimelinetitle ul.hometimeline li.announcements { /* background-color: #FF931E; */ background-image: url(_images/common/icon-timeline-announcement.svg); } .no-svg .ddttimelinetitle ul.hometimeline li.announcements { background-image: url(_images/common/icon-timeline-announcement.png); } /* No SVG */ .ddttimelinetitle ul.hometimeline li.announcements:hover { /* background-color: #E5841A; */ } /* Diary */ .ddttimelinetitle ul li.diary a, .ddttimelinetitle ul li.cat-item-8 a, .ddttimelinetitle ul li.cat-item-13 a, .ddttimelinetitle ul li.cat-item-14 a { /* background-color: #4CC5D8; */ background-image: url(_images/common/icon-timeline-blog.svg); } .no-svg .ddttimelinetitle ul li.diary a, .no-svg .ddttimelinetitle ul li.cat-item-8 a, .no-svg .ddttimelinetitle ul li.cat-item-13 a, .no-svg .ddttimelinetitle ul li.cat-item-14 a { background-image: url(_images/common/icon-timeline-blog.png); } /* No SVG */ .ddttimelinetitle ul li.diary a:hover, .ddttimelinetitle ul li.cat-item-8 a:hover, .ddttimelinetitle ul li.cat-item-13 a:hover, .ddttimelinetitle ul li.cat-item-14 a:hover { /* background-color: #44B1C2; */ } .ddttimelinetitle ul.hometimeline li.diary { /* background-color: #4CC5D8; */ background-image: url(_images/common/icon-timeline-blog.svg); } .no-svg .ddttimelinetitle ul.hometimeline li.diary { background-image: url(_images/common/icon-timeline-blog.png); } /* No SVG */ .ddttimelinetitle ul.hometimeline li.diary:hover { /* background-color: #44B1C2; */ } /* Finds */ .ddttimelinetitle ul li.finds a, .ddttimelinetitle ul li.cat-item-3 a, .ddttimelinetitle ul li.cat-item-15 a, .ddttimelinetitle ul li.cat-item-16 a { /* background-color: #F2CE4D; */ background-image: url(_images/common/icon-timeline-find.svg); } .no-svg .ddttimelinetitle ul li.finds a, .no-svg .ddttimelinetitle ul li.cat-item-3 a, .no-svg .ddttimelinetitle ul li.cat-item-15 a, .no-svg .ddttimelinetitle ul li.cat-item-16 a { background-image: url(_images/common/icon-timeline-find.png); } /* No SVG */ .ddttimelinetitle ul li.finds a:hover, .ddttimelinetitle ul li.cat-item-3 a:hover, .ddttimelinetitle ul li.cat-item-15 a:hover, .ddttimelinetitle ul li.cat-item-16 a:hover { /* background-color: #D9B945; */ } .ddttimelinetitle ul.hometimeline li.finds { /* background-color: #F2CE4D; */ background-image: url(_images/common/icon-timeline-find.svg); } .no-svg .ddttimelinetitle ul.hometimeline li.finds { background-image: url(_images/common/icon-timeline-find.png); } /* No SVG */ .ddttimelinetitle ul.hometimeline li.finds:hover { /* background-color: #D9B945; */ } /* Photos */ .ddttimelinetitle ul li.photos a, .ddttimelinetitle ul li.cat-item-5 a, .ddttimelinetitle ul li.cat-item-19 a, .ddttimelinetitle ul li.cat-item-20 a { /* background-color: #7ABB41; */ background-image: url(_images/common/icon-timeline-photo.svg); } .no-svg .ddttimelinetitle ul li.photos a, .no-svg .ddttimelinetitle ul li.cat-item-5 a, .no-svg .ddttimelinetitle ul li.cat-item-19 a, .no-svg .ddttimelinetitle ul li.cat-item-20 a { background-image: url(_images/common/icon-timeline-photo.png); } /* No SVG */ .ddttimelinetitle ul li.photos a:hover, .ddttimelinetitle ul li.cat-item-5 a:hover, .ddttimelinetitle ul li.cat-item-19 a:hover, .ddttimelinetitle ul li.cat-item-20 a:hover { /* background-color: #6EA83A; */ } .ddttimelinetitle ul.hometimeline li.photos { /* background-color: #7ABB41; */ background-image: url(_images/common/icon-timeline-photo.svg); } .no-svg .ddttimelinetitle ul.hometimeline li.photos { background-image: url(_images/common/icon-timeline-photo.png); } /* No SVG */ .ddttimelinetitle ul.hometimeline li.photos:hover { /* background-color: #6EA83A; */ } /* Quotes */ .ddttimelinetitle ul li.quotes a, .ddttimelinetitle ul li.cat-item-6 a { /* background-color: #8A659E; */ background-image: url(_images/common/icon-timeline-quote.svg); } .no-svg .ddttimelinetitle ul li.quotes a, .no-svg .ddttimelinetitle ul li.cat-item-6 a { background-image: url(_images/common/icon-timeline-quote.png); } /* No SVG */ .ddttimelinetitle ul li.quotes a:hover, .ddttimelinetitle ul li.cat-item-6 a:hover { /* background-color: #7C5B8E; */ } .ddttimelinetitle ul.hometimeline li.quotes { /* background-color: #8A659E; */ background-image: url(_images/common/icon-timeline-quote.svg); } .no-svg .ddttimelinetitle ul.hometimeline li.quotes { background-image: url(_images/common/icon-timeline-quote.png); } /* No SVG */ .ddttimelinetitle ul.hometimeline li.quotes:hover { /* background-color: #7C5B8E; */ } /* Social */ .ddttimelinetitle ul li.social a, .ddttimelinetitle ul li.cat-item-7 a, .ddttimelinetitle ul li.cat-item-21 a, .ddttimelinetitle ul li.cat-item-22 a { /* background-color: #01A8E9; */ background-image: url(_images/common/icon-timeline-tweet.svg); } .no-svg .ddttimelinetitle ul li.social a, .no-svg .ddttimelinetitle ul li.cat-item-7 a, .no-svg .ddttimelinetitle ul li.cat-item-21 a, .no-svg .ddttimelinetitle ul li.cat-item-22 a { background-image: url(_images/common/icon-timeline-tweet.png); } /* No SVG */ .ddttimelinetitle ul li.social a:hover, .ddttimelinetitle ul li.cat-item-7 a:hover, .ddttimelinetitle ul li.cat-item-21 a:hover, .ddttimelinetitle ul li.cat-item-22 a:hover { /* background-color: #0097D1; */ } .ddttimelinetitle ul.hometimeline li.social { /* background-color: #01A8E9; */ background-image: url(_images/common/icon-timeline-tweet.svg); } .no-svg .ddttimelinetitle ul.hometimeline li.social { background-image: url(_images/common/icon-timeline-tweet.png.png); } /* No SVG */ .ddttimelinetitle ul.hometimeline li.social:hover { /* background-color: #0097D1; */ } /* Video */ .ddttimelinetitle ul li.video a, .ddttimelinetitle ul li.cat-item-9 a, .ddttimelinetitle ul li.cat-item-17 a, .ddttimelinetitle ul li.cat-item-18 a { /* background-color: #C51B18; */ background-image: url(_images/common/icon-timeline-video.svg); } .no-svg .ddttimelinetitle ul li.video a, .no-svg .ddttimelinetitle ul li.cat-item-9 a, .no-svg .ddttimelinetitle ul li.cat-item-17 a, .no-svg .ddttimelinetitle ul li.cat-item-18 a { background-image: url(_images/common/icon-timeline-video.png); } /* No SVG */ .ddttimelinetitle ul li.video a:hover, .ddttimelinetitle ul li.cat-item-9 a:hover, .ddttimelinetitle ul li.cat-item-17 a:hover, .ddttimelinetitle ul li.cat-item-18 a:hover { /* background-color: #B11816; */ } .ddttimelinetitle ul.hometimeline li.video { /* background-color: #C51B18; */ background-image: url(_images/common/icon-timeline-video.svg); } .no-svg .ddttimelinetitle ul.hometimeline li.video { background-image: url(_images/common/icon-timeline-video.png); } /* No SVG */ .ddttimelinetitle ul.hometimeline li.video:hover { /* background-color: #B11816; */ } /* Timeline Blocks */ .ddttimelinemain { margin: 0 -2% 0 -1.4%; overflow: hidden !important; } .homeddttimelinemain { margin: 0; overflow: visible !important; } .timelineblock { position: relative; float: left; width: 30.3%; margin: 1.4%; text-align: center; background-color: #FFF; border-radius: 6px; } .timelineblock .img { position: relative; z-index: 1; } .timelineblock .img img { border-radius: 6px 6px 0 0; } .timelineblock .desc { padding: 10px 10px 0 10px; border-top: 4px solid #565F71; border-radius: 6px; } .timelineblock .desc span.time { color: #4CC5D8; } .timelineblock .desc p { margin: 0 0 10px 0; } .timelineblock .icon { position: relative; width: 40px; height: 40px; margin: -30px auto 10px auto; z-index: 2; } .timelineblock .wrappost { overflow: hidden; } /* Event Types */ .timelineblock.diary .desc { /* border-color: #4CC5D8; */ border-radius: 0; } .timelineblock.diary .desc span.time { /* color: #4CC5D8; */ } .timelineblock.diary .icon, .timelineblock.diary-es .icon, .timelineblock.diary-gl .icon { background-image: url(_images/common/icon-timeline-blog.svg); } .no-svg .timelineblock.diary .icon .no-svg .timelineblock.diary-es .icon, .no-svg .timelineblock.diary-gl .icon { background-image: url(_images/common/icon-timeline-blog.png); } /* NO SVG */ .timelineblock.finds .desc { /* border-color: #F2CE4D; */ } .timelineblock.finds .desc span.time { /* color: #F2CE4D; */ } .timelineblock.finds .icon, .timelineblock.finds-es .icon, .timelineblock.finds-gl .icon { background-image: url(_images/common/icon-timeline-find.svg); } .no-svg .timelineblock.finds .icon, .no-svg .timelineblock.finds-es .icon, .no-svg .timelineblock.finds-gl .icon { background-image: url(_images/common/icon-timeline-find.png); } /* NO SVG */ .timelineblock.announcements .desc { /* border-color: #FF931E; */ } .timelineblock.announcements .desc span.time { /* color: #FF931E; */ } .timelineblock.announcements .icon, .timelineblock.announcements-es .icon, .timelineblock.announcements-gl .icon { background-image: url(_images/common/icon-timeline-announcement.svg); } .no-svg .timelineblock.announcements .icon, .no-svg .timelineblock.announcements-es .icon, .no-svg .timelineblock.announcements-gl .icon { background-image: url(_images/common/icon-timeline-announcement); } /* NO SVG */ .timelineblock.photos .desc { /* border-color: #7ABB41; */ } .timelineblock.photos .desc span.time { /* color: #7ABB41; */ } .timelineblock.photos .icon, .timelineblock.photos-es .icon, .timelineblock.photos-gl .icon { background-image: url(_images/common/icon-timeline-photo.svg); } .no-svg .timelineblock.photos .icon, .no-svg .timelineblock.photos-es .icon, .no-svg .timelineblock.photos-gl .icon { background-image: url(_images/common/icon-timeline-photo.png); } /* NO SVG */ .timelineblock.quotes .desc { /* border-color: #8A659E; */ } .timelineblock.quotes .desc span.time { /* color: #8A659E; */ } .timelineblock.quotes .icon, .timelineblock.quotes-es .icon, .timelineblock.quotes-gl .icon { background-image: url(_images/common/icon-timeline-quote.svg); } .no-svg .timelineblock.quotes .icon, .no-svg .timelineblock.quotes-es .icon, .no-svg .timelineblock.quotes-gl .icon { background-image: url(_images/common/icon-timeline-quote.png); } /* NO SVG */ .timelineblock.quotes blockquote { /* border-color: #8A659E; */ } .timelineblock.social .desc { /* border-color: #01A8E9; */ } .timelineblock.social .desc span.time { /* color: #01A8E9; */ } .timelineblock.social .icon, .timelineblock.social-es .icon, .timelineblock.social-gl .icon { background-image: url(_images/common/icon-timeline-tweet.svg); } .no-svg .timelineblock.social .icon, .no-svg .timelineblock.social-es .icon, .no-svg .timelineblock.social-gl .icon { background-image: url(_images/common/icon-timeline-tweet.png); } /* NO SVG */ .timelineblock.videos .desc { /* border-color: #C51B18; */ } .timelineblock.videos .desc span.time { /* color: #C51B18; */ } .timelineblock.videos .icon, .timelineblock.videos-es .icon, .timelineblock.videos-gl .icon { background-image: url(_images/common/icon-timeline-video.svg); } .no-svg .timelineblock.videos .icon, .no-svg .timelineblock.videos-es .icon, .no-svg .timelineblock.videos-gl .icon { background-image: url(_images/common/icon-timeline-video.png); } /* NO SVG */ /* Lazy Load More Button */ .ajax-load-more-wrap.blue button.alm-load-more-btn.ddtloadmore { font-family: "source-sans-pro", Helvetica, Arial, sans-serif; line-height: 40px; background-color: #4CC5D8; } .ajax-load-more-wrap.blue button.alm-load-more-btn.ddtloadmore:hover { background-color: #44B1C2; } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*--- Profiles Grid ---*/ .profilesgrid { text-align: center; margin: 0 0 30px 0; overflow: hidden; } .profilesgrid .profile { float: left; width: 23%; margin: 1%; color: #565F71; border-radius: 0 0 6px 6px; overflow: hidden; } .profilesgrid .profile a { color: #565F71; } .profilesgrid .profile .photo { position: relative; } .profilesgrid .profile .photo .mask { position: absolute; top: -1px; left: -1px; display: block; width: 101%; height: 101%; z-index: 2; } .ua-ie .profilesgrid .profile .photo .mask { display: none; } /* ALL IE */ .profilesgrid .profile .viewprofile { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40% 0 0 0; z-index: 1; color: #FFF; background: rgba(34,34,34,0.2); } .profilesgrid .profile .viewprofile img { max-width: 30%; margin: 0 0 10px 0; } .profilesgrid .profile .desc { position: relative; min-height: 120px; margin: -1px 0 0 0; padding: 10px; background-color: #E2E5E9; z-index: 3; } .profilesgrid .profile p.name { font-size: 1.4em; margin: 0; } .profilesgrid .profile p.role { margin: 0; } .profilesgrid .profile a:hover { color: #262626; } .profilesgrid .profile a:hover .viewprofile { display: block; } /*--- Profile Page ---*/ .profilephoto { float: right; max-width: 40%; margin: 0 0 4% 4%; } .profilephoto .photo { position: relative; margin: 0 0 10px 0; } .profilephoto .photo .mask { position: absolute; top: 0; left: 0; display: block; width: 102%; height: 102%; z-index: 2; } .ua-ie .profilephoto .photo .mask { display: none; } /* ALL IE */ /*------------------------------------------------------------------*/ /*--- Site Diary ---*/ .diarygrid { margin: 0 -2% 30px -1.4%; overflow: hidden; } .diarygrid .diarypost { float: left; width: 30.3%; margin: 1.4%; text-align: center; background-color: #E2E5E9; border-radius: 6px; } .diarygrid .diarypost .img img { border-radius: 6px 6px 0 0; } .diarygrid .diarypost .desc { padding: 6%; border-top: 4px solid #4CC5D8; } /* Diary Article */ .diaryarticle { max-width: 600px; padding: 0 0 40px 0; margin: 0 auto; overflow: hidden; } .diaryarticle .diaryimg { margin: 0 0 4% 0; /* float: right; max-width: 50%; margin: 0 0 3% 3%; */ } .diaryarticle .diaryimg img { width: 100%; } .diaryarticle p { font-size: 1.1em; } .diarytitlebar { text-align: center; } .inventorytitlebar.diarytitlebar .itbname { float: none; display: inline-block; } .relatedarticles { padding: 30px 0; background-color: #F6F6F6; } /*------------------------------------------------------------------*/ /*--- Reports ---*/ .reportsgrid { text-align: center; margin: 0 0 30px 0; overflow: hidden; } .reportsgrid .report { float: left; width: 23%; margin: 1%; color: #565F71; border-radius: 0 0 6px 6px; overflow: hidden; } .reportsgrid .report .img { margin: 0 0 20px 0; border: 1px solid #E2E5E9; border-radius: 6px; } .reportsgrid .report .desc { min-height: 100px; } .reportsgrid .report .img img { border-radius: 6px; } .reportsgrid .report:hover { color: #333; } /*------------------------------------------------------------------*/ /* 7. Ark Sections /*------------------------------------------------------------------*/ /*--- Ark Search ---*/ .arksearch { text-align: center; color: #FFF; padding: 20px; margin: 0 0 30px 0; background-color: #565F71; } .arksearch label { font-size: 1.2em; padding: 0 8px; } .asbuttons { margin: 0 0 16px 0; } .asselected { margin: 0 0 16px 0; } .asselected .criteria { display: block; max-width: 400px; line-height: 32px; margin: 0 auto; background: #FFF; } .asselected .criteria span { display: block; background-color: #FBFBFB; overflow: hidden; } .asselected .criteria span { float: right; text-align: center; font-weight: 600; color: #FFF; padding: 0 8px; background-color: #D53039; } .asselected .criteria:hover, .asselected .criteria:focus { background-color: #FFF5F5; } .asselected .criteria:hover span, .asselected .criteria:focus span { background-color: #BF2B33; } .asset { } .arksearch input, .arksearch select { display: block; max-width: 400px; margin: 0 auto 16px auto; } .ie8 .arksearch input { display: inline; } /* IE8 */ .arksearch input.submit { margin-bottom: 0; } /*------------------------------------------------------------------*/ /*--- Inventory Table ---*/ .ddttable { } .ddttable .titlerow { font-weight: 600; padding: 16px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; overflow: hidden; } .ddttable .datarow { padding: 16px; border-bottom: 1px solid #EFEFEF; background-image: url(_images/common/icon-row-link.svg); background-repeat: no-repeat; background-position: right center; overflow: hidden; } .no-svg .ddttable .datarow { background-image: url(_images/common/icon-row-link.png); } /* NO SVG */ .ddttable .col { float: left; width: 12%; padding-right: 1%; } .ddttable .colwide { width: 29%; } .ddttable span { display: none; font-weight: 600; } .ddttable a { color: #565F71; } .ddttable a:hover .datarow, .ddttable a:focus .datarow { background-color: #F6F6F6; } .ddttable .ref { font-weight: 600; } /* Inventory Pagination */ .pagination { font-size: 1.4em; font-weight: 400; line-height: 30px; text-align: center; padding: 8px 16px; margin: 20px 0; background-color: #BBE4EE; background-color: #FFF; border-radius: 6px; overflow: hidden; } .pagination .nextpage { float: right; } .pagination ul { margin: 0; } .pagination ul li { display: inline-block; list-style: none; margin: 0; } .pagination ul li span, .pagination ul li a { padding: 4px 8px; margin: 0 4px 0 0; } .pagination ul li a:hover, .pagination ul li a:focus { color: #4CC5D8; } .pagination ul li a.current, .pagination ul li span.current { color: #4CC5D8; } /*------------------------------------------------------------------*/ /*--- Inventory Record Page ---*/ /* Inventory Summary */ .inventorysummary { text-align: center; margin: 0 0 30px 0; overflow: hidden; } .inventorysummary .isitem { display: inline; padding: 0 6px; font-size: 1.6em; } .inventorysummary .isitem span { font-weight: 200; } /* Inventory Block */ .inventoryblock { margin: 0 0 20px 0; } /* Inventory Title Bar */ .inventorytitlebar { line-height: 32px; padding: 6px 16px; margin: 0 0 14px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; overflow: hidden; } .inventorytitlebar .itbname { float: left; font-size: 1.3em; font-weight: 600; margin-top: -6px; padding-top: 6px; border-top: 3px solid #4CC5D8; } .inventorytitlebar .itbactions { float: right; } .inventorytitlebar a.btn { line-height: 32px; margin: 0; } .inventorytitlebar .itbactions a { float: left; margin: 0 0 0 4px; } /* Inventory Inline Help */ .inlinehelp { display: none; color: #FFF; padding: 16px 16px 2px 16px; margin: -14px 0 14px 0; background-color: #565F71; } /* Inventory Content */ .inventorycontent { line-height: 1.2em; padding: 6px 16px; overflow: hidden; } .inventorycontent .icrow { margin: 0 0 16px 0; overflow: hidden; } .inventorycontent .ichalfcol { float: left; width: 48%; padding: 0 2% 0 0; } .inventorylabel { float: left; width: 38%; padding: 0 2% 0 0; font-weight: 600; } .inventoryentry { float: left; width: 60%; } /* Media Grid */ .mediagrid { margin: 0 -2% 0 -1.4%; } /* Photo */ .icphoto { position: relative; float: left; width: 26.4%; padding: 2%; margin: 1.4%; text-align: center; background-color: #F6F6F6; border-bottom: 1px solid #E2E5E9; } .icphoto img, .icphoto video { margin: 0 0 14px 0; } .icphoto p { margin: 0; } .icphoto p.name { font-weight: 600; } .icphoto p.date { font-size: 0.8em; } /* Video */ .icvideo { width: 59.2%; } /* Matrix */ .icmatrix { max-width: 600px; margin: 0 auto; text-align: center; overflow: hidden; } .icmatrix span { display: block; line-height: 32px; background-color: #FFF; overflow: hidden; } .icmatrix input { float: left; height: 32px; line-height: 32px; text-align: center; padding-right: 42px; margin: 0 -32px 0 0; color: #262626; background-color: #FFF; } .icmatrix input:hover { background-color: #FBFBFB; } .icmatrix input:focus { background-color: #E6E6E6; } .icmatrix input.submit { width: 32px; padding: 0; margin: 0; font-size: 1.6em; font-weight: 600; color: #FFF; background-color: #A5BF2A; } .icmatrix input.submit:hover, .icmatrix input.submit:focus { background-color: #94AC26; } .icmatrix a { float: right; width: 32px; text-align: center; font-weight: 600; color: #FFF; background-color: #D53039; } .icmatrix a:hover, .icmatrix a:focus { background-color: #BF2B33; } .icmtoprow { overflow: hidden; } .icmmiddlerow { width: 50%; margin: 0 auto; padding: 20px 0; font-size: 1.2em; font-weight: 600; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-image: url(_images/common/bkgd-matrix-vertical.svg); background-repeat: repeat-y; background-position: center center; } .no-svg .icmmiddlerow { background-image: url(_images/common/bkgd-matrix-vertical.png); } /* NO SVG */ .icmbottomrow { overflow: hidden; } /* If Linear Matirx */ .icmatrix.linear .icmmiddlerow { border: none; } .icmleft, .icmright { float: left; width: 40%; min-height: 34px; max-height: 34px; padding: 0 5%; background-image: url(_images/common/bkgd-matrix-vertical.svg); background-repeat: repeat-y; background-position: center center; } .no-svg .icmleft, .no-svg .icmright { background-image: url(_images/common/bkgd-matrix-vertical.png); } /* NO SVG */ .icmmiddle { width: 40%; min-height: 34px; max-height: 34px; padding: 0 5%; margin: 0 auto; background-image: url(_images/common/bkgd-matrix-vertical.svg); background-repeat: repeat-y; background-position: center center; } .no-svg .icmmiddle { background-image: url(_images/common/bkgd-matrix-vertical.png); } /* NO SVG */ .icmleft span, .icmright span, .icmmiddle span { border: 1px solid #CCC; } .icmright { float: right; } .icmtoprow .icmleft, .icmtoprow .icmright { padding-bottom: 5%; } .icmbottomrow .icmleft, .icmbottomrow .icmright { padding-top: 5%; } /* Equal To */ .icmatrixequalto { float: left; margin: 30px 0 0 0; border: 1px solid #CCC; } .icmatrixequalto label { float: left; height: 32px; line-height: 32px; padding: 0 16px; color: #262626; background-color: #E2E5E9; border-right: 1px solid #CCC; } .icmatrixequalto input { width: 160px; } .icmatrixequalto span { display: inline; padding: 0 30px; } /* People */ .icpeople { } .icperson { float: left; width: 15%; min-height: 196px; margin: 0 2% 2% 0; text-align: center; background-color: #F6F6F6; border-bottom: 1px solid #E2E5E9; } .icperson:nth-child(6n) { margin-right: 0; } /* IE */ .icperson.sixthchild { margin-right: 0; } /* IE */ .icperson .photo { position: relative; } .icperson .photo span { position: absolute; top: 0; left: 0; padding: 3px 6px; font-size: 0.8em; color: #FFF; background-color: #41B8CE; } .icperson p.name { padding: 5px; margin: 0; } /*------------------------------------------------------------------*/ /*--- Dig Timeline ---*/ a.loadmorebtn { left: 50%; margin: 20px -60px 0 -60px; position: absolute; width: 120px; padding: 0; text-align: center; z-index: 999; } /*----------------------------------------------------------------------------------- */ /* Panels */ /*----------------------------------------------------------------------------------- */ .panel { border: 0; } .panel .panel-body { padding: 20px; } .panel-heading .panel-toggle { background: #f9fafa; } .panel-heading .panel-title { font-size: 18px; } /*----------------------------------------------------------------------------------- */ /* Tab Styles */ /*----------------------------------------------------------------------------------- */ .tab-content { background-color: white; border: 1px solid #dddddd; border-top: 0; padding: 15px 15px 5px; } /*----------------------------------------------------------------------------------- */ /* Progress Bars */ /*----------------------------------------------------------------------------------- */ .timeline { list-style: none; position: relative; padding: 40px 20px 80px 20px; margin: 0 auto; overflow: hidden; } .timeline:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -2px; background-color: #DCE0E5; height: 100%; width: 4px; display: block; } .timeline .timeline-row { padding-left: 50%; position: relative; z-index: 10; } .timeline .timeline-row .timeline-time { position: absolute; right: 50%; top: 31px; text-align: right; margin-right: 40px; font-size: 1.2em; font-weight: 600; } .timeline .timeline-row .timeline-time small { display: block; text-transform: uppercase; opacity: 0.75; font-size: 0.7em; font-weight: 400; } .timeline .timeline-row .timeline-icon { position: absolute; top: 30px; left: 50%; margin-left: -20px; width: 40px; height: 40px; border-radius: 50%; /* background-color: #565F71; */ text-align: center; /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); */ overflow: hidden; z-index: 100; } .timeline .timeline-row .timeline-icon > div { border-radius: 50%; line-height: 34px; font-size: 16px; } .timeline .timeline-row .timeline-content { margin-left: 40px; position: relative; background-color: white; color: #333333; border-radius: 6px; } .timeline .timeline-row .timeline-content:after { content: ""; position: absolute; top: 48px; left: -41px; height: 4px; width: 40px; background-color: #DCE0E5; z-index: -1; } .timeline .timeline-row .timeline-content .panel-body { padding: 15px 15px 2px; position: relative; z-index: 10; border-radius: 6px; } /* .timeline .timeline-row .timeline-content h2 { font-size: 22px; margin-bottom: 12px; margin-top: 0; line-height: 1.2; } .timeline .timeline-row .timeline-content p { margin-bottom: 15px; } .timeline .timeline-row .timeline-content img { margin-bottom: 15px; } */ .timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small { color: #999999; } .timeline .timeline-row .timeline-content .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; margin-bottom: 15px; overflow: hidden; } .timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .timeline .timeline-row:nth-child(odd) { padding-left: 0; padding-right: 50%; } .timeline .timeline-row:nth-child(odd) .timeline-time { right: auto; left: 50%; text-align: left; margin-right: 0; margin-left: 40px; } .timeline .timeline-row:nth-child(odd) .timeline-content { margin-right: 40px; margin-left: 0; } .timeline .timeline-row:nth-child(odd) .timeline-content:after { left: auto; right: -41px; } .timeline.animated .timeline-row .timeline-content { opacity: 0; left: 20px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .timeline.animated .timeline-row:nth-child(odd) .timeline-content { left: -20px; } .timeline.animated .timeline-row.active .timeline-content { opacity: 1; left: 0; } .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content { left: 0; } /* OVERWRITES */ .timeline .timeline-time { display: none; } @media screen and (min-width: 768px) { .timeline .timeline-row { margin-top: -120px; } .timeline .timeline-row { margin-top: -45px; } .timeline .timeline-row:nth-child(1) { margin-top: 0; } } /* RESPONSIVE */ @media (max-width: 767px) { /* .timeline { padding: 15px 10px; } */ .timeline:after { left: 38px; } .timeline .timeline-row { padding-left: 0; margin-bottom: 16px; } .timeline .timeline-row .timeline-time { position: relative; right: auto; top: 0; text-align: left; margin: 0 0 6px 56px; } .timeline .timeline-row .timeline-time strong { display: inline-block; margin-right: 10px; } .timeline .timeline-row .timeline-icon { top: 52px; left: -2px; margin-left: 0; } .timeline .timeline-row .timeline-content { margin-left: 56px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: relative; } .timeline .timeline-row .timeline-content:after { right: auto !important; left: -20px !important; top: 32px; } .timeline .timeline-row:nth-child(odd) { padding-right: 0; } .timeline .timeline-row:nth-child(odd) .timeline-time { position: relative; right: auto; left: auto; top: 0; text-align: left; margin: 0 0 6px 56px; } .timeline .timeline-row:nth-child(odd) .timeline-content { margin-right: 0; margin-left: 55px; } .timeline.animated .timeline-row:nth-child(odd) .timeline-content { left: 20px; } .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content { left: 0; } } @media (max-width: 767px) { .timeline .timeline-row .timeline-icon { top: 14px; } } /* * 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%; padding: 20px 0 0 0; } .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(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(AjaxLoader.gif) no-repeat center center } /* Slider */ /* Gallery */ .royalSlider { display: none; } /* hide slider, bring back with js */ /*--- Setup Slider ---*/ #full-width-slider { width: 100%; background: #EBEBEB; color: #000; } .fullWidth { max-width: 100%; margin: 0 auto; } .heroSlider .rsOverflow, .royalSlider.heroSlider { width: 100%; height: 100% !important; } .rsContent { width: 100%; } /*--- Arrows / Bullets ---*/ .rsMinW .rsBullets { display: none; } .rsMinW .rsArrowLeft { top: 50%; left: 5%; right: 0; } .rsMinW .rsArrowRight { top: 50%; right: 5%; } .rsMinW .rsArrow { height: 45px; width: 30px; margin-top: -22px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsMinW .rsArrowIcn { width: 30px; height: 45px; position: absolute; cursor: pointer; background-image: url('_images/common/bkgd-royalslider-arrows.svg'); background-repeat: no-repeat; background-color: transparent; opacity: 0.5; -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; transition: opacity 0.3s ease-out; } .rsMinW .rsArrowIcn:hover { opacity: 0.8; } .rsMinW .rsArrowLeft .rsArrowIcn { background-position: 5px 5px; } .rsMinW .rsArrowRight .rsArrowIcn { background-position: -35px 5px; } .rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3; } .jcarousel-wrapper { margin: 20px auto; position: relative; border: 10px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; } .jcarousel-wrapper .photo-credits { position: absolute; right: 15px; bottom: 0; font-size: 13px; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); opacity: .66; } .jcarousel-wrapper .photo-credits a { color: #fff; } /** Carousel **/ .jcarousel { position: relative; overflow: hidden; width: 600px; height: 400px; } .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { float: left; } /** Carousel Controls **/ .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 200px; width: 30px; height: 30px; text-align: center; background: #4E443C; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; } .jcarousel-control-prev { left: -50px; } .jcarousel-control-next { right: -50px; } .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; } /** Carousel Pagination **/ .jcarousel-pagination { position: absolute; bottom: 0; left: 15px; } .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4E443C; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75; } .jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); }