/* Theme Name: MODULUS 1.1 Description: Modular WordPress Framework Version: v.1.1 Author: R. Stephenson Price Author URI: www.stratasfear.com UPDATES / NOTES: ------------------------------- VERSION v.1.0 - v.1.1 ------------------------------- 2022-01-29 - Auto-generating Post Type + Post Type Menus + Post Type Options Pages 2022-01-14 - Merge latest child theme developments to core; updated to 2022 standards: includes accordion system, menu refinement, mobile responsiveness fixes, ARIA tagging, accessibility inclusions, ACF-based page builder system and numerous pre-built custom page templates ------------------------------- VERSION v.0.7 - v.0.9 ------------------------------- 2017-08-20 - Debugging full system cross-browser; incorporated sponsorship system and all previous carousel instances. 2017-08-13 - Debugged drawer components and controllers. 2017-07-26 - Standardized menu + carousel syntax to reduce code weight. 2017-07-25 - Merged all previous deployments and modules of the Modulus Framework into this system; consolidated menu + carousel designs. 2017-07-20 - Ported menu indicators, actionStrip, featured listpost mechanisms. 2017-07-18 - Upgraded mobileMenu to multi-drawer system; fixed cross-device/browser issues. 2017-07-13 - Updated from v.0.7 to 0.85; Addition of fullscreenSearch / mobileMenu v.2.0 / autoScroller update / microMenu replaces mainMenu / animations. ------------------------------- VERSION v.0.5 - v.0.7 ------------------------------- 2015-12-14 - mobileMenu tweaks. 2015-08-19 - Mobilization fixes + Chrome fixed positioning/transform rendering glitch fix + added "people/person" styles and news bulletins system to core framework. 2015-08-11 - transferred cancellation/privacy policy dropdown defaults to core framework. 2015-08-05 - fixed iOS mobile Menu side-swipe bug. 2015-07-06 - sidebarCarousel/mobileMenu glitch fixes. */ /* --------------------------------------- */ /* CORE /* --------------------------------------- */ /* ---------- System Reset ---------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding: 0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } /* ---------- Basic Infrastructure ---------- */ *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; } html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ } html, body { margin:0; height:100%; width:100%; } body { background:#000000; margin:0; padding:0; color:#121212; letter-spacing:0.2pt; font:1em "Roboto","Lucida Grande","Lucida Sans Unicode","Nimbus Sans L","Arial",sans-serif; position:relative; z-index:0; } article, aside, header, main, menu, menuitem, nav, section { display:block; } .clearfloat:before, .clearfloat:after { content:""; display:table; } .clearfloat:after { clear:both; } /* For IE 6/7 only */ .clearfloat { *zoom:1; } /* ---------- Headlines ---------- */ h1, h2, h3, h4, h5, h6, h7 { color:#232323; margin:0 0 20px; font-weight:bold; } h1 { font-size:2.0em; line-height:1.1em; } h2 { font-size:1.7em; } h3 { font-size:1.4em; } h4 { font-size:1.2em; } h5 { font-size:1.0em; } h6 { font-size:1.0em; line-height:1.4em; width:100%; height:40px; margin:0; display:block; padding:10px 20px; background:#0B8BAA; color:#fff; text-align:center; text-transform:none; } /* ---------- Text + Layout Styles ---------- */ p { margin:0 0 20px; } em { font-style:italic; } code { font:1.0em 'Courier New', Courier, Fixed; background:#efefef; padding:20px; } acronym, abbr, span.caps { } pre { border:1px solid #000; overflow-x:auto; background:#222; color:#fff; } blockquote { float:right; width:50%; padding:40px; margin:40px 0 40px 40px; border:0; font-size:1.4em; line-height:1.3em; font-weight:bold; font-style:italic; color:#0B8BAA; position:relative; } blockquote.pullquote { text-indent:-7px; } blockquote.pullquote:before { content: open-quote; font-size:8em; position:absolute; top:100px; left:-100px; opacity:0.4; } blockquote.pullquote:after { content: close-quote; font-size:8em; position:absolute; bottom:-50px; right:-50px; opacity:0.4; } .credit { width:100%; font-size:0.8em; font-style:italic; text-align:right; } hr { margin:20px 0; width:100%; overflow:hidden; border:1px solid #EFEFEF; } .alignleft { display:block; float:left; margin:0 40px 40px 0; } .alignright { display:block; float:right; margin:0 0 40px 40px; } .aligncenter { display:block; float:none; margin:40px auto 40px; text-align:center; } .hidden { display:none !important; visibility:hidden !important; } /* ---------- Links + Anchors ---------- */ a:link, a:visited { padding:0; margin:0; text-decoration:none; color:#125272; font-weight:bold; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } a:active, a:hover { color:#0B8BAA; } a img { transition:ease; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0); } a:hover img { opacity:1.0; } /* ---------- Site Overlays ---------- */ #siteBacking { background:#121212; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:0; } .overlay { display:none; width:100%; height:100%; top:0; bottom:0; left:0; right:0; Z-index:20; position:absolute; background-color:rgba(0,0,0,0.8)} .hidden { display:none; visibility:hidden; } /* ---------- Site Containers ---------- */ .siteMain { width:100%; } #siteContainer { width:100%; display:block; position:relative; z-index:1; overflow:hidden; background:#121212; -webkit-overflow-scrolling:touch; top:0; left:0; right:0; bottom:0; -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; box-shadow:0 0 3px #000; transition-property:left, right, top, bottom; -webkit-transition:1s cubic-bezier(.07,.95,0,1); -moz-transition:1s cubic-bezier(.07,.95,0,1); -o-transition:1s cubic-bezier(.07,.95,0,1); transition:1s cubic-bezier(.07,.95,0,1); } .container { max-width:1250px; margin:0 auto; width:100%; position:relative; z-index:1; padding:0 40px; } .containerWide { max-width:1650px; margin:0 auto; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); position:relative; z-index:1; padding:0 40px; } .containerWide .container { padding:0 !important; width:-webkit-calc(100% - 320px); width:-moz-calc(100% - 320px); width:calc(100% - 320px); } .containerWide .containerLeft { float:left; } .containerWide .containerRight { float:right; } .billboardContainer { max-width:1570px; margin:0 auto; position:relative; z-index:1; background:#E6E7E8; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } /* ---------- Shadow Elements ---------- */ .vignette { -webkit-box-shadow:0 0 350px rgba(0, 0, 0, 1) inset; -moz-box-shadow:0 0 350px rgba(0, 0, 0, 1) inset; box-shadow:0 0 350px rgba(0, 0, 0, 1) inset; } .shadow { -webkit-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); } .shadowBox { -moz-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); -webkit-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); transition:all 0.2s cubic-bezier(0.33, 0.66, 0.66, 1) 0s; transform:translateZ(0px); top:0; position:relative; } .shadowBox:hover { -webkit-box-shadow:-2px 0px 2px 0px rgba(0, 0, 0, 0.16), 2px 0px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 2px 0px rgba(0, 0, 0, 0.23); -moz-box-shadow:-2px 0px 2px 0px rgba(0, 0, 0, 0.16), 2px 0px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 2px 0px rgba(0, 0, 0, 0.23); box-shadow:-2px 0px 2px 0px rgba(0, 0, 0, 0.16), 2px 0px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 2px 0px rgba(0, 0, 0, 0.23); transform:translate3d(0px, -3px, 0px); } /* ---------- AutoScroller ---------- */ .hotLink { position:relative; top:-123px; } #topLink { display:none; position:fixed; background:#121212; text-align:center; bottom:20px; right:20px; opacity:0.6; width:40px; height:40px; border-radius:4px; border:none; outline:none; z-index:8; -webkit-transition:background 1s cubic-bezier(.07,.95,0,1); -moz-transition:background 1s cubic-bezier(.07,.95,0,1); -o-transition:background 1s cubic-bezier(.07,.95,0,1); transition:background 1s cubic-bezier(.07,.95,0,1); } #topLink .icon { font-size:2em; transform:rotate(-90deg); height:40px; width:40px; line-height:7px; text-align:center; padding:13px; color:#efefef; } #topLink:hover { opacity:1.0 !important; background:#0B8BAA; } #topLink:hover .icon { color:#ffffff; } /* ---------- iframe + Embeds ---------- */ iframe { max-width:100%; } .content iframe, .content embed, .content video { width:100%; height:auto; min-height:400px; margin:0 0 40px; } .content iframe.audio { min-height:0; } .share { float:left; margin:0 10px 10px 0; } .share iframe, .share embed, .share video { min-height:0; } .responsive-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; width:100%; margin:0 auto; } .responsive-container video, .responsive-container iframe, .responsive-container object, .responsive-container embed { position:absolute; top:0; left:0; width:100%; height:100%; min-height:0; } /* ---------- Animations ---------- */ .wow { animation-iteration-count:1; -moz-animation-iteration-count:1; -webkit-animation-iteration-count:1; } /* --------------------------------------- */ /* SPECIAL CHARACTER FONT(S) /* --------------------------------------- */ @font-face{ font-family: 'Glyphicons'; src: url('fonts/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#webfont') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; } .glyphicon-search:before { content:"\e003"; } .glyphicon-award:before { content:"\e102"; } .glyphicon-home:before { content:"\e021"; } .glyphicon-event:before { content:"\e062"; } .glyphicon-network:before { content:"\e135"; } .glyphicon-remove:before { content:"\e088"; } .glyphicon-cog:before { content:"\e019"; } .glyphicon-list-alt:before { content:"\e032"; } @font-face { font-family: 'Fontello'; src: url('fonts/fontello.eot?86947450'); src: url('fonts/fontello.eot?86947450#iefix') format('embedded-opentype'), url('fonts/fontello.woff2?86947450') format('woff2'), url('fonts/fontello.woff?86947450') format('woff'), url('fonts/fontello.ttf?86947450') format('truetype'), url('fonts/fontello.svg?86947450#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-glass:before { content: '\e800'; } /* '' */ .icon-music:before { content: '\e801'; } /* '' */ .icon-search:before { content: '\e802'; } /* '' */ .icon-mail:before { content: '\e803'; } /* '' */ .icon-mail-alt:before { content: '\e804'; } /* '' */ .icon-mail-squared:before { content: '\e805'; } /* '' */ .icon-heart:before { content: '\e806'; } /* '' */ .icon-heart-empty:before { content: '\e807'; } /* '' */ .icon-star:before { content: '\e808'; } /* '' */ .icon-star-empty:before { content: '\e809'; } /* '' */ .icon-star-half:before { content: '\e80a'; } /* '' */ .icon-star-half-alt:before { content: '\e80b'; } /* '' */ .icon-user:before { content: '\e80c'; } /* '' */ .icon-user-plus:before { content: '\e80d'; } /* '' */ .icon-user-times:before { content: '\e80e'; } /* '' */ .icon-users:before { content: '\e80f'; } /* '' */ .icon-male:before { content: '\e810'; } /* '' */ .icon-female:before { content: '\e811'; } /* '' */ .icon-child:before { content: '\e812'; } /* '' */ .icon-user-secret:before { content: '\e813'; } /* '' */ .icon-video:before { content: '\e814'; } /* '' */ .icon-videocam:before { content: '\e815'; } /* '' */ .icon-picture:before { content: '\e816'; } /* '' */ .icon-camera:before { content: '\e817'; } /* '' */ .icon-camera-alt:before { content: '\e818'; } /* '' */ .icon-th-large:before { content: '\e819'; } /* '' */ .icon-th:before { content: '\e81a'; } /* '' */ .icon-th-list:before { content: '\e81b'; } /* '' */ .icon-ok:before { content: '\e81c'; } /* '' */ .icon-ok-circled:before { content: '\e81d'; } /* '' */ .icon-ok-circled2:before { content: '\e81e'; } /* '' */ .icon-ok-squared:before { content: '\e81f'; } /* '' */ .icon-cancel:before { content: '\e820'; } /* '' */ .icon-cancel-circled:before { content: '\e821'; } /* '' */ .icon-cancel-circled2:before { content: '\e822'; } /* '' */ .icon-plus:before { content: '\e823'; } /* '' */ .icon-plus-circled:before { content: '\e824'; } /* '' */ .icon-plus-squared:before { content: '\e825'; } /* '' */ .icon-plus-squared-alt:before { content: '\e826'; } /* '' */ .icon-minus:before { content: '\e827'; } /* '' */ .icon-minus-circled:before { content: '\e828'; } /* '' */ .icon-minus-squared:before { content: '\e829'; } /* '' */ .icon-minus-squared-alt:before { content: '\e82a'; } /* '' */ .icon-help:before { content: '\e82b'; } /* '' */ .icon-help-circled:before { content: '\e82c'; } /* '' */ .icon-info-circled:before { content: '\e82d'; } /* '' */ .icon-info:before { content: '\e82e'; } /* '' */ .icon-home:before { content: '\e82f'; } /* '' */ .icon-link:before { content: '\e830'; } /* '' */ .icon-unlink:before { content: '\e831'; } /* '' */ .icon-link-ext:before { content: '\e832'; } /* '' */ .icon-link-ext-alt:before { content: '\e833'; } /* '' */ .icon-attach:before { content: '\e834'; } /* '' */ .icon-lock:before { content: '\e835'; } /* '' */ .icon-lock-open:before { content: '\e836'; } /* '' */ .icon-lock-open-alt:before { content: '\e837'; } /* '' */ .icon-pin:before { content: '\e838'; } /* '' */ .icon-eye:before { content: '\e839'; } /* '' */ .icon-eye-off:before { content: '\e83a'; } /* '' */ .icon-tag:before { content: '\e83b'; } /* '' */ .icon-tags:before { content: '\e83c'; } /* '' */ .icon-bookmark:before { content: '\e83d'; } /* '' */ .icon-bookmark-empty:before { content: '\e83e'; } /* '' */ .icon-flag:before { content: '\e83f'; } /* '' */ .icon-flag-empty:before { content: '\e840'; } /* '' */ .icon-flag-checkered:before { content: '\e841'; } /* '' */ .icon-thumbs-up:before { content: '\e842'; } /* '' */ .icon-thumbs-down:before { content: '\e843'; } /* '' */ .icon-thumbs-up-alt:before { content: '\e844'; } /* '' */ .icon-thumbs-down-alt:before { content: '\e845'; } /* '' */ .icon-download:before { content: '\e846'; } /* '' */ .icon-upload:before { content: '\e847'; } /* '' */ .icon-download-cloud:before { content: '\e848'; } /* '' */ .icon-upload-cloud:before { content: '\e849'; } /* '' */ .icon-reply:before { content: '\e84a'; } /* '' */ .icon-reply-all:before { content: '\e84b'; } /* '' */ .icon-forward:before { content: '\e84c'; } /* '' */ .icon-quote-left:before { content: '\e84d'; } /* '' */ .icon-quote-right:before { content: '\e84e'; } /* '' */ .icon-code:before { content: '\e84f'; } /* '' */ .icon-export:before { content: '\e850'; } /* '' */ .icon-export-alt:before { content: '\e851'; } /* '' */ .icon-share:before { content: '\e852'; } /* '' */ .icon-share-squared:before { content: '\e853'; } /* '' */ .icon-pencil:before { content: '\e854'; } /* '' */ .icon-pencil-squared:before { content: '\e855'; } /* '' */ .icon-edit:before { content: '\e856'; } /* '' */ .icon-print:before { content: '\e857'; } /* '' */ .icon-retweet:before { content: '\e858'; } /* '' */ .icon-keyboard:before { content: '\e859'; } /* '' */ .icon-gamepad:before { content: '\e85a'; } /* '' */ .icon-comment:before { content: '\e85b'; } /* '' */ .icon-chat:before { content: '\e85c'; } /* '' */ .icon-comment-empty:before { content: '\e85d'; } /* '' */ .icon-chat-empty:before { content: '\e85e'; } /* '' */ .icon-bell:before { content: '\e85f'; } /* '' */ .icon-bell-alt:before { content: '\e860'; } /* '' */ .icon-bell-off:before { content: '\e861'; } /* '' */ .icon-bell-off-empty:before { content: '\e862'; } /* '' */ .icon-attention-alt:before { content: '\e863'; } /* '' */ .icon-attention:before { content: '\e864'; } /* '' */ .icon-attention-circled:before { content: '\e865'; } /* '' */ .icon-location:before { content: '\e866'; } /* '' */ .icon-direction:before { content: '\e867'; } /* '' */ .icon-compass:before { content: '\e868'; } /* '' */ .icon-trash:before { content: '\e869'; } /* '' */ .icon-trash-empty:before { content: '\e86a'; } /* '' */ .icon-doc:before { content: '\e86b'; } /* '' */ .icon-docs:before { content: '\e86c'; } /* '' */ .icon-doc-text:before { content: '\e86d'; } /* '' */ .icon-doc-inv:before { content: '\e86e'; } /* '' */ .icon-doc-text-inv:before { content: '\e86f'; } /* '' */ .icon-file-pdf:before { content: '\e870'; } /* '' */ .icon-file-word:before { content: '\e871'; } /* '' */ .icon-file-excel:before { content: '\e872'; } /* '' */ .icon-file-powerpoint:before { content: '\e873'; } /* '' */ .icon-file-image:before { content: '\e874'; } /* '' */ .icon-file-archive:before { content: '\e875'; } /* '' */ .icon-file-audio:before { content: '\e876'; } /* '' */ .icon-file-video:before { content: '\e877'; } /* '' */ .icon-file-code:before { content: '\e878'; } /* '' */ .icon-folder:before { content: '\e879'; } /* '' */ .icon-folder-open:before { content: '\e87a'; } /* '' */ .icon-folder-empty:before { content: '\e87b'; } /* '' */ .icon-folder-open-empty:before { content: '\e87c'; } /* '' */ .icon-box:before { content: '\e87d'; } /* '' */ .icon-rss:before { content: '\e87e'; } /* '' */ .icon-rss-squared:before { content: '\e87f'; } /* '' */ .icon-phone:before { content: '\e880'; } /* '' */ .icon-phone-squared:before { content: '\e881'; } /* '' */ .icon-fax:before { content: '\e882'; } /* '' */ .icon-menu:before { content: '\e883'; } /* '' */ .icon-cog:before { content: '\e884'; } /* '' */ .icon-cog-alt:before { content: '\e885'; } /* '' */ .icon-wrench:before { content: '\e886'; } /* '' */ .icon-sliders:before { content: '\e887'; } /* '' */ .icon-basket:before { content: '\e888'; } /* '' */ .icon-cart-plus:before { content: '\e889'; } /* '' */ .icon-cart-arrow-down:before { content: '\e88a'; } /* '' */ .icon-calendar:before { content: '\e88b'; } /* '' */ .icon-calendar-empty:before { content: '\e88c'; } /* '' */ .icon-login:before { content: '\e88d'; } /* '' */ .icon-logout:before { content: '\e88e'; } /* '' */ .icon-mic:before { content: '\e88f'; } /* '' */ .icon-mute:before { content: '\e890'; } /* '' */ .icon-volume-off:before { content: '\e891'; } /* '' */ .icon-volume-down:before { content: '\e892'; } /* '' */ .icon-volume-up:before { content: '\e893'; } /* '' */ .icon-headphones:before { content: '\e894'; } /* '' */ .icon-clock:before { content: '\e895'; } /* '' */ .icon-lightbulb:before { content: '\e896'; } /* '' */ .icon-block:before { content: '\e897'; } /* '' */ .icon-resize-full:before { content: '\e898'; } /* '' */ .icon-resize-full-alt:before { content: '\e899'; } /* '' */ .icon-resize-small:before { content: '\e89a'; } /* '' */ .icon-resize-vertical:before { content: '\e89b'; } /* '' */ .icon-resize-horizontal:before { content: '\e89c'; } /* '' */ .icon-move:before { content: '\e89d'; } /* '' */ .icon-zoom-in:before { content: '\e89e'; } /* '' */ .icon-zoom-out:before { content: '\e89f'; } /* '' */ .icon-down-circled2:before { content: '\e8a0'; } /* '' */ .icon-up-circled2:before { content: '\e8a1'; } /* '' */ .icon-left-circled2:before { content: '\e8a2'; } /* '' */ .icon-right-circled2:before { content: '\e8a3'; } /* '' */ .icon-down-dir:before { content: '\e8a4'; } /* '' */ .icon-up-dir:before { content: '\e8a5'; } /* '' */ .icon-left-dir:before { content: '\e8a6'; } /* '' */ .icon-right-dir:before { content: '\e8a7'; } /* '' */ .icon-down-open:before { content: '\e8a8'; } /* '' */ .icon-left-open:before { content: '\e8a9'; } /* '' */ .icon-right-open:before { content: '\e8aa'; } /* '' */ .icon-up-open:before { content: '\e8ab'; } /* '' */ .icon-angle-left:before { content: '\e8ac'; } /* '' */ .icon-angle-right:before { content: '\e8ad'; } /* '' */ .icon-angle-up:before { content: '\e8ae'; } /* '' */ .icon-angle-down:before { content: '\e8af'; } /* '' */ .icon-angle-circled-left:before { content: '\e8b0'; } /* '' */ .icon-angle-circled-right:before { content: '\e8b1'; } /* '' */ .icon-angle-circled-up:before { content: '\e8b2'; } /* '' */ .icon-angle-circled-down:before { content: '\e8b3'; } /* '' */ .icon-angle-double-left:before { content: '\e8b4'; } /* '' */ .icon-angle-double-right:before { content: '\e8b5'; } /* '' */ .icon-angle-double-up:before { content: '\e8b6'; } /* '' */ .icon-angle-double-down:before { content: '\e8b7'; } /* '' */ .icon-down:before { content: '\e8b8'; } /* '' */ .icon-left:before { content: '\e8b9'; } /* '' */ .icon-right:before { content: '\e8ba'; } /* '' */ .icon-up:before { content: '\e8bb'; } /* '' */ .icon-down-big:before { content: '\e8bc'; } /* '' */ .icon-left-big:before { content: '\e8bd'; } /* '' */ .icon-right-big:before { content: '\e8be'; } /* '' */ .icon-up-big:before { content: '\e8bf'; } /* '' */ .icon-right-hand:before { content: '\e8c0'; } /* '' */ .icon-left-hand:before { content: '\e8c1'; } /* '' */ .icon-up-hand:before { content: '\e8c2'; } /* '' */ .icon-down-hand:before { content: '\e8c3'; } /* '' */ .icon-left-circled:before { content: '\e8c4'; } /* '' */ .icon-right-circled:before { content: '\e8c5'; } /* '' */ .icon-up-circled:before { content: '\e8c6'; } /* '' */ .icon-down-circled:before { content: '\e8c7'; } /* '' */ .icon-cw:before { content: '\e8c8'; } /* '' */ .icon-ccw:before { content: '\e8c9'; } /* '' */ .icon-arrows-cw:before { content: '\e8ca'; } /* '' */ .icon-level-up:before { content: '\e8cb'; } /* '' */ .icon-level-down:before { content: '\e8cc'; } /* '' */ .icon-shuffle:before { content: '\e8cd'; } /* '' */ .icon-exchange:before { content: '\e8ce'; } /* '' */ .icon-history:before { content: '\e8cf'; } /* '' */ .icon-expand:before { content: '\e8d0'; } /* '' */ .icon-collapse:before { content: '\e8d1'; } /* '' */ .icon-expand-right:before { content: '\e8d2'; } /* '' */ .icon-collapse-left:before { content: '\e8d3'; } /* '' */ .icon-play:before { content: '\e8d4'; } /* '' */ .icon-play-circled:before { content: '\e8d5'; } /* '' */ .icon-play-circled2:before { content: '\e8d6'; } /* '' */ .icon-stop:before { content: '\e8d7'; } /* '' */ .icon-pause:before { content: '\e8d8'; } /* '' */ .icon-to-end:before { content: '\e8d9'; } /* '' */ .icon-to-end-alt:before { content: '\e8da'; } /* '' */ .icon-to-start:before { content: '\e8db'; } /* '' */ .icon-to-start-alt:before { content: '\e8dc'; } /* '' */ .icon-fast-fw:before { content: '\e8dd'; } /* '' */ .icon-fast-bw:before { content: '\e8de'; } /* '' */ .icon-eject:before { content: '\e8df'; } /* '' */ .icon-target:before { content: '\e8e0'; } /* '' */ .icon-signal:before { content: '\e8e1'; } /* '' */ .icon-wifi:before { content: '\e8e2'; } /* '' */ .icon-award:before { content: '\e8e3'; } /* '' */ .icon-desktop:before { content: '\e8e4'; } /* '' */ .icon-laptop:before { content: '\e8e5'; } /* '' */ .icon-tablet:before { content: '\e8e6'; } /* '' */ .icon-mobile:before { content: '\e8e7'; } /* '' */ .icon-inbox:before { content: '\e8e8'; } /* '' */ .icon-globe:before { content: '\e8e9'; } /* '' */ .icon-sun:before { content: '\e8ea'; } /* '' */ .icon-cloud:before { content: '\e8eb'; } /* '' */ .icon-flash:before { content: '\e8ec'; } /* '' */ .icon-moon:before { content: '\e8ed'; } /* '' */ .icon-umbrella:before { content: '\e8ee'; } /* '' */ .icon-flight:before { content: '\e8ef'; } /* '' */ .icon-fighter-jet:before { content: '\e8f0'; } /* '' */ .icon-paper-plane:before { content: '\e8f1'; } /* '' */ .icon-paper-plane-empty:before { content: '\e8f2'; } /* '' */ .icon-space-shuttle:before { content: '\e8f3'; } /* '' */ .icon-leaf:before { content: '\e8f4'; } /* '' */ .icon-font:before { content: '\e8f5'; } /* '' */ .icon-bold:before { content: '\e8f6'; } /* '' */ .icon-medium:before { content: '\e8f7'; } /* '' */ .icon-italic:before { content: '\e8f8'; } /* '' */ .icon-header:before { content: '\e8f9'; } /* '' */ .icon-paragraph:before { content: '\e8fa'; } /* '' */ .icon-text-height:before { content: '\e8fb'; } /* '' */ .icon-text-width:before { content: '\e8fc'; } /* '' */ .icon-align-left:before { content: '\e8fd'; } /* '' */ .icon-align-center:before { content: '\e8fe'; } /* '' */ .icon-align-right:before { content: '\e8ff'; } /* '' */ .icon-align-justify:before { content: '\e900'; } /* '' */ .icon-list:before { content: '\e901'; } /* '' */ .icon-indent-left:before { content: '\e902'; } /* '' */ .icon-indent-right:before { content: '\e903'; } /* '' */ .icon-list-bullet:before { content: '\e904'; } /* '' */ .icon-list-numbered:before { content: '\e905'; } /* '' */ .icon-strike:before { content: '\e906'; } /* '' */ .icon-underline:before { content: '\e907'; } /* '' */ .icon-superscript:before { content: '\e908'; } /* '' */ .icon-subscript:before { content: '\e909'; } /* '' */ .icon-table:before { content: '\e90a'; } /* '' */ .icon-columns:before { content: '\e90b'; } /* '' */ .icon-crop:before { content: '\e90c'; } /* '' */ .icon-scissors:before { content: '\e90d'; } /* '' */ .icon-paste:before { content: '\e90e'; } /* '' */ .icon-briefcase:before { content: '\e90f'; } /* '' */ .icon-suitcase:before { content: '\e910'; } /* '' */ .icon-ellipsis:before { content: '\e911'; } /* '' */ .icon-ellipsis-vert:before { content: '\e912'; } /* '' */ .icon-off:before { content: '\e913'; } /* '' */ .icon-road:before { content: '\e914'; } /* '' */ .icon-list-alt:before { content: '\e915'; } /* '' */ .icon-qrcode:before { content: '\e916'; } /* '' */ .icon-barcode:before { content: '\e917'; } /* '' */ .icon-book:before { content: '\e918'; } /* '' */ .icon-ajust:before { content: '\e919'; } /* '' */ .icon-tint:before { content: '\e91a'; } /* '' */ .icon-toggle-off:before { content: '\e91b'; } /* '' */ .icon-toggle-on:before { content: '\e91c'; } /* '' */ .icon-check:before { content: '\e91d'; } /* '' */ .icon-check-empty:before { content: '\e91e'; } /* '' */ .icon-circle:before { content: '\e91f'; } /* '' */ .icon-circle-empty:before { content: '\e920'; } /* '' */ .icon-circle-thin:before { content: '\e921'; } /* '' */ .icon-circle-notch:before { content: '\e922'; } /* '' */ .icon-dot-circled:before { content: '\e923'; } /* '' */ .icon-asterisk:before { content: '\e924'; } /* '' */ .icon-gift:before { content: '\e925'; } /* '' */ .icon-fire:before { content: '\e926'; } /* '' */ .icon-magnet:before { content: '\e927'; } /* '' */ .icon-chart-bar:before { content: '\e928'; } /* '' */ .icon-chart-area:before { content: '\e929'; } /* '' */ .icon-chart-pie:before { content: '\e92a'; } /* '' */ .icon-chart-line:before { content: '\e92b'; } /* '' */ .icon-ticket:before { content: '\e92c'; } /* '' */ .icon-credit-card:before { content: '\e92d'; } /* '' */ .icon-floppy:before { content: '\e92e'; } /* '' */ .icon-megaphone:before { content: '\e92f'; } /* '' */ .icon-hdd:before { content: '\e930'; } /* '' */ .icon-key:before { content: '\e931'; } /* '' */ .icon-fork:before { content: '\e932'; } /* '' */ .icon-rocket:before { content: '\e933'; } /* '' */ .icon-bug:before { content: '\e934'; } /* '' */ .icon-certificate:before { content: '\e935'; } /* '' */ .icon-tasks:before { content: '\e936'; } /* '' */ .icon-filter:before { content: '\e937'; } /* '' */ .icon-beaker:before { content: '\e938'; } /* '' */ .icon-magic:before { content: '\e939'; } /* '' */ .icon-cab:before { content: '\e93a'; } /* '' */ .icon-taxi:before { content: '\e93b'; } /* '' */ .icon-truck:before { content: '\e93c'; } /* '' */ .icon-bus:before { content: '\e93d'; } /* '' */ .icon-bicycle:before { content: '\e93e'; } /* '' */ .icon-motorcycle:before { content: '\e93f'; } /* '' */ .icon-train:before { content: '\e940'; } /* '' */ .icon-subway:before { content: '\e941'; } /* '' */ .icon-ship:before { content: '\e942'; } /* '' */ .icon-money:before { content: '\e943'; } /* '' */ .icon-euro:before { content: '\e944'; } /* '' */ .icon-pound:before { content: '\e945'; } /* '' */ .icon-dollar:before { content: '\e946'; } /* '' */ .icon-rupee:before { content: '\e947'; } /* '' */ .icon-yen:before { content: '\e948'; } /* '' */ .icon-rouble:before { content: '\e949'; } /* '' */ .icon-shekel:before { content: '\e94a'; } /* '' */ .icon-try:before { content: '\e94b'; } /* '' */ .icon-won:before { content: '\e94c'; } /* '' */ .icon-bitcoin:before { content: '\e94d'; } /* '' */ .icon-viacoin:before { content: '\e94e'; } /* '' */ .icon-sort:before { content: '\e94f'; } /* '' */ .icon-sort-down:before { content: '\e950'; } /* '' */ .icon-sort-up:before { content: '\e951'; } /* '' */ .icon-sort-alt-up:before { content: '\e952'; } /* '' */ .icon-sort-alt-down:before { content: '\e953'; } /* '' */ .icon-sort-name-up:before { content: '\e954'; } /* '' */ .icon-sort-name-down:before { content: '\e955'; } /* '' */ .icon-sort-number-up:before { content: '\e956'; } /* '' */ .icon-sort-number-down:before { content: '\e957'; } /* '' */ .icon-hammer:before { content: '\e958'; } /* '' */ .icon-gauge:before { content: '\e959'; } /* '' */ .icon-sitemap:before { content: '\e95a'; } /* '' */ .icon-spinner:before { content: '\e95b'; } /* '' */ .icon-coffee:before { content: '\e95c'; } /* '' */ .icon-food:before { content: '\e95d'; } /* '' */ .icon-beer:before { content: '\e95e'; } /* '' */ .icon-user-md:before { content: '\e95f'; } /* '' */ .icon-stethoscope:before { content: '\e960'; } /* '' */ .icon-heartbeat:before { content: '\e961'; } /* '' */ .icon-ambulance:before { content: '\e962'; } /* '' */ .icon-medkit:before { content: '\e963'; } /* '' */ .icon-h-sigh:before { content: '\e964'; } /* '' */ .icon-bed:before { content: '\e965'; } /* '' */ .icon-hospital:before { content: '\e966'; } /* '' */ .icon-building:before { content: '\e967'; } /* '' */ .icon-building-filled:before { content: '\e968'; } /* '' */ .icon-bank:before { content: '\e969'; } /* '' */ .icon-smile:before { content: '\e96a'; } /* '' */ .icon-frown:before { content: '\e96b'; } /* '' */ .icon-meh:before { content: '\e96c'; } /* '' */ .icon-anchor:before { content: '\e96d'; } /* '' */ .icon-terminal:before { content: '\e96e'; } /* '' */ .icon-eraser:before { content: '\e96f'; } /* '' */ .icon-puzzle:before { content: '\e970'; } /* '' */ .icon-shield:before { content: '\e971'; } /* '' */ .icon-extinguisher:before { content: '\e972'; } /* '' */ .icon-bullseye:before { content: '\e973'; } /* '' */ .icon-wheelchair:before { content: '\e974'; } /* '' */ .icon-language:before { content: '\e975'; } /* '' */ .icon-graduation-cap:before { content: '\e976'; } /* '' */ .icon-paw:before { content: '\e977'; } /* '' */ .icon-spoon:before { content: '\e978'; } /* '' */ .icon-cube:before { content: '\e979'; } /* '' */ .icon-cubes:before { content: '\e97a'; } /* '' */ .icon-recycle:before { content: '\e97b'; } /* '' */ .icon-tree:before { content: '\e97c'; } /* '' */ .icon-database:before { content: '\e97d'; } /* '' */ .icon-server:before { content: '\e97e'; } /* '' */ .icon-lifebuoy:before { content: '\e97f'; } /* '' */ .icon-rebel:before { content: '\e980'; } /* '' */ .icon-empire:before { content: '\e981'; } /* '' */ .icon-bomb:before { content: '\e982'; } /* '' */ .icon-soccer-ball:before { content: '\e983'; } /* '' */ .icon-tty:before { content: '\e984'; } /* '' */ .icon-binoculars:before { content: '\e985'; } /* '' */ .icon-plug:before { content: '\e986'; } /* '' */ .icon-newspaper:before { content: '\e987'; } /* '' */ .icon-calc:before { content: '\e988'; } /* '' */ .icon-copyright:before { content: '\e989'; } /* '' */ .icon-at:before { content: '\e98a'; } /* '' */ .icon-eyedropper:before { content: '\e98b'; } /* '' */ .icon-brush:before { content: '\e98c'; } /* '' */ .icon-birthday:before { content: '\e98d'; } /* '' */ .icon-diamond:before { content: '\e98e'; } /* '' */ .icon-street-view:before { content: '\e98f'; } /* '' */ .icon-venus:before { content: '\e990'; } /* '' */ .icon-mars:before { content: '\e991'; } /* '' */ .icon-mercury:before { content: '\e992'; } /* '' */ .icon-transgender:before { content: '\e993'; } /* '' */ .icon-transgender-alt:before { content: '\e994'; } /* '' */ .icon-venus-double:before { content: '\e995'; } /* '' */ .icon-mars-double:before { content: '\e996'; } /* '' */ .icon-venus-mars:before { content: '\e997'; } /* '' */ .icon-mars-stroke:before { content: '\e998'; } /* '' */ .icon-mars-stroke-v:before { content: '\e999'; } /* '' */ .icon-mars-stroke-h:before { content: '\e99a'; } /* '' */ .icon-neuter:before { content: '\e99b'; } /* '' */ .icon-cc-visa:before { content: '\e99c'; } /* '' */ .icon-cc-mastercard:before { content: '\e99d'; } /* '' */ .icon-cc-discover:before { content: '\e99e'; } /* '' */ .icon-cc-amex:before { content: '\e99f'; } /* '' */ .icon-cc-paypal:before { content: '\e9a0'; } /* '' */ .icon-cc-stripe:before { content: '\e9a1'; } /* '' */ .icon-adn:before { content: '\e9a2'; } /* '' */ .icon-android:before { content: '\e9a3'; } /* '' */ .icon-angellist:before { content: '\e9a4'; } /* '' */ .icon-apple:before { content: '\e9a5'; } /* '' */ .icon-behance:before { content: '\e9a6'; } /* '' */ .icon-behance-squared:before { content: '\e9a7'; } /* '' */ .icon-bitbucket:before { content: '\e9a8'; } /* '' */ .icon-bitbucket-squared:before { content: '\e9a9'; } /* '' */ .icon-buysellads:before { content: '\e9aa'; } /* '' */ .icon-cc:before { content: '\e9ab'; } /* '' */ .icon-codeopen:before { content: '\e9ac'; } /* '' */ .icon-connectdevelop:before { content: '\e9ad'; } /* '' */ .icon-css3:before { content: '\e9ae'; } /* '' */ .icon-dashcube:before { content: '\e9af'; } /* '' */ .icon-delicious:before { content: '\e9b0'; } /* '' */ .icon-deviantart:before { content: '\e9b1'; } /* '' */ .icon-digg:before { content: '\e9b2'; } /* '' */ .icon-dribbble:before { content: '\e9b3'; } /* '' */ .icon-dropbox:before { content: '\e9b4'; } /* '' */ .icon-drupal:before { content: '\e9b5'; } /* '' */ .icon-facebook:before { content: '\e9b6'; } /* '' */ .icon-facebook-squared:before { content: '\e9b7'; } /* '' */ .icon-facebook-official:before { content: '\e9b8'; } /* '' */ .icon-flickr:before { content: '\e9b9'; } /* '' */ .icon-forumbee:before { content: '\e9ba'; } /* '' */ .icon-foursquare:before { content: '\e9bb'; } /* '' */ .icon-git-squared:before { content: '\e9bc'; } /* '' */ .icon-git:before { content: '\e9bd'; } /* '' */ .icon-github:before { content: '\e9be'; } /* '' */ .icon-github-squared:before { content: '\e9bf'; } /* '' */ .icon-github-circled:before { content: '\e9c0'; } /* '' */ .icon-gittip:before { content: '\e9c1'; } /* '' */ .icon-google:before { content: '\e9c2'; } /* '' */ .icon-gplus:before { content: '\e9c3'; } /* '' */ .icon-gplus-squared:before { content: '\e9c4'; } /* '' */ .icon-gwallet:before { content: '\e9c5'; } /* '' */ .icon-hacker-news:before { content: '\e9c6'; } /* '' */ .icon-html5:before { content: '\e9c7'; } /* '' */ .icon-instagram:before { content: '\e9c8'; } /* '' */ .icon-ioxhost:before { content: '\e9c9'; } /* '' */ .icon-joomla:before { content: '\e9ca'; } /* '' */ .icon-jsfiddle:before { content: '\e9cb'; } /* '' */ .icon-lastfm:before { content: '\e9cc'; } /* '' */ .icon-lastfm-squared:before { content: '\e9cd'; } /* '' */ .icon-leanpub:before { content: '\e9ce'; } /* '' */ .icon-linkedin-squared:before { content: '\e9cf'; } /* '' */ .icon-linux:before { content: '\e9d0'; } /* '' */ .icon-linkedin:before { content: '\e9d1'; } /* '' */ .icon-maxcdn:before { content: '\e9d2'; } /* '' */ .icon-meanpath:before { content: '\e9d3'; } /* '' */ .icon-openid:before { content: '\e9d4'; } /* '' */ .icon-pagelines:before { content: '\e9d5'; } /* '' */ .icon-paypal:before { content: '\e9d6'; } /* '' */ .icon-pied-piper-squared:before { content: '\e9d7'; } /* '' */ .icon-pied-piper-alt:before { content: '\e9d8'; } /* '' */ .icon-pinterest:before { content: '\e9d9'; } /* '' */ .icon-pinterest-circled:before { content: '\e9da'; } /* '' */ .icon-pinterest-squared:before { content: '\e9db'; } /* '' */ .icon-qq:before { content: '\e9dc'; } /* '' */ .icon-reddit:before { content: '\e9dd'; } /* '' */ .icon-reddit-squared:before { content: '\e9de'; } /* '' */ .icon-renren:before { content: '\e9df'; } /* '' */ .icon-sellsy:before { content: '\e9e0'; } /* '' */ .icon-shirtsinbulk:before { content: '\e9e1'; } /* '' */ .icon-simplybuilt:before { content: '\e9e2'; } /* '' */ .icon-skyatlas:before { content: '\e9e3'; } /* '' */ .icon-skype:before { content: '\e9e4'; } /* '' */ .icon-slack:before { content: '\e9e5'; } /* '' */ .icon-slideshare:before { content: '\e9e6'; } /* '' */ .icon-soundcloud:before { content: '\e9e7'; } /* '' */ .icon-spotify:before { content: '\e9e8'; } /* '' */ .icon-stackexchange:before { content: '\e9e9'; } /* '' */ .icon-stackoverflow:before { content: '\e9ea'; } /* '' */ .icon-steam:before { content: '\e9eb'; } /* '' */ .icon-steam-squared:before { content: '\e9ec'; } /* '' */ .icon-stumbleupon:before { content: '\e9ed'; } /* '' */ .icon-stumbleupon-circled:before { content: '\e9ee'; } /* '' */ .icon-tencent-weibo:before { content: '\e9ef'; } /* '' */ .icon-trello:before { content: '\e9f0'; } /* '' */ .icon-tumblr:before { content: '\e9f1'; } /* '' */ .icon-tumblr-squared:before { content: '\e9f2'; } /* '' */ .icon-twitch:before { content: '\e9f3'; } /* '' */ .icon-twitter-squared:before { content: '\e9f4'; } /* '' */ .icon-twitter:before { content: '\e9f5'; } /* '' */ .icon-vimeo-squared:before { content: '\e9f6'; } /* '' */ .icon-vine:before { content: '\e9f7'; } /* '' */ .icon-vkontakte:before { content: '\e9f8'; } /* '' */ .icon-whatsapp:before { content: '\e9f9'; } /* '' */ .icon-wechat:before { content: '\e9fa'; } /* '' */ .icon-weibo:before { content: '\e9fb'; } /* '' */ .icon-windows:before { content: '\e9fc'; } /* '' */ .icon-wordpress:before { content: '\e9fd'; } /* '' */ .icon-xing:before { content: '\e9fe'; } /* '' */ .icon-xing-squared:before { content: '\e9ff'; } /* '' */ .icon-yelp:before { content: '\ea00'; } /* '' */ .icon-youtube:before { content: '\ea01'; } /* '' */ .icon-yahoo:before { content: '\ea02'; } /* '' */ .icon-youtube-squared:before { content: '\ea03'; } /* '' */ .icon-youtube-play:before { content: '\ea04'; } /* '' */ .icon-blank:before { content: '\ea05'; } /* '' */ .icon-lemon:before { content: '\ea06'; } /* '' */ /* --------------------------------------- */ /* ICONS /* --------------------------------------- */ .icon-white { background-image: url("images/glyphicons-halflings-white.png"); display:inline-block; height:15px; width:14px; margin:0 5px 0 0; } .icon-glass { background-position:0 2px; } .icon-music { background-position:-24px 2px; } .icon-search { background-position:-48px 2px; } .icon-envelope { background-position: -72px 2px; } .icon-heart { background-position: -96px 2px; } .icon-star { background-position: -120px 2px; } .icon-star-empty { background-position: -144px 2px; } .icon-user { background-position: -168px 2px; } .icon-film { background-position: -192px 2px; } .icon-th-large { background-position: -216px 2px; } .icon-th { background-position: -240px 2px; } .icon-th-list { background-position: -264px 2px; } .icon-ok { background-position: -288px 2px; } .icon-remove { background-position: -312px 2px; } .icon-zoom-in { background-position: -336px 2px; } .icon-zoom-out { background-position: -360px 2px; } .icon-off { background-position: -384px 2px; } .icon-signal { background-position: -408px 2px; } .icon-cog { background-position: -432px 2px; } .icon-trash { background-position: -456px 2px; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -46px; } .icon-tags { background-position: -25px -46px; } .icon-book { background-position: -48px -46px; } .icon-bookmark { background-position: -72px -46px; } .icon-print { background-position: -96px -46px; } .icon-camera { background-position: -120px -46px; } .icon-font { background-position: -144px -46px; } .icon-bold { background-position: -167px -46px; } .icon-italic { background-position: -192px -46px; } .icon-text-height { background-position: -216px -46px; } .icon-text-width { background-position: -240px -46px; } .icon-align-left { background-position: -264px -46px; } .icon-align-center { background-position: -288px -46px; } .icon-align-right { background-position: -312px -46px; } .icon-align-justify { background-position: -336px -46px; } .icon-list { background-position: -360px -46px; } .icon-indent-left { background-position: -384px -46px; } .icon-indent-right { background-position: -408px -46px; } .icon-facetime-video{ background-position: -432px -46px; } .icon-picture { background-position: -456px -46px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; } .icon-folder-open { background-position: -408px -120px; } .icon-resize-vert { background-position: -432px -119px; } .icon-resize-horiz { background-position: -456px -118px; } .icon-hdd { background-position: 0 -142px; } .icon-bullhorn { background-position: -24px -142px; } .icon-bell { background-position: -48px -142px; } .icon-certificate { background-position: -72px -142px; } .icon-thumbs-up { background-position: -96px -142px; } .icon-thumbs-down { background-position: -120px -142px; } .icon-hand-right { background-position: -144px -142px; } .icon-hand-left { background-position: -168px -142px; } .icon-hand-up { background-position: -192px -142px; } .icon-hand-down { background-position: -216px -142px; } .icon-circle-arrow-right { background-position: -240px -142px; } .icon-circle-arrow-left { background-position: -264px -142px; } .icon-circle-arrow-up { background-position: -288px -142px; } .icon-circle-arrow-down { background-position: -312px -142px; } .icon-globe { background-position: -336px -142px; } .icon-wrench { background-position: -360px -142px; } .icon-tasks { background-position: -384px -142px; } .icon-filter { background-position: -408px -142px; } .icon-briefcase { background-position: -432px -142px; } .icon-fullscreen { background-position: -456px -142px; } /* --------------------------------------- */ /* FORMS /* --------------------------------------- */ .well { background:#f5f5f5; border:1px solid #dadada; border-radius:5px; padding:20px; margin:0 0 20px; width:100% !important; } .well .small { font-size:0.8em; } .btn, button { padding:15px 30px; margin:0 0 40px; cursor:pointer; border-radius:3px; border:none; background:#125272; color:#ffffff !important; font-weight:bold; text-align:center; font-size:1em; font-family:inherit; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .btn:hover, button:hover { background:#0B8BAA; color:#ffffff !important; } .btn a, button a { color:#ffffff !important; } button.alignleft { margin:0 40px 40px 0; float:left; } button.alignright { margin:0 0 40px 40px; float:right; } button.aligncenter { margin:0 auto 40px; float:none; } input { padding:10px; } input[type="text"] { width:70%; } input[type="radio"], input[type="checkbox"] { margin:2px 10px 0 0 !important; line-height:normal; cursor:pointer; display:table-cell; vertical-align:top; width:initial !important; } textarea { width:100%; padding:10px; } select { padding:5px 10px; width:70%; } form .btn { margin:20px auto; padding:10px 20px; } form .formRow { width:100% !important; border-bottom:3px solid #ccc; clear:both; float:left; padding:0; } form .formLabel, form .formCell { width:50%; padding:10px 20px; float:left; } form .formCell input { width:100%; float:left; } form .checkboxLabel { display:inline-block; text-align:left; width:80%; width:calc(100% - 30px); width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); margin:0 0 5px; } .infoBox { height:70px; cursor:pointer; overflow:hidden; } .infoBoxOpen { height:auto; } /* FORMS: VALIDATION */ .field-validation-error { color:#ff0000; } .field-validation-valid { display:none; } .input-validation-error { border:1px solid #ff0000; background-color:#ffeeee; } .validation-summary-errors { font-weight:bold; color:#ff0000; } .validation-summary-valid { display:none; } /* --------------------------------------- */ /* ADS /* --------------------------------------- */ #siteWrap { background:none; border-top:5px solid #121212; border-bottom:5px solid #ffffff; width:100%; height:1200px; position:absolute; } #billboardTop { background:#EC008C; width:100%; height:90px; } #billboardBottom { background:#EC008C; width:100%; height:90px; } .sidebarBox, .outerbarBox { background:#EC008C; width:100%; max-width:300px; height:250px; margin:0 auto 20px; } .skyscraper { background:#EC008C; width:100%; max-width:300px; height:600px; margin:0 auto 20px; } .feedStrip { background:#EC008C; width:100%; height:auto; min-height:100px; float:left; margin:0; } .paidBox { display:none; } /* --------------------------------------- */ /* DRAWER COMPONENTS /* --------------------------------------- */ #drawerRight { background:#121212; width:280px; height:100%; overflow:hidden !important; position:fixed; top:0; z-index:1; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #drawerRightInner { overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling:touch; height:100%; width:297px; padding:40px 0 0; position:relative; } #drawerRight h7 { position:absolute; top:0; right:0; max-width:280px; z-index:3; } #drawerTop { background:#121212; width:100%; height:280px; overflow:hidden !important; position:fixed; z-index:1; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #drawerTopInner { overflow:hidden; width:100%; height:100%; } #drawerBottom { background:#121212; width:100%; height:280px; overflow:hidden !important; position:fixed; z-index:1; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #drawerBottomInner { overflow:hidden; width:100%; height:100%; } .drawer .headlineInline { padding:10px; text-align:center; } .drawer .headlineInline h1 { line-height:1.6em; font-size:0.8em; } .drawer .jcarousel-pagination { display:none; } /* --------------------------------------- */ /* DRAWER TRIGGERS /* --------------------------------------- */ /* Containers */ .menuTriggers, .drawerTriggers { display:block; float:left; } /* Triggers */ .btn-drawerTop, .btn-drawerBottom, .btn-drawerLeft, .btn-drawerRight, .btn-close { padding:20px; height:60px; width:65px; position:relative; display:block; float:left; cursor:pointer; color:#ffffff; font-size:2em; border-right:1px solid #002D3D; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); overflow:hidden; } .btn-drawerRight, .btn-drawerTop, .btn-drawerBottom { float:left; border:none; border-left:1px solid #002D3D; text-align:center; } .btn-drawerLeft span { display:block; position:absolute; height:4px; width:25px; background:#ffffff; border-radius:1px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); } .btn-drawerBottom span, .btn-drawerTop span, .btn-drawerRight span, .btn-close span { display:block; opacity:0; position:absolute; height:4px; width:25px; background:#ffffff; border-radius:1px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); } /* Menu Button Animation */ .btn-drawerLeft span:nth-child(1) { top:35%; } .btn-drawerLeft span:nth-child(2), .btn-drawerLeft span:nth-child(3) { top:50%; } .btn-drawerLeft span:nth-child(4) { top:65%; } .btn-drawerLeft.open span:nth-child(1) { top:50%; width:0%; left:50%; } .btn-drawerLeft.open span:nth-child(2) { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .btn-drawerLeft.open span:nth-child(3) { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .btn-drawerLeft.open span:nth-child(4) { top:50%; width:0%; left:50%; } /* Drawer Button Animations */ .btn-drawerTop span:nth-child(1), .btn-drawerTop span:nth-child(2), .btn-drawerBottom span:nth-child(1), .btn-drawerBottom span:nth-child(2), .btn-drawerRight span:nth-child(1), .btn-drawerRight span:nth-child(2), .btn-close span:nth-child(1), .btn-close span:nth-child(2) { top:50%; } .btn-drawerTop .glyph-up { display:block; opacity:1; -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); line-height:0; position:relative; top:50%; left:-4px; -webkit-transform:perspective(1px) translateY(-50%) scale(1.7) rotate(-90deg); -moz-transform:perspective(1px) translateY(-50%) scale(1.7) rotate(-90deg); transform:perspective(1px) translateY(-50%) scale(1.7) rotate(-90deg); } .btn-drawerTop.open .glyph-up { opacity:0; transform:scale(0) rotate(-90deg); } .btn-drawerBottom .glyph-down { display:block; opacity:1; -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); line-height:0; position:relative; top:50%; right:-4px; -webkit-transform:perspective(1px) translateY(-50%) scale(1.7) rotate(90deg); -moz-transform:perspective(1px) translateY(-50%) scale(1.7) rotate(90deg); transform:perspective(1px) translateY(-50%) scale(1.7) rotate(90deg); } .btn-drawerBottom.open .glyph-down { opacity:0; transform:scale(0) rotate(90deg); } .btn-drawerRight .glyph-right { display:block; opacity:1; -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); line-height:0; position:relative; top:46%; -webkit-transform:perspective(1px) translateY(-50%) scale(1.7); -moz-transform:perspective(1px) translateY(-50%) scale(1.7); transform:perspective(1px) translateY(-50%) scale(1.7); } .btn-drawerRight.open .glyph-right { opacity:0; transform:scale(0); } /* Search Button */ .btn-search { padding:20px; height:60px; width:65px; text-align:center; cursor:pointer; border-right:1px solid #002D3D; color:#fff !important; font-size:1.5em; position:relative; -webkit-transform: rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); } .btn-search span { display:block; opacity:0; position:absolute; height:4px; width:25px; background:#ffffff; border-radius:1px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); } .btn-search span:nth-child(1), .btn-search span:nth-child(2) { top:50%; } .btn-search .glyphicon-search { display:block; opacity:1; -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); transform:scale(1); } .btn-search.open .glyphicon-search { opacity:0; transform:scale(0); } /* Drawer + Search Button Animations */ .btn-search.open span, .btn-drawerTop.open span, .btn-drawerBottom.open span, .btn-drawerRight.open span, .btn-close.open span { display:block; opacity:1; } .btn-search.open span:nth-child(1), .btn-drawerTop.open span:nth-child(1), .btn-drawerBottom.open span:nth-child(1), .btn-drawerRight.open span:nth-child(1), .btn-close.open span:nth-child(1) { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .btn-search.open span:nth-child(2), .btn-drawerTop.open span:nth-child(2), .btn-drawerBottom.open span:nth-child(2), .btn-drawerRight.open span:nth-child(2), .btn-close.open span:nth-child(2) { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } /* All Button Hover Conditions */ .btn-drawerTop:hover, .btn-drawerBottom:hover, .btn-drawerLeft:hover, .btn-drawerRight:hover, .btn-search:hover, btn-close:hover { background:#0B8BAA; } /* --------------------------------------- */ /* MENU CORE ELEMENTS /* --------------------------------------- */ /* Shared Menu Components */ .menuColumn { width:50%; float:left; } .menuColumnPad { padding:0 40px 0 0; } .socialBox { margin:0; padding:0; height:100%; float:left; overflow:hidden; } .socialBox a { float:left; margin:0; padding:0; } .socialBox .btn-social { margin:0; padding:0; border-right:1px solid #232323; height:40px; width:40px; } .socialBox .btn-social:hover { background:#0B8BAA; } /* Menu + Drawer Status Conditions */ .showDrawerLeft { display:block; position:relative; left:0; } .hideDrawerLeft { display:block; position:relative; left:-280px !important; } .showDrawerTop { display:block; position:relative; top:0; } .hideDrawerTop { display:block; position:relative; top:-280px !important; } .showDrawerRight { display:block; position:relative; right:0; } .hideDrawerRight { display:block; position:relative; right:-280px !important; } .showDrawerBottom { display:block; position:relative; bottom:0; } .hideDrawerBottom { display:block; position:relative; bottom:-280px !important; } .showMenuFull { opacity:1; z-index:8 !important; } .hideMenuFull { opacity:0; z-index:0 !important; visibility:hidden !important; } .visibleDrawerLeft { left:280px !important; right:-280px !important; overflow-x:hidden; } .visibleDrawerTop { top:280px !important; bottom:-280px; overflow-x:hidden; left:0; right:0; } .visibleDrawerRight { right:280px !important; overflow-x:hidden; left:-280px !important; } .visibleDrawerBottom { overflow-x:hidden; left:0; right:0; padding:0 0 280px 0 !important; } .invisibleDrawer { } .invisibleDrawerRight { right:0 !important; left:inherit !important; } .visibleOverlay { display:block !important; z-index:9 !important; } .indicator { background:#121212; float:right; display:inline-block; border:0; cursor:pointer; width:40px !important; } .open {} .closed {} .slideClosed { max-height:0; overflow:hidden; } .slideOpen { max-height:350px; } /* --------------------------------------- */ /* MASTER MENU /* --------------------------------------- */ #masterMenu { background:#003852; background-size:auto 50%; display:none; width:100%; height:60px; position:fixed; z-index:11; top:0; left:0; right:0; font-size:11pt !important; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0,); -webkit-overflow-scrolling:auto; /* stop scrolling immediately */ -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #masterMenu .btn-menu { float:left; } #masterMenu .btn-search { float:left; } #masterMenuInner { float:left; width:auto; } #masterMenu .menu { margin:0; padding:0; list-style:none; height:40px; line-height:40px; } #masterMenu .menu li { list-style:none; display:block; float:left; height:40px; line-height:40px; margin:0; padding:0; position:relative; } #masterMenu .menu li a { display:block; height:40px; line-height:20px; padding:10px 20px; border-right:1px solid #232323; color:#ffffff; } #masterMenu .menu li a:hover, #masterMenu .menu .current-menu-item > a, #masterMenu .menu .current-menu-parent > a, #masterMenu .menu .current-menu-ancestor > a, #masterMenu .menu .current_page_item > a, #masterMenu .menu .current_page_parent > a, #masterMenu .menu .current_page_ancestor > a { background:#0B8BAA; color:#fff; } #masterMenu li .sub-menu { width:300px; display:none; position:absolute; top:40px; -webkit-box-shadow:0 5px 5px #121212; -moz-box-shadow:0 5px 5px #121212; box-shadow:0 5px 5px #121212; z-index:9; } #masterMenu li.brand .sub-menu { width:146px; } #masterMenu li:hover > .sub-menu { display:block; } #masterMenu li .sub-menu li { display:inline-flex; width:100%; } #masterMenu li .sub-menu li a { height:40px; line-height:40px !important; display:inline-flex; background:#232323; width:100%; margin:0; padding:0 20px !important; border-top:1px solid #121212; } #masterMenu .menu li > a:hover, #masterMenu .menu .topMenu a:hover, #masterMenu .menu li:hover > span, #masterMenu .menu li:hover > a, #masterMenu .menu .sub-menu li:hover > span, #masterMenu .menu .sub-menu li:hover > a { color: #ffffff; background: #0B8BAA; } #masterMenu-content { font-size:0.75em; line-height:22px !important; text-transform:uppercase; } #masterMenu-content .submenu li a { border-top:1px solid #121212; } #masterMenu-content .brand {} #masterMenu-content .brand > .submenu { width:auto !important; } #masterMenu-content .brand .submenu li a { text-align:center !important; } #masterMenu-content .brand img { max-height:20px; max-width:100px; height:auto; width:auto; display:block; } #masterMenu-content .brand .brand img { margin:10px auto; height:19px; display:block; } #masterMenu .searchBox { background:#343434; float:right; width:250px !important; padding:0; height:39px !important; overflow:hidden; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #masterMenu .searchBar { width:80% !important; width:100% !important; background:#343434; height:40px; line-height:18px; border-radius:0; display:inline-block; border:none; padding:13px 40px 13px 20px; color:#efefef; position:relative; } #masterMenu .searchBox .btn-search { position:absolute; padding:10px !important; margin:0 !important; color:#ffffff; background:none; border:0; cursor:pointer; display:inline-block; font-size:14px !important; width:40px; height:40px; right:0; top:0; border-radius:0; } #masterMenu .searchBox input:focus { background:#efefef; color:#232323; } /* --------------------------------------- */ /* MAIN MENU /* --------------------------------------- */ #mainMenu { background:none; height:auto; width:100%; border:none; z-index:9; font-size:0.8em; margin:0; } #mainMenu #mainMenuInner { display:block; float:left; height:100px; } #mainMenu .menu-main-menu-container { display:inline-block; } .mainMenu-content { display:block; float:left; } .mainMenu-content .submenu { top:40px; z-index:9; } #mainMenu .menu { margin:0; padding:0; list-style:none; height:auto; display:inline-block; } #mainMenu .menu li { list-style:none; display:block; float:left; height:auto; line-height:inherit; margin:0; padding:0; position:relative; } #mainMenu .menu li a { display:block; height:100px; line-height:80px; padding:10px 20px; color:#83C3D3; border:none; cursor:pointer; position:relative; z-index:3; -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); } #mainMenu .menu li a img { max-height:100%; max-width:100%; float:left; position:relative; top:2px; } #mainMenu .menu li a:hover { background:none; color:#00AEEF; } #mainMenu li .sub-menu { width:300px; display:none; position:absolute; top:100px; border-top:none; border-radius:0; z-index:2; -webkit-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); box-shadow:-1px 0px 2px 0px rgba(0, 0, 0, 0.12), 1px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.24); } #mainMenu li .sub-menu li { display:inline-flex; width:100%; height:40px; line-height:40px; } #mainMenu li .sub-menu li a { height:40px !important; line-height:40px !important; display:inline-flex; background:#0B8BAA; width:100%; margin:0; padding:0 20px !important; border:0; color:#83C3D3; } #mainMenu li .sub-menu li:last-child { border-radius:0 0 5px 5px; } #mainMenu li:hover > .sub-menu { display:block; } #mainMenu li .sub-menu .sub-menu { position:absolute; top:0; left:300px; border:none; z-index:1; } #mainMenu li .sub-menu .sub-menu li a { background:#0074A2; border:none; } #mainMenu li .sub-menu .sub-menu li:first-child { border-radius:0 5px 0 0; } #mainMenu li .sub-menu .sub-menu li:last-child { border-radius:0 0 5px 0; } #mainMenu .menu li > a:hover, #mainMenu .menu li:hover > a, #mainMenu .menu .topMenu > a:hover, #mainMenu .menu li:hover > span, #mainMenu .menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu li:hover > a { color:#ffffff; background:#0B8BAA; } #mainMenu .menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu li:hover > a { color:#ffffff; background:#0074A2; } #mainMenu .menu .sub-menu .sub-menu li:hover > span, #mainMenu .menu .sub-menu .sub-menu li:hover > a { color:#ffffff; background:#003852; } #mainMenu .menu .current-menu-item > a, #mainMenu .menu .current-menu-parent > a, #mainMenu .menu .current-menu-ancestor > a, #mainMenu .menu .current_page_item > a, #mainMenu .menu .current_page_parent > a, #mainMenu .menu .current_page_ancestor > a { color:#ffffff; background:#0B8BAA; } #mainMenu .socialBox { display:block; float:right; } #mainMenu .socialBox .btn-social { height:100px; border:none; } #mainMenu .socialBox .btn-social img { position:relative; top:50%; -webkit-transform:perspective(1px) translateY(-50%); -moz-transform:perspective(1px) translateY(-50%); transform:perspective(1px) translateY(-50%); } #mainMenu .socialBox .btn-social:hover { background:#0B8BAA; } #mainMenu .menuMarkerHousing { height:10px; width:30px; position:absolute; bottom:15%; left:-100%; right:-100%; overflow:hidden; margin:auto; text-align:center; transition:all 1s cubic-bezier(.07,.95,0,1); z-index:4; } #mainMenu .menuMarkerHousing .menuMarker { height:15px; width:15px; background:#fff; transform:rotate(45deg); position:relative; left:4px; top:4px; opacity:1; } #mainMenu li:hover > .menuMarkerHousing { display:block; } #mainMenu .menuMarkerHousing .icon { color:#83C3D3; font-size:2em; transform:rotate(90deg); height:10px; line-height:0; cursor:pointer; } #mainMenu .menu li:hover > .menuMarkerHousing { bottom:10%; } #mainMenu .menu li:hover > .menuMarkerHousing .icon { color:#ffffff; } #mainMenu .btn-search { float:left; border:none; margin:0 auto; width:45px; height:100px; padding:40px 10px; } #mainMenu .btn-drawerLeft { margin:0 auto; border:none; height:100px; padding:40px 10px; width:45px; } #mainMenu .btn-drawerRight, #mainMenu .btn-drawerTop, #mainMenu .btn-drawerBottom { height:100px; width:45px; border:none; padding:10px; } #mainMenu .btn-drawerLeft span:nth-child(1) { top:41%; } #mainMenu .btn-drawerLeft span:nth-child(4) { top:59%; } /* --------------------------------------- */ /* INLINE MENU (SECTION / PAGE MENU) /* --------------------------------------- */ #masterMenu .btn-inlineMenu { display:none; height:60px; width:65px; padding:20px; cursor:pointer; float:left; border-right:1px solid #002D3D; position:relative; -webkit-transform: rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .btn-inlineMenu span { display:block; opacity:0; position:absolute; height:4px; width:25px; background:#ffffff; border-radius:1px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .btn-inlineMenu span:nth-child(1), .btn-inlineMenu span:nth-child(2) { top:50%; } .btn-inlineMenu .icon { font-size:3em; line-height:10px; padding:0 0 10px 0; text-align:center; width:100%; color:#ffffff; display:block; opacity:1; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); transform:scale(1) rotate(90deg); } .btn-inlineMenu.open .icon { opacity:0; transform:scale(0) rotate(90deg); } .btn-inlineMenu:hover { background:#0B8BAA; } .btn-inlineMenu.open span { display:block; opacity:1; } .btn-inlineMenu.open span:nth-child(1) { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .btn-inlineMenu.open span:nth-child(2) { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } .inlineMenu { background:#0B8BAA; width:100%; display:block; z-index:9; margin:0; padding:0; height:40px; overflow:hidden; transition:1s all cubic-bezier(.07,.95,0,1); font-size:0.8em; } .inlineMenu .microMenu-content { width:auto; margin:auto; } .inlineMenu ul { text-align:center; width:100%; } .inlineMenu ul li { width:auto; list-style:none; display:inline-block; } .inlineMenu ul li a { float:left; text-align:center; padding:12px 20px; background:none; width:auto; border:0; color:#ffffff; } .inlineMenu ul li:hover a { background:#232323; } .inlineMenuShow { height:420px !important; } .inlineMenuHide { height:0; } /* --------------------------------------- */ /* VERT MENU /* --------------------------------------- */ .vertMain, .vertCalc { width:calc(100% - 280px) !important; width:-moz-calc(100% - 280px) !important; width:-webkit-calc(100% - 280px) !important; float:right; left:280px !important; } .vertMain .inlineMenu { max-width:100%; width:calc(100% - 280px); width:-moz-calc(100% - 280px); width:-webkit-calc(100% - 280px); } .vertCalc .btn-drawerLeft { display:none; } #vertMenu { background:#121212; font-size:13px !important; width:280px; height:100%; overflow:hidden !important; position:fixed; top:0; z-index:1; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #vertMenu #vertMenuInner { overflow-y:scroll; overflow-x:hidden; height:100%; width:297px; } #vertMenu .menuHeader { padding:40px 20px 20px; } #vertMenu .siteLogo { margin:0 0 20px; width:100%; height:auto; max-width:280px; text-align:center; } #vertMenuOverlay { position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%; overflow:hidden; display:none; z-index:-1; } #vertMenu .searchBox { float:none; width:100% !important; padding:10px; background:#343434; border-bottom:1px solid #343434; } #vertMenu .searchBox .glyphicon { margin:0 !important; } #vertMenu .socialBox { width:100%; margin:0; padding:0; height:auto; max-width:280px; text-align:center; float:none; } #vertMenu .socialBox a { float:none; } #vertMenu .btn-social { margin:0; border:1px solid #232323; border-radius:30px; padding:1px; } #vertMenu .btn-social:hover { background:#0B8BAA; } #vertMenu .menu { margin:0; padding:0 0 100px !important; list-style:none; height:auto; line-height:40px; width:100%; max-width:280px; overflow-x:hidden; display:inline-block; } #vertMenu .glyphicon { margin:0 10px 0 0; } #vertMenu h1 { text-align:left; padding:10px 20px; margin:0; width:100%; border-top:1px solid #454545; border-bottom:1px solid #000; background:#000; font-size:10pt; color:#afafaf; } #vertMenu li { width:100%; height:auto; line-height:41px; } #vertMenu .menu > li a { display:block; height:40px; line-height:20px; padding:10px 20px; border-right:none; color:#ffffff; } #vertMenu li a { display:block; padding:0 20px; text-align:left; border:0; border-top:1px solid #454545; border-bottom:1px solid #000000; } #vertMenu li a:hover { background:#0B8BAA; color:#fff; } #vertMenu li .sub-menu { width:auto; display:none; position:static; background:#121212; } #vertMenu li .sub-menu li { display:inherit; width:100%; } #vertMenu li .sub-menu li a { height:40px; line-height:20px !important; border:none; border-top:1px solid #121212; display:inherit; background:#232323; width:100%; margin:0; padding:10px 20px !important; text-indent:10px; } #vertMenu li .sub-menu li a::before { content:"\203A\00a0\00a0\00a0"; } #vertMenu li .sub-menu li a.indicator::before { content:""; } #vertMenu li .sub-menu .sub-menu li a { background:#343434; text-indent:20px; } #vertMenu li .sub-menu .sub-menu li a::before { content:"\2014\00a0\00a0\00a0"; } #vertMenu .menu li a:hover { background:#0B8BAA !important; color:#fff; } #vertMenu li .sub-menu li a.indicator { float:right; width:40px !important; height:40px !important; } #vertMenu .menu .current-menu-item > a, #vertMenu .menu .current-menu-parent > a, #vertMenu .menu .current-menu-ancestor > a, #vertMenu .menu .current_page_item > a, #vertMenu .menu .current_page_parent > a, #vertMenu .menu .current_page_ancestor > a { border-left:5px solid #0B8BAA; color:#fff; text-indent:-5px; } #vertMenu .menu .indicator { background:none !important; font-size:2em; padding:0; text-align:center; position:relative; text-indent:0 !important; } #vertMenu .menu .indicator .icon { -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); width:40px; height:40px; color:#ffffff; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; line-height:32px; font-size:1.2em; } #vertMenu .menu .indicator .icon::before { content:"\203A"; } #vertMenu .menu li .up .icon { transform:rotate(0deg); } #vertMenu .menu li .down .icon { transform:rotate(90deg); } #vertMenu .menu li .indicator:hover { background-color:#0B8BAA !important; } #vertMenu #brandMenu-content.menu { margin:0 0 100px !important; display:inline-block; height:auto; } #vertMenu #brandMenu-content .brand { } #vertMenu #brandMenu-content .brand > .submenu { width:auto !important; } #vertMenu #brandMenu-content .brand .submenu li { display:inherit; } #vertMenu #brandMenu-content .brand .submenu li a { } #vertMenu #brandMenu-content .brand img { height:auto; max-height:20px; width:initial; margin:0 auto; display:inline-block; } #vertMenu #brandMenu-content .brand .brand a { text-align:center !important; } #vertMenu #brandMenu-content .brand .brand img { } /* --------------------------------------- */ /* MOBILE MENU /* --------------------------------------- */ #mobileMenu { font-size:13px !important; width:280px; height:100%; overflow:hidden !important; position:fixed; top:0; z-index:1; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001e32+1,125272+25,0b8baa+44,001e32+100 */ background:#001E32; background: rgb(0,30,50); /* Old browsers */ background: -moz-linear-gradient(13deg, rgba(0,30,50,1) 1%, rgba(18,82,114,1) 25%, rgba(11,139,170,1) 44%, rgba(0,30,50,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(13deg, rgba(0,30,50,1) 1%,rgba(18,82,114,1) 25%,rgba(11,139,170,1) 44%,rgba(0,30,50,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(13deg, rgba(0,30,50,1) 1%,rgba(18,82,114,1) 25%,rgba(11,139,170,1) 44%,rgba(0,30,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e32', endColorstr='#001e32',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #mobileMenu #mobileMenuInner { overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling:touch; height:100%; width:297px; } #mobileMenu .menuHeader { padding:60px 20px 20px; max-width:280px; text-align:center; } #mobileMenu .siteLogo { margin:0 0 20px; width:100%; height:auto; max-width:280px; text-align:center; } #mobileMenuOverlay { position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%; overflow:hidden; display:none; z-index:-1; } #mobileMenu .searchBox { float:none; width:100% !important; padding:10px; background:#343434; border-bottom:1px solid #343434; } #mobileMenu .searchBox .glyphicon { margin:0 !important; } #mobileMenu .socialBox { width:100%; margin:0; padding:0; height:auto; max-width:280px; text-align:center; float:none; } #mobileMenu .socialBox a { float:none; } #mobileMenu .btn-social { margin:0; border:0; border-radius:3px; background:none; padding:0; width:35px; height:35px; } #mobileMenu .btn-social:hover { background:#0B8BAA; } #mobileMenu .menu { margin:0; padding:0 0 100px !important; list-style:none; height:auto; line-height:40px; width:100%; max-width:280px; overflow-x:hidden; display:inline-block; } #mobileMenu .glyphicon { margin:0 10px 0 0; } #mobileMenu h1 { text-align:left; padding:10px 20px; margin:0 auto 10px; width:100%; border:0; background:none; font-size:14pt; color:#ffffff; border-bottom:4px double #001E32; } #mobileMenu li { width:100%; height:auto; } #mobileMenu .menu > li a { display:block; height:auto; min-height:40px; line-height:20px; padding:10px 20px; border-right:none; color:#ffffff; } #mobileMenu li a { display:block; padding:0 20px; text-align:left; border:0; } #mobileMenu li a:hover { background:#0B8BAA; color:#fff; } #mobileMenu li .sub-menu { width:auto; display:none; position:static; background:#10384A; box-shadow:inset 0 0 10px rgba(0,10,20,0.5); } #mobileMenu li .sub-menu li { display:inherit; width:100%; } #mobileMenu li .sub-menu li a { height:auto; line-height:20px !important; border:none; display:inherit; background:none; width:100%; margin:0; padding:10px 20px !important; text-indent:10px; } #mobileMenu li .sub-menu li a::before { content:"\203A\00a0\00a0\00a0"; } #mobileMenu li .sub-menu li a.indicator::before, #mobileMenu li .sub-menu .sub-menu li a.indicator::before { content:""; } #mobileMenu li .sub-menu .sub-menu { background:#001E32; } #mobileMenu li .sub-menu .sub-menu li a { background:none; text-indent:20px; } #mobileMenu li .sub-menu .sub-menu li a::before { content:"\2014\00a0\00a0\00a0"; } #mobileMenu .menu li a:hover { background:#0B8BAA !important; color:#fff; } #mobileMenu li .sub-menu li a.indicator { float:right; width:40px !important; height:40px !important; } #mobileMenu .menu .current-menu-item > a, #mobileMenu .menu .current-menu-parent > a, #mobileMenu .menu .current-menu-ancestor > a, #mobileMenu .menu .current_page_item > a, #mobileMenu .menu .current_page_parent > a, #mobileMenu .menu .current_page_ancestor > a { border-left:5px solid #0B8BAA; color:#fff; text-indent:-5px; } #mobileMenu .sub-menu .current-menu-item > a, #mobileMenu .sub-menu .current-menu-parent > a, #mobileMenu .sub-menu .current-menu-ancestor > a, #mobileMenu .sub-menu .current_page_item > a, #mobileMenu .sub-menu .current_page_parent > a, #mobileMenu .sub-menu .current_page_ancestor > a { text-indent:5px; } #mobileMenu .sub-menu .sub-menu .current-menu-item > a, #mobileMenu .sub-menu .sub-menu .current-menu-parent > a, #mobileMenu .sub-menu .sub-menu .current-menu-ancestor > a, #mobileMenu .sub-menu .sub-menu .current_page_item > a, #mobileMenu .sub-menu .sub-menu .current_page_parent > a, #mobileMenu .sub-menu .sub-menu .current_page_ancestor > a { text-indent:15px; } #mobileMenu .menu .indicator { background:none !important; font-size:2em; padding:0; text-align:center; position:relative; text-indent:0 !important; border:0 !important; font-family:"Roboto", sans-serif !important; } #mobileMenu .menu .indicator .icon { -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); width:40px; height:40px; color:#ffffff; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; line-height:33px; font-size:1.2em; } #mobileMenu .menu .indicator .icon::before { content:"\203A"; } #mobileMenu .menu li .up .icon { transform:rotate(0deg); } #mobileMenu .menu li .down .icon { transform:rotate(90deg); } #mobileMenu .menu li .indicator:hover { background-color:#0B8BAA !important; } #mobileMenu #brandMenu-content.menu { margin:0 0 100px !important; display:inline-block; height:auto; } #mobileMenu #brandMenu-content .brand { } #mobileMenu #brandMenu-content .brand > .submenu { width:auto !important; } #mobileMenu #brandMenu-content .brand .submenu li { display:inherit; } #mobileMenu #brandMenu-content .brand .submenu li a { } #mobileMenu #brandMenu-content .brand img { height:auto; max-height:20px; width:initial; margin:0 auto; display:inline-block; } #mobileMenu #brandMenu-content .brand .brand a { text-align:center !important; } #mobileMenu #brandMenu-content .brand .brand img { } /* --------------------------------------- */ /* FULLSCREEN SEARCH /* --------------------------------------- */ #fullscreenSearch { background:rgba(50,120,140,0.96); width:100%; height:100%; overflow:hidden !important; z-index:8; top:0; bottom:0; left:0; right:0; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #fullscreenSearch #searchInner { overflow-y:auto; height:100%; width:100%; } #fullscreenSearch .topdeck { width:100%; padding:300px 0 0; } #fullscreenSearch .lowerdeck { width:100%; padding:40px 0 0; } #fullscreenSearch .deck { width:100%; margin:0 auto; padding:0; color:#ffffff; } #fullscreenSearch .deck a { color:#ffffff; } #fullscreenSearch .deck a:hover { color:#107298 !important; } #fullscreenSearch .menuColumn { width:50%; float:left; border-top:1px solid #107298; } #fullscreenSearch .menuColumnPad{ padding:40px; } #fullscreenSearch h1, #fullscreenSearch h2, #fullscreenSearch h3 { color:#ffffff; } #fullscreenSearch .searchBox { background:rgba(0,0,0,0.2); border:none; width:100% !important; height:auto !important; padding:0; border-radius:5px; overflow:hidden; } #fullscreenSearch .searchBox .searchBar { width:calc(100% - 50px) !important; height:50px !important; background:none; border:none; font-size:1.4em; padding:10px 20px; } #fullscreenSearch .searchBox .btn-search { font-size:1.3em; height:50px; width:50px; padding:0; margin:0 !important; color:#ffffff !important; background:none; border:0; cursor:pointer; display:inline-block; float:right; line-height:50px; } #fullscreenSearch .searchBox .btn-search:hover { background:#107298; } #fullscreenSearch .searchBox .btn { padding:0 !important; background:none !important; } #fullscreenSearch .searchBox .btn .glyphicon { color:#ffffff !important; } #fullscreenSearch .searchBox input:focus { background:#efefef; color:#232323; } #fullscreenSearch .trendingList {} #fullscreenSearch .trendingList ul {} #fullscreenSearch .trendingList li { list-style:none; display:inline-flex; margin:0 5px 5px 0; float:left; } #fullscreenSearch .trendingList li a { padding:10px 20px; background:rgba(0,0,0,0.2); color:#ffffff; border-radius:3px; overflow:hidden; } #fullscreenSearch .trendingList li:hover a { background:#0895bb; color:#ffffff !important; } #fullscreenSearch .latestPost { background:none; margin:0; padding:10px 0; border-top:1px dotted #efefef; } #fullscreenSearch .latestPost .latestPostLink { background:none; } #fullscreenSearch .latestPost .latestPostLug { width:40%; } #fullscreenSearch .latestPost .latestPostText { width:60%; background:none; color:#fff; font-size:1em; font-weight:bold; } #fullscreenSearch .latestPost .latestPostText .catStrip { max-width:inherit; background:none; color:#121212 !important; } #fullscreenSearch .latestPost .dataStrip .authorBio { float:left; } #fullscreenSearch .latestPost .dataStrip .dateStrip { float:right; } /* --------------------------------------- */ /* FULL MENU /* --------------------------------------- */ #fullMenu { background:rgba(11, 139, 170, 0.95); width:100%; height:100vh; overflow:hidden !important; position:fixed; z-index:20; visibility:visible !important; } #fullMenu .menu { margin:0; padding:0; list-style:none; height:40px; line-height:40px; width:100%; } #fullMenu .glyphicon{ margin:0 10px 0 0; } #fullMenu .upperDeck { background:rgba(11, 139, 170, 0.95); position:absolute; height:70%; top:0; left:0; right:0; } #fullMenu .lowerDeck { background:rgba(10, 42, 50, 0.9); position:absolute; height:30%; bottom:0; left:0; right:0; padding:50px; } #fullMenu .footerInfo { position:absolute; bottom:0; width:100%; text-align:right; font-size:0.75em; padding:40px 0; } #fullMenu .footerInfo p { margin:0; } #fullMenu #fullMenuInner { overflow-y:visible; height:100%; width:100%; } #fullMenu .menuHeader { padding:40px 20px 20px; } #fullMenu #siteLogo { display:block; margin:0 auto 20px; width:100%; height:auto; max-width:150px; text-align:center; } #fullMenu .searchBox { float:none; width:100% !important; padding:0; background:#343434; border-bottom:1px solid #343434; height:auto !important; position:relative; } #fullMenu .searchBox .glyphicon { margin:0 !important; } #fullMenu .socialBox { width:100%; margin:0; padding:0; height:49px; max-width:100%; text-align:center; float:none; } #fullMenu .socialBox a { float:none; } #fullMenu .btn-social { margin:0; background:rgba(0,0,0,0.5); border:none; border-radius:5px; padding:1px; } #fullMenu .btn-social:hover { background:#0B8BAA; } #fullMenu .indicator { border:none !important; } #fullMenu .up { background:url(images/arrow-right.png)no-repeat 55% 12px !important; background-color:none; } #fullMenu .down { background:#407B90 url(images/arrow-down.png)no-repeat 55% 12px !important; color:#fff !important; } #fullMenu .sub-menu .down { background:#003B50 url(images/arrow-down.png)no-repeat 55% 12px !important; color:#fff !important; } #fullMenu h1 { text-align:left; padding:0; margin:0 auto 10px; width:100%; border:none; background:none; font-size:2em; color:#ffffff; } #fullMenu li { width:100%; height:auto; line-height:41px; } #fullMenu .menu > li a { display:block; height:40px; width:100%; line-height:20px; padding:10px 20px; border-right:none; color:#fff; } #fullMenu li a { display:block; padding:0 20px; text-align:left; border:none; } #fullMenu li a:hover { background:#0B8BAA; color:#fff; } #fullMenu li .sub-menu { width:auto; display:none; position:static; background:#0B8BAA; } #fullMenu li .sub-menu li { display:inherit; width:100%; } #fullMenu li .sub-menu li a { height:40px; line-height:20px !important; border:none; display:inherit; background:#407B90; width:100%; margin:0; padding:10px 20px !important; } #fullMenu li .sub-menu .sub-menu li a { background:#003B50; } #fullMenu li .sub-menu .sub-menu .sub-menu li a { background:#205B70; } #fullMenu .menu .current-menu-item > a, #fullMenu .menu .current-menu-parent > a, #fullMenu .menu .current-menu-ancestor > a, #fullMenu .menu .current_page_item > a, #fullMenu .menu .current_page_parent > a, #fullMenu .menu .current_page_ancestor > a { border-left:5px solid #0B8BAA; color:#fff; text-indent:-5px; } #fullMenu li a:hover { background:#0B8BAA !important; color:#fff; } #fullMenu .menu li .down:hover { background:#0B8BAA url(images/arrow-down.png)no-repeat 55% 12px !important; } #fullMenu .menu li .up:hover { background:#0B8BAA url(images/arrow-right.png)no-repeat 55% 12px !important; } #fullMenu #brandMenu-content.menu { margin:0 0 100px !important; display:inline-block; height:auto; } #fullMenu #brandMenu-content .brand { } #fullMenu #brandMenu-content .brand > .submenu { width:auto !important; } #fullMenu #brandMenu-content .brand .submenu li { display:inherit; } #fullMenu #brandMenu-content .brand .submenu li a { } #fullMenu #brandMenu-content .brand img { height:auto; max-height:20px; width:initial; margin:0 auto; display:inline-block; } #fullMenu #brandMenu-content .brand .brand a { text-align:center !important; } #fullMenu #brandMenu-content .brand .brand img { } /* --------------------------------------- */ /* HEADER /* --------------------------------------- */ .headerUpper, .headerLower { background:#000; width:100%; height:100%; min-height:0; position:relative; overflow:hidden; z-index:2; } .headerUpper { margin:60px 0 0; } .headerLower { margin:0; } .headerCover { background:url(images/square.png)repeat; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; opacity:0.9; } .headerInner { position:relative; z-index:2; padding:0; color:#232323; } .headerLogo { width:300px; height:150px; margin:100px auto 0; z-index:2; } .headerLogo img { width:100%; height:auto; } #videoContainer { text-align:center; height:100%; width:100%; position:absolute; top:0; bottom:0; left:0; right:0; } #videoContainer video { min-height:320px; min-width:100%; width:auto; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; } #videoContainer img { display:none; } #videoContainer video#bgvid { position:relative; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-1; background:none; background-size:cover; } /* --------------------------------------- */ /* HEADER - ACTIONSTRIP /* --------------------------------------- */ .actionStrip { background:#2BABCA; width:100%; height:40px; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .actionStrip .container { padding:10px 40px !important; text-align:center; color:#ffffff; font-weight:bold; font-size:0.8em; } .actionStrip .btnTrigger { width:30px; height:30px; position:absolute; top:initial; right:40px; cursor:pointer; font-size:0.7em; text-align: center; color:#fff; font-family:arial; font-weight:bold; border:none; padding:7px 11px; border-radius:0 0 5px 5px; z-index:20; margin:0 auto; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .actionStrip.slideOpen .btnTrigger:before { content: "X"; } .actionStrip.slideClosed .btnTrigger:before { content: "!"; } .actionStrip.slideOpen .btnTrigger, .actionStrip.slideClosed .btnTrigger:hover { background:rgba(0,0,0,0.3); } .actionStrip.slideClosed .btnTrigger { background:#2BABCA; } .actionStrip.slideOpen .btnTrigger:hover { background:#0B8BAA; } .actionStrip a:link, .actionStrip a:visited { color:#ffffff; } .actionStrip a:active, .actionStrip a:hover { color:#121212; } .actionStripBlock { max-width:100%; position:relative; z-index:1; background:#232323; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .actionPadOn { margin:0 auto; height:40px; } .actionPadOff { margin:0 auto; height:0; } /* --------------------------------------- */ /* HEADER - ALERTSTRIP /* --------------------------------------- */ .alertStrip { background:#2BABCA; width:100%; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); position:fixed; z-index:20; height:0; overflow:hidden; } .alertStrip .container { padding:20px 40px !important; text-align:center; color:#ffffff; font-weight:bold; font-size:0.8em; } .alertStrip .btnTrigger { width:30px; height:30px; position:absolute; top:15px; right:40px; cursor:pointer; font-size:0.7em; text-align: center; color:#fff; font-family:arial; font-weight:bold; border:none; padding:7px 11px; border-radius:100%; z-index:20; margin:0 auto; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .alertStrip.top { top:0; } .alertStrip.bottom { bottom:0; } .alertStrip .btnTrigger:before { content: "X"; } .alertStrip.slideOpen { height:60px; } .alertStrip.slideOpen .btnTrigger { background:rgba(0,0,0,0.3); } .alertStrip.slideOpen .btnTrigger:hover { background:#0B8BAA; } .alertStrip a:link, .alertStrip a:visited { color:#ffffff; } .alertStrip a:active, .alertStrip a:hover { color:#121212; } /* --------------------------------------- */ /* HEADER - MENUBAR /* --------------------------------------- */ #menuBar { background:#125272; width:100%; height:100px; margin:0; border:none; position:relative; left:0; right:0; z-index:9; -webkit-transition:left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 400ms ease-in-out; -moz-transition:left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 400ms ease-in-out; -o-transition:left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 400ms ease-in-out; transition:left 1s cubic-bezier(.07,.95,0,1), right 1s cubic-bezier(.07,.95,0,1), top 1s cubic-bezier(.07,.95,0,1), bottom 1s cubic-bezier(.07,.95,0,1), height 400ms ease-in-out, line-height 400ms ease-in-out, margin 400ms ease-in-out, padding 400ms ease-in-out, background 400ms ease-in-out; } #menuBar.locked { z-index:10; } #menuBar.locked.open { position:fixed !important; } #menuBar.locked.closed { /*left:inherit !important; right:inherit !important; */ top:0; } #menuBar #mainMenu, #menuBar #mainMenu #mainMenuInner, #menuBar #mainMenu .socialBox .btn-social, #menuBar.scrolling #mainMenu .btn-search, #menuBar.scrolling #mainMenu .btn-drawerLeft, #menuBar.scrolling #mainMenu .btn-drawerLeft span, #menuBar #mainMenu .menu li a, #menuBar #mainMenu .menu li .sub-menu { transition-property:height, line-height, margin, top, padding !important; transition-duration:400ms, 400ms, 400ms, 400ms, 400ms !important; transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out, ease-in-out !important; } #menuBar.scrolling { height:60px; } #menuBar.scrolling .menuLogo { height:40px; margin:10px 20px 10px 0; } #menuBar.scrolling .menuLogo:hover { height:40px; } #menuBar.scrolling #mainMenu .socialBox .btn-social { height:60px; } #menuBar.scrolling #mainMenu .btn-search, #menuBar.scrolling #mainMenu .btn-drawerLeft, #menuBar.scrolling #mainMenu .btn-drawerTop, #menuBar.scrolling #mainMenu .btn-drawerBottom, #menuBar.scrolling #mainMenu .btn-drawerRight { height:60px; padding:20px 10px; } #menuBar.scrolling #mainMenu .btn-drawerLeft span:nth-child(1) { top:39%; } #menuBar.scrolling #mainMenu .btn-drawerTop span:nth-child(1), #menuBar.scrolling #mainMenu .btn-drawerBottom span:nth-child(1), #menuBar.scrolling #mainMenu .btn-drawerRight span:nth-child(1) {} #menuBar.scrolling #mainMenu .btn-drawerLeft span:nth-child(4), #menuBar.scrolling #mainMenu .btn-drawerTop span:nth-child(4), #menuBar.scrolling #mainMenu .btn-drawerBottom span:nth-child(4), #menuBar.scrolling #mainMenu .btn-drawerRight span:nth-child(4) { top:62%; } #menuBar.scrolling #mainMenu #mainMenuInner { height:60px; } #menuBar.scrolling #mainMenu .menu li a { height:60px; line-height:40px; } #menuBar.scrolling #mainMenu li .sub-menu { top:60px; } #menuBar.scrolling #mainMenu li .sub-menu .sub-menu { top:0; } #menuBar #headerInner { position:relative; z-index:2; padding:0; color:#232323; } #menuBar .menuLogo { width:auto; height:100px; z-index:2; float:left; padding:20px 20px 20px 0; margin:0; transition-property:background, height, line-height, margin, padding; -webkit-transition:1s cubic-bezier(.07,.95,0,1), 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out; -moz-transition:1s cubic-bezier(.07,.95,0,1), 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out; -o-transition:1s cubic-bezier(.07,.95,0,1), 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out; transition:1s cubic-bezier(.07,.95,0,1), 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out, 400ms ease-in-out; } #menuBar .menuLogo img { height:auto; max-width:100%; max-height:100%; width:auto; } #menuBarBlock { height:160px; position:relative; z-index:2; width:100%; clear:both; } .visibleDrawerLeft #menuBar.locked.closed { left:280px !important; right:-280px !important; } .visibleDrawerRight #menuBar.locked.closed { right:280px !important; left:-280px !important; } .invisibleDrawer #menuBar.locked.closed { left:0 !important; right:0 !important; } #mainMicro { padding:145px 0px 0px; } /* --------------------------------------- */ /* HOMEPAGE - CUSTOM /* --------------------------------------- */ .homePage #main { padding:0; } .homePage #menuBar { height:140px; } .homePage #menuBarBlock { height:200px; position:fixed; } /* --------------------------------------- */ /* NAVIGATION PANEL /* --------------------------------------- */ .navPanel { position:fixed; right:40px; height:auto; width:40px; padding:10px; top:40%; z-index:8; transition:1s all cubic-bezier(.07,.95,0,1); } .navLink { background:#ffffff; width:15px; height:15px; margin:0 auto 10px !important; border-radius:50%; border:none; display:inline-block; box-shadow:0 0 2px #454545; } .navLink:hover, .navPanel .activeLink { background:#121212; } /* --------------------------------------- */ /* INFOPANES /* --------------------------------------- */ @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .infoPane { background:#121212; clear:both; display:block; width:100%; min-height:300px; overflow:visible; position:relative; } .infoPane .inverse h1, .infoPane .inverse h2, .infoPane .inverse h3, .infoPane .inverse h4, .infoPane .inverse h5, .infoPane .inverse h6, .infoPane .inverse p { color:#ffffff; } .infoPane .inverse button { border:2px solid #ffffff; background:none; } .infoPane .inverse button:hover { border:2px solid #0B8BAA; background:#0B8BAA; } .infoPane .navArrow { color:#ffffff; text-align:center; margin:0; font-size:4em; position: absolute; bottom:20px; z-index:5; height:60px; width:100%; } .infoPane .navArrow:before { content:"\203A"; color:#ffffff; transform:rotate(90deg) translate(0, -6px); display:block; } .infoPane .navArrow:hover { color:#0B8BAA; } .bounce { -moz-animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; animation:bounce 2s infinite; } /* Infopane Types */ .infoPaneBlock { transition:all 1s cubic-bezier(.07,.95,0,1); background:#ffffff; } .infoPaneBlock:after { transition:all 1s cubic-bezier(.07,.95,0,1); } .infoPaneBlock.seamlessBlock { background:none !important; } .contentLeft { text-align:left; } .contentRight { text-align:right; } .contentCenter { text-align:center; } .contentCenter p { margin:0 auto 20px; } .infoPaneBlock .colInner { padding:100px; } .infoPaneBlock .colIMGPad { position:relative; height:100%; width:100%; overflow:hidden; } .infoPaneBlock .colIMGPad img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; height:auto; width:auto; min-height:100%; min-width:100%; max-height:110%; } .infoPaneBlock h1 { transition:all 1s cubic-bezier(.07,.95,0,1); } .infoPaneBlock p { transition:all 1s cubic-bezier(.07,.95,0,1); color:#121212; font-weight:normal; } .infoPaneBlock:hover { background:rgba(0,0,0,0.3); } .infoPaneBlock:hover:after { opacity:0.3; } .infoPaneBlock:hover h1, .infoPaneBlock:hover p { color:#ffffff !important; } .infoPaneBlock:hover button { background:#0B8BAA; } .infoPaneBlock:hover .inverse button { background:#0B8BAA; border:2px solid #0B8BAA; } .infoPaneCols { width:100%; min-height:50vh; } .infoPaneCall { width:100%; min-height:250px; } .infoPaneCall .colButton .colInner { padding:0 20px; } .infoPaneFull { width:100%; height:-webkit-calc(100vh - 140px); height:-moz-calc(100vh - 140px); height:calc(100vh - 140px); z-index:0; } .infoPaneFull .colInner { padding:100px; } .infoPaneFull .colInner p { max-width:1000px; } .infoPaneSplit { width:100%; height:-webkit-calc(100vh - 140px); height:-moz-calc(100vh - 140px); height:calc(100vh - 140px); z-index:0; } .infoPaneStack { width:100%; height:-webkit-calc(100vh - 140px); height:-moz-calc(100vh - 140px); height:calc(100vh - 140px); z-index:0; } .infoPaneQuote { min-height:60vh; } .infoPaneList .listItems3 .listpost { width:-webkit-calc((100% - 20px) / 3) !important; width:-moz-calc((100% - 20px) / 3) !important; width:calc((100% - 20px) / 3) !important; margin:0 10px 40px 0; } .infoPaneList .listItems4 .listpost { width:-webkit-calc((100% - 30px) / 4) !important; width:-moz-calc((100% - 30px) / 4) !important; width:calc((100% - 30px) / 4) !important; margin:0 10px 40px 0; } .infoPaneList .listItems3 .listpost:last-of-type, .infoPaneList .listItems4 .listpost:last-of-type { margin:0 0 40px !important; } /* --------------------------------------- */ #infoPaneHeader { background:rgba(0,0,0,0.3); position:relative; height:96vh; } #infoPaneHeader::after { background:#121212 url(images/backing-intro.jpg)center no-repeat; background-size:cover; position:absolute; z-index:-1; height:100%; width:100%; left:0; right:0; top:0; bottom:0; } #infoPaneHeader .logoMain { width:300px; height:100px; max-width:-webkit-calc(100% - 80px); max-width:-moz-calc(100% - 80px); max-width:calc(100% - 80px); } #infoPaneHeader .logoMain img { width:100%; height:auto; } #infoPaneHeader button { margin:80px auto 0; display:block; } .indexLinks { position:absolute; bottom:100px; left:-100%; right:-100%; margin:auto; } .indexLinks a .btnMain img { width:auto !important; height:auto !important; position:static !important; min-width:0 !important; } #infoPane1 { background:#ffffff; } #infoPane1::before { content:""; position:absolute; border-left:100vw solid transparent; border-bottom:50px solid #ffffff; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); top:-50px; z-index:1; } #infoPane1::after { content:""; position:absolute; border-left:100vw solid transparent; border-top:50px solid #ffffff; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); bottom:-50px; z-index:1; } #infoPane2 .infoPaneBlock { position:relative; background:rgba(0,0,0,0.3); } #infoPane2 .infoPaneBlock:first-of-type:after { content:""; background:#121212 url(images/backing-3.jpg)center no-repeat; background-size:cover; position:absolute; z-index:-1; height:100%; width:100%; left:0; right:0; top:0; bottom:0; } #infoPane2 .infoPaneBlock:nth-of-type(2):after { content:""; background:#121212 url(images/backing-5.jpg)center no-repeat; background-size:cover; position:absolute; z-index:-1; height:100%; width:100%; left:0; right:0; top:0; bottom:0; } #infoPane2 .infoPaneBlock:last-of-type:after { content:""; background:#121212 url(images/backing-4.jpg)center no-repeat; background-size:cover; position:absolute; z-index:-1; height:100%; width:100%; left:0; right:0; top:0; bottom:0; } #infoPane3 { background:#efefef; } #infoPane4 .infoPaneBlock { position:relative; background:rgba(0,0,0,0.3); } #infoPane4 .infoPaneBlock:after { content:""; background:#121212; background-size:cover; position:absolute; z-index:-1; height:100%; width:100%; left:0; right:0; top:0; bottom:0; } #infoPane5 { } #infoPane6 { background:#efefef; } #infoPane7 { position:relative; background:rgba(0,0,0,0.3); } #infoPane7:after { content:""; background:#121212 url(images/backing-6.jpg)center no-repeat; background-size:cover; position:absolute; z-index:-1; height:100%; width:100%; left:0; right:0; top:0; bottom:0; } #infoPane8 { background:#ffffff; } #infoPane9 { background:#125272; } #infoPane9:before { content:""; position:absolute; border-right:100vw solid transparent; border-bottom:50px solid #125272; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); top:-50px; z-index:1; } #infoPane9:after { content:""; position:absolute; border-left:100vw solid transparent; border-top:50px solid #125272; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); bottom:-50px; z-index:1; } #infoPane10 { background:#cfcfcf; } .infoPaneInner { padding:40px; height:100%; width:100%; } .infoPanel { display:block; width:50%; float:left; } .infoPanelBlock {} .floatVertCenter{ position:relative; top:50%; -webkit-transform:perspective(1px) translateY(-50%); -moz-transform:perspective(1px) translateY(-50%); transform:perspective(1px) translateY(-50%); margin:auto; } .infoPaneStrip { background:#efefef; width:100%; } #infoPaneSchedule { background:#afafaf; width:100%; } #infoPaneSpeakers { background:#121212; width:100%; } .wrapper { padding:0; } .headlineInline { padding:40px; background:#125272; } .headlineInline h1 { color:#ffffff; margin:0 auto; } .talkingHead { width:20%; height:auto; min-height:100px; float:left; border-bottom:1px solid #343434; border-right:1px solid #343434; } .talkingHead img { width:100%; height:auto; float:left; } .talkingHead:hover img { opacity:0.3; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #statsPane { background:#343434; width:100%; padding:60px 0; } #stat1, #stat2, #stat3, #stat4, #stat5, #stat6 { display:block; width:33.3%; min-height:150px; float:left; margin:0 0 20px; } #stat1 { background:#0C6; padding:40px; color:#ffffff; text-align:center; } #stat2 { background:#06F; padding:40px; color:#ffffff; text-align:center; } #stat3 { background:#F00; padding:40px; color:#ffffff; text-align:center; } #stat4 { background:#0C6; padding:40px; color:#ffffff; text-align:center; } #stat5 { background:#06F; padding:40px; color:#ffffff; text-align:center; } #stat6 { background:#F00; padding:40px; color:#ffffff; text-align:center; } .colContainer { width:100%; height:100%; position:absolute; left:0; right:0; } .col1 { position:relative; height:100%; width:100%; clear:both; } .col2, .col2Stack { position:relative; height:100%; float:left; width:50%; } .col3 { position:relative; height:100%; float:left; width:33%; width:calc(100% / 3); } .col3Double { position:relative; height:100%; float:left; width:66%; width:calc(100% / 3 * 2); } .col4 { position:relative; height:100%; float:left; width:25%; } .col5 { position:relative; height:100%; float:left; width:20%; } .col6 { position:relative; height:100%; float:left; width:18%; width:calc(100% / 6); } .col7 { position:relative; height:100%; float:left; width:14%; width:calc(100% / 7); } .col8 { position:relative; height:100%; float:left; width:12.5%; width:calc(100% / 8); } .colInner { position:absolute; padding:20px; height:100%; width:100%; } .colInner img { width:200px; } .colHeader { float:left; height:auto; width:100%; padding:80px 40px 0; text-align:center; } .colInner blockquote { width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); max-width:1000px; float:none; margin:0 auto; padding:80px 0; border:0; font-size:2.4em; font-weight:normal; } /* --------------------------------------- */ /* CAROUSEL - CORE /* --------------------------------------- */ .jcarousel { position:relative; float:left; overflow:hidden; width:80%; width:calc(100% - 100px); width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); margin:0 20px 20px; } .jcarousel-wrapper { position:relative; height:100%; } .jcarousel ul { width:20000em; position:relative; list-style:none; margin:0; padding:0; } .jcarousel li img { min-width:100% !important; height:auto; width:auto; } /* Items */ #carouselSuperMulti li, #carouselSmall li, #carouselSmall-sponsor li { float:left; width:25%; } #carouselSuper li, #carouselLarge li, #carouselSingleItem li, .carouselSidebar li, #carouselTestimonial li { float:left; width:100%; } /* Controls */ .jcarousel-control-prev, .jcarousel-control-next { position:absolute; border:none; font-size:4.5em; z-index:9; border-radius:0; height:100%; padding:10px !important; margin:0 !important; width:50px; color:#ffffff !important; background:#125272; } .jcarousel-control-prev { left:0; text-indent:-3px; } .jcarousel-control-next { right:0; text-indent:2px; } .jcarousel-control-prev > span, .jcarousel-control-next > span { position:absolute; margin:auto; width:25px; height:35px; line-height:27px; top:50%; left:-100%; right:-100%; -webkit-transform:perspective(1px) translateY(-50%); -moz-transform:perspective(1px) translateY(-50%);transform:perspective(1px) translateY(-50%); text-align:center; } .jcarousel-control-prev:hover, .jcarousel-control-next:hover { background:#0B8BAA; opacity:1; } /* Pagination */ .jcarousel-pagination { padding:10px 5px 5px; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); background:none; height:38px; position:absolute; bottom:0; left:-100%; right:-100%; display:block; margin:0 auto; text-align:center; z-index:2; } .jcarousel-pagination a { width:15px; height:15px; border-radius:15px; margin:0px 3px !important; border:0; background:#fff; display:inline-block; } .jcarousel-pagination a:hover, .jcarousel-pagination a.active { border:0; background:#0B8BAA; } /* --------------------------------------- */ /* CAROUSEL - CONNECTED CAROUSELS /* --------------------------------------- */ /** Stage container **/ .connected-carousels .stage { width:100%; margin:0 auto; position:relative; } .connected-carousels .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; } .connected-carousels .photo-credits a { color:#fff; } /** Navigation container **/ .connected-carousels .navigation { width:100%; margin:0 auto; position:relative; } /** Shared carousel styles **/ .connected-carousels .carousel { overflow:hidden; position:relative; } .connected-carousels .carousel > ul { position:relative; list-style:none; margin:0; padding:0; } .connected-carousels .stage .carousel > ul { width:20000em; position:relative; list-style:none; margin:0; padding:0; } .connected-carousels .carousel li { float:left; overflow:hidden; } .connected-carousels .carousel-stage li > ul > li { float:left; width:100%; list-style:none; } /** Stage carousel specific styles **/ .connected-carousels .carousel-stage { min-height:0; } /** Navigation carousel specific styles **/ .connected-carousels .carousel-navigation { height:40px; width:100%; } .connected-carousels .carousel-navigation li { cursor:pointer; color:#efefef; } .connected-carousels .carousel-navigation li img { display:block; /*border: 5px solid #fff;*/ } .connected-carousels .carousel-navigation li.active img { /*border-color: #ccc;*/ } /** Stage carousel controls **/ .connected-carousels .prev-stage, .connected-carousels .next-stage { display:block; position:absolute; top:0; width:305px; height:410px; color:#fff; } .connected-carousels .prev-stage { left:0; } .connected-carousels .next-stage { right:0; } .connected-carousels .prev-stage.inactive, .connected-carousels .next-stage.inactive { display:none; } .connected-carousels .prev-stage span, .connected-carousels .next-stage span { display:none; position:absolute; top:50%; 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; } .connected-carousels .prev-stage span { left:20px; } .connected-carousels .next-stage span { right:20px; } .connected-carousels .prev-stage:hover span, .connected-carousels .next-stage:hover span { display:block; } /** Navigation carousel controls **/ .connected-carousels .prev-navigation, .connected-carousels .next-navigation { display:block; position:absolute; width:30px; height:30px; background:#4E443C; color:#fff; text-decoration:none; text-shadow:0 0 1px #000; font:16px/29px 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; } .connected-carousels .prev-navigation { left:-15px; top:22px; text-indent:6px; } .connected-carousels .next-navigation { right:-15px; top:22px; text-indent:20px; } .connected-carousels .prev-navigation.inactive, .connected-carousels .next-navigation.inactive { opacity:.5; cursor:default; } /* --------------------------------------- */ /* CAROUSEL - TABBOX /* --------------------------------------- */ .tabbox { width:100%; background:none; margin:0; } .tabbox > li { float:left; width:auto; overflow:hidden; } /*.tabbox li li a { border-bottom:1px solid #efefef; width:100%; display:block; padding:5px 10px; } */ .tabbox-wrapper .jcarousel-pagination, .tabbox-wrapper .navigation { margin:0; text-align:left; background:#fafafa; border-bottom:1px solid #cdcdcd; } .tabbox-wrapper .carousel-navigation ul, .tabbox-wrapper .navigation { width:100%; font-size:0.9em; line-height:1.6em; } .tabbox-wrapper .navigation li { background:#003852; } .tabbox-wrapper .navigation li:hover { background:#0B8BAA; color:#fff; } .tabbox-wrapper .navigation li.active { background:#125272; color:#fff; } .tabbox-wrapper .carousel-navigation li { height:40px; width:33.33%; width:calc(100% / 3); width:-moz-calc(100% / 3); width:-webkit-calc(100% / 3); float:left; border-radius:0; border:0; margin:0; padding:8px 10px; text-align:center; } /* --------------------------------------- */ /* CAROUSEL - TABBOX; VERTICAL VARIANT /* --------------------------------------- */ .vertTabbox { z-index:6; width:100%; overflow:hidden; margin:0; } .vertTabbox .stage { border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; } .vertTabbox .tabbox { float:right; width:90%; width:calc(100% - 50px); width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); background:#ffffff; margin:0; } .vertTabbox .tabbox-wrapper .jcarousel-pagination, .vertTabbox .tabbox-wrapper .navigation { margin:0; text-align:left; background:none; border:none; } .vertTabbox .tabbox-wrapper .navigation { width:51px; float:left; position:absolute; } .vertTabbox .tabbox-wrapper .carousel-navigation ul { width:100%; } .vertTabbox .connected-carousels .carousel-navigation li { color:#121212; background:#ffffff; } .vertTabbox .tabbox-wrapper .navigation li:hover { background:#fff; color:#121212; position:relative; } .vertTabbox .tabbox-wrapper .navigation li.active { background:#fff; color:#121212; position:relative; z-index:5; border-right:1px solid #ffffff; box-shadow:-1px 0 10px #E5E5E5; } .vertTabbox .tabbox > li { float:left; width:auto; overflow:hidden; } .vertTabbox .tabbox li li a { padding:0; border-bottom:1px solid #efefef; width:100%; display:inline-block; } .vertTabbox .tabbox-wrapper .carousel-navigation li { height:50px; width:100%; float:left; border-radius:5px 0 0 5px; border:0; margin:0; padding:10px; text-align:center; border-width:0 0 1px 1px; border-style:solid none solid solid; border-color:#cdcdcd; } .vertTabbox .tabbox-wrapper.stage p { padding:20px; color:#121212; } .vertTabbox .connected-carousels .carousel-navigation { width:100%; height:auto; color:#121212; } .vertTabbox .stage li { min-height:400px; } /* --------------------------------------- */ /* CAROUSEL - SUPER CAROUSEL /* --------------------------------------- */ .superPosts { height:auto; } .superPosts .jcarousel { width:100%; margin:0; } .superPost { position:relative; height:600px; overflow:hidden; } .superPost .superCatStrip { width:30%; height:30px; margin:0 0 10px; z-index:1; } .superPost .superCatStrip ul, .listpost .catStrip li { margin:0 !important; text-indent:0; list-style:none; } .superPost .superCatStrip li { width:auto !important; float:none; margin:10px 0 0; } .superPost .superCatStrip li a { margin:0 10px 0 0; padding:45px 20px 5px; display:inline; border:1px solid #CFCFCF; border-top:0; background:#FFF; } .superPost .superCatStrip li a:hover{ background:#0B8BAA; color:#fff; } .superPost .superLink { width:100%; height:600px; position:absolute; } .superPost .superLug { float:left; height:100%; width:45%; background:#010101; overflow:hidden; transform:skew(-15deg); margin-left:80px; border-left:5px solid #efefef; border-right:5px solid #efefef; z-index:3; position:relative; } .superPost .superLugPad { height:100%; width:100%; position:relative; transform:skew(15deg); } .superPost .superLugPad img { position:absolute; height:100% !important; width:auto !important; min-height:100%; min-width:100%; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; max-height:none; max-width:none; } .superPost .superText { position:absolute; height:auto; width:45%; padding:20px; top:140px; right:40px; } .superPost .excerptBlurb { } .superPost .excerptBlurb p { color:#efefef; margin:0; } .superPost .entryInfoStrip { float:right; width:70%; text-align:right; position:absolute; bottom:50px; right:50px; border-top:1px solid #787878; border-bottom:1px solid #787878; color:#efefef; height:auto; font-size:0.8em; z-index:2; } .superPost .authorBio { padding:10px 40px; float:left; } .superPost .authorAvatar { padding:0; height:100%; width:auto; float:right; } .superPost .dateStrip { padding:10px 40px; float:right; } .superPost a h2 { color:#125272; } .superPost a:hover h2 { color:#0B8BAA; } .superPost a:hover .superLug img { opacity:0.7; } /* --------------------------------------- */ /* CAROUSEL - SUPER CAROUSEL; FULL VARIANT /* --------------------------------------- */ .carouselSuperFull {} .carouselSuperFull .superPost { height:73vh; } .carouselSuperFull .superPost .superLink { height:100%; } .carouselSuperFull .superPost .superLug { width:100%; transform:none; border:none; margin:0; } .carouselSuperFull .superPost .superLugPad { transform:none; } .carouselSuperFull .superPost .superLugPad img { height:auto !important; width:auto !important; top:0; bottom:initial; } .carouselSuperFull .superPost .superText { top:inherit; left:0; right:0; width:100%; bottom:0; padding:100px 100px 140px; z-index:4; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .superPostsFull .jcarousel-pagination { bottom:80px; } /* --------------------------------------- */ /* CAROUSEL - SUPER CAROUSEL; MULTI VARIANT /* --------------------------------------- */ #carouselSuperMulti { height:400px; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); float:none; margin:auto; } #carouselSuperMulti .superPost { height:400px; } #carouselSuperMulti .superPost .superLink { height:400px; } #carouselSuperMulti .superPost .superLug { transform:none; width:100%; border:none; margin:0; } #carouselSuperMulti .superPost .superLugPad { transform:none; } #carouselSuperMulti .superPost .superText { top:200px; right:0; left:0; width:100%; height:100%; z-index:3; padding:40px; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } #carouselSuperMulti .superPost a h2 { color:#ffffff; height:60px; text-shadow:0px 0px 2px rgba(0,0,0,0.4); } #carouselSuperMulti .superPost .excerptBlurb { opacity:0; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #carouselSuperMulti .superPost .excerptBlurb p { font-weight:normal; font-size:0.9em; line-height:1.4em; } #carouselSuperMulti .superPost:hover .superText { top:0; } #carouselSuperMulti .superPost:hover .excerptBlurb { opacity:1; } /* --------------------------------------- */ /* FEATURED CAROUSEL /* --------------------------------------- */ .featuredPosts { background:#121212; height:388px; position:relative; } .featuredPosts .jcarousel { width:100%; margin:0; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev { position:absolute; left:0; border:none; font-size:4.5em; z-index:5; border-radius:0; margin:0 !important; height:350px; padding:160px 10px; width:40px; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next { position:absolute; right:calc(100% - 620px); border:none; font-size:4.5em; z-index:5; border-radius:0; margin:0 !important; height:350px; padding:160px 10px; width:40px; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev:hover, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next:hover { color:#0B8BAA !important; border:0; background:#121212; opacity:0.5; } .featuredPosts .jcarousel-pagination { padding:10px 5px 5px; width:100%; background:#232323; height:38px; } .featuredPost { position:relative; } .featuredPost .featuredCatStrip { width:530px; height:30px; margin:0 0 10px; position:absolute; right:0; top:2px; font-size:0.8em; z-index:1; } .featuredPost .featuredCatStrip ul, .listpost .catStrip li { margin:0 !important; text-indent:0; list-style:none; } .featuredPost .featuredCatStrip li { width:auto !important; float:none; margin:10px 0 0; } .featuredPost .featuredCatStrip li a { margin:0 10px 0 0; padding:45px 20px 5px; display:inline; border:1px solid #CFCFCF; border-top:0; background:#FFF; } .featuredPost .featuredCatStrip li a:hover { background:#0B8BAA; color:#fff; } .featuredPost .featuredLink { width:100%; height:350px; position:relative; border-top:1px solid #EFEFEF; } .featuredPost .featuredLug { float:left; height:inherit; width:80%; width:calc(620px); background:#010101; } .featuredPost .featuredLugPad { height:100%; width:100%; position:relative; } .featuredPost .featuredLugPad img { position:absolute; height:auto; width:auto; min-height:100%; min-width:100%; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; } .featuredPost .featuredText { float:right; height:auto; width:20%; width:calc(100% - 620px); width:-moz-calc(100% - 620px); width:-webkit-calc(100% - 620px); padding:20px; } .featuredPost .excerptBlurb { } .featuredPost .excerptBlurb p { color:#efefef; margin:0; } .featuredPost .entryInfoStrip { float:right; width:20%; width:calc(100% - 620px); width:-moz-calc(100% - 620px); width:-webkit-calc(100% - 620px); position:absolute; bottom:40px; right:0; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; color:#afafaf; height:32px; } .featuredPost .authorBio { padding:3px 20px; float:left; } .featuredPost .authorAvatar { padding:0; height:100%; width:auto; float:left; } .featuredPost .dateStrip { padding:3px 20px; float:right; } .featuredPost a:hover h2 { color:#0B8BAA; } .featuredPost a:hover .featuredLug img { opacity:0.7; } /* --------------------------------------- */ /* CAROUSEL - SPONSORED POSTS /* --------------------------------------- */ .sponsoredPosts { background:#fafafa; height:233px; overflow:hidden; } .sponsoredPosts .jcarousel { width:90%; width:calc(100% - 80px); width:-moz-calc(100% - 80px); width:-webkit-calc(100% - 80px); margin:0; } .sponsoredPosts #carouselSingleItem-wrapper > .jcarousel-control-prev, .sponsoredPosts #carouselTestimonial-wrapper > .jcarousel-control-prev { position:relative; left:0; border:none; font-size:4.5em; z-index:5; border-radius:0; margin:0 !important; height:200px; padding:85px 10px; width:5%; width:calc(40px); background:#121212; } .sponsoredPosts #carouselSingleItem-wrapper > .jcarousel-control-next, .sponsoredPosts #carouselTestimonial-wrapper > .jcarousel-control-next { position:relative; right:0; border:none; font-size:4.5em; z-index:5; border-radius:0; margin:0 !important; height:200px; padding:85px 10px; width:5%; width:calc(40px); background:#121212; } .sponsoredPosts #carouselSingleItem-wrapper > .jcarousel-control-prev:hover, .sponsoredPosts #carouselSingleItem-wrapper > .jcarousel-control-next:hover, .sponsoredPosts #carouselTestimonial-wrapper > .jcarousel-control-prev:hover, .sponsoredPosts #carouselTestimonial-wrapper > .jcarousel-control-next:hover { color:#ffffff !important; border:0; background:#0B8BAA; opacity:1.0; } .sponsoredPosts .jcarousel-pagination { padding:10px 5px 5px; width:100%; background:#ffffff; height:38px; } .sponsoredPost { position:relative; } .sponsoredPost .sponsoredPostLink { width:100%; position:relative; } .sponsoredPost .sponsoredPostLug { float:left; position:relative; width:200px; height:200px; margin:0; overflow:hidden; background:#121212; } .sponsoredPost .sponsoredPostLugPad { height:100%; width:100%; position:relative; } .sponsoredPost .sponsoredPostLugPad img { width:auto !important; height:100%; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; min-height:100%; min-width:100%; } .sponsoredPost .sponsoredPostText { float:right; width:70%; width:-moz-calc(100% - 200px); width:-webkit-calc(100% - 200px); width:calc(100% - 200px); padding:20px; height:170px; overflow:hidden; } .sponsoredPost h4 { margin:10px 0; } .sponsoredPost .excerptBlurb { font-weight:normal; } .sponsoredPost .excerptBlurb p { margin:0; line-height:1.3em; color:#232323; } .sponsoredPost .entryInfoStrip { width:calc(100% - 200px); float:left; padding:0; margin:0; height:30px; font-size:0.8em; border-top:1px solid #CFCFCF; background:#efefef; } .sponsoredPost .dateStrip { float:right; width:auto; text-align:right; border:none; padding:3px 20px; } .sponsoredPost a:hover h4 { color:#0B8BAA; } .sponsoredPost a:hover .sponsoredPostLug img { opacity:0.7; } /* ----------------------------------- */ /* CAROUSEL - STRIP CAROUSELS /* ----------------------------------- */ .stripCarousel { height:auto; width:100%; position:relative; z-index:2; margin:0; background:#121212; } .stripCarousel .blockList .listpost { height:240px; margin:0 auto; } .stripCarousel .blockList .listpost .listpostLug { height:240px; } .stripCarousel .blockList .listpost .listpostText { height:240px; top:100px; } .stripCarousel .jcarousel-control-prev, .stripCarousel .jcarousel-control-next { background:none; border:none; } .stripCarousel .jcarousel-control-prev:hover, .stripCarousel .jcarousel-control-next:hover { background:#0B8BAA; } #carouselStripTop, #carouselStripBottom { width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); margin:auto; float:none; } #carouselDrawerTop, #carouselDrawerBottom { width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); margin:auto; float:none; } .stripCarousel .headlineInline { padding:10px; text-align:center; background:#0B8BAA; } .stripCarousel .headlineInline h1 { line-height:1.6em; font-size:0.8em; } .stripCarousel .jcarousel-pagination { display:none; } /* ----------------------------------- */ /* CAROUSEL - SPONSORSHIP SYSTEM /* ----------------------------------- */ #carouselSmall-sponsor1, #carouselSmall-sponsor2, #carouselSmall-sponsor3, #carouselSmall-sponsor4 { width:100%; margin:0; } #carouselSmall-sponsor1 ul, #carouselSmall-sponsor2 ul, #carouselSmall-sponsor3 ul, #carouselSmall-sponsor4 ul { margin:0 !important; } #carouselSmall-sponsor1 li, #carouselSmall-sponsor2 li, #carouselSmall-sponsor3 li, #carouselSmall-sponsor4 li { margin:0 !important; } #carouselSmall-sponsor1 h4, #carouselSmall-sponsor2 h4, #carouselSmall-sponsor3 h4, #carouselSmall-sponsor4 h4 { width:100%; text-align:center; } #carouselSmall-sponsor1 h5, #carouselSmall-sponsor2 h5, #carouselSmall-sponsor3 h5, #carouselSmall-sponsor4 h5 { width:100%; text-align:center; margin:30px auto 0; } #carouselSmall-sponsor1 .listpost .listpostLug img, #carouselSmall-sponsor2 .listpost .listpostLug img, #carouselSmall-sponsor3 .listpost .listpostLug img, #carouselSmall-sponsor4 .listpost .listpostLug img { width:100%; height:auto; } /* --------------------------------------- */ /* CONTENT - CORE /* --------------------------------------- */ #main { background:#E6E7E8; width:100%; height:auto; padding:20px 0; position:relative; z-index:2; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; } #contentPanel { background:#E6E7E8; width:100%; height:auto; min-height:0; clear:both; position:relative; } .content { float:left; width:70%; width:calc(100% - 320px); width:-moz-calc(100% - 320px); width:-webkit-calc(100% - 320px); min-height:1000px; position:relative; background:none; } .contentFull { float:left; width:100%; min-height:0; position:relative; } #contentHeader { width:100%; padding:40px; background:#ffffff; border-bottom:1px solid #EFEFEF; } #contentBody { width:100%; background:#ffffff; min-height:400px; } #contentFooter { width:100%; padding:40px; background:#ffffff; border-top:1px solid #efefef; position:relative; bottom:0; } #contentHeader .catStrip, #contentHeader .bumper { display:none; } #contentBody ul, ol { margin:0 0 20px 40px; } #contentBody li { } #contentFooter .btn { margin:0 auto; } .breadcrumbs { margin:20px auto; font-size:0.9em; } .headline { margin:0 0 10px; } .dek { margin:0; font-weight:normal; line-height:1.3em; } .infoStrip { width:100%; margin:0; border-bottom:1px solid #efefef; background:#fafafa; font-size:0.9em; padding:10px 40px; } .infoStrip .authorLug { float:left; padding:0; } .infoStrip .dateLug { float:left; padding:0; } #featIMG { position:relative; } #featIMG img { width:100%; height:auto; float:left; } .entry { padding:40px; line-height:1.7em; background:#ffffff; } .tags { background:#fafafa; padding:20px; border-top:1px solid #efefef; border-bottom:1px solid #EFEFEF; font-size:0.9em; overflow:hidden; } .tags h6 { float:left; clear:both; margin:0 auto 5px; width:100%; } .tags a { padding:10px 20px; border-radius:3px; background:#125272; color:#ffffff; display:inline-block; } .tags a:hover { background:#0B8BAA; } .btn-main { background:rgba(255,255,255,0.4); color:#ffffff; border:none; border-radius:3px; padding:10px 20px; margin:20px auto; text-align:center; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); display:table; z-index:3; position:absolute; bottom:40px; left:-100%; right:-100%; } .btn-main:hover { background:rgba(0,0,0,0.4); } /* --------------------------------------- */ /* CONTENT - FEATURE /* --------------------------------------- */ #headerFeature { height:600px; width:100%; display:block; position:relative; box-shadow:0 0 5px rgba(0,0,0,0.6); z-index:0; } #headerFeature #megaIMG { position:relative; height:600px; width:100%; overflow:hidden; } #headerFeature #megaIMG img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; min-height:100%; min-width:100%; height:auto; width:auto; z-index:2; } #headerFeature .titlesOuter { width:100%; height:auto; position:absolute; bottom:0; z-index:3; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */ } #headerFeature .titlesInner { position:relative; } #headerFeature .titlesFeature { width:50%; height:auto; z-index:5 !important; padding:40px !important; float:left; } #headerFeature .titlesFeature .headline, #headerFeature .titlesFeature .dek { color:#ffffff; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,0.7); } #headerFeature .gallery { position:absolute; bottom:0; right:40px; width:calc(50% - 40px); width:-moz-calc(50% - 40px); width:-webkit-calc(50% - 40px); height:auto; border:6px solid #fff; } #headerFeature .galIMG { width:50%; float:left; position:relative; height:150px; overflow:hidden; } #headerFeature .galIMG img { position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; height:auto; width:auto; min-height:100%; min-width:100%; max-width:145%; max-height:125%; } #headerFeature .secondIMG { border-right:3px solid #fff; } #headerFeature .thirdIMG { border-left:3px solid #fff; } .mainFeature { position:relative; z-index:1; } .mainFeature #siteWrap { } .mainFeature .featureContainer { background:#fff !important; } .mainFeature .featureContainer .entry { padding:40px !important; } .mainFeature .featureContainer .tags { border-left:1px solid #efefef; border-right:1px solid #efefef; } .mainFeature .featureContainer #sidebar { background:none; } .mainFeature .infoStrip .authorLug { padding:0; } .mainFeature #sidebar .sidebarTop { padding:20px 20px 0; } /* --------------------------------------- */ /* CONTENT - CUSTOM / EXPANDED /* --------------------------------------- */ /* News Bulletins + Updates */ .newsBulletins { margin:0 !important; } .bulletin { padding:40px 0; border-bottom:1px solid #EFEFEF; width:100%; list-style:none; } .bulletin:first-child { padding-top: 0; } .bulletin:last-child { border-bottom: none; } .bulletin h2 { margin:0 0 10px; } .bulletin h4 { margin-top:20px; } .bulletin h5 { font-size:1em; margin:20px 0 10px 0; } /* Headshots + Captions */ .people { width:100%; margin:0 auto 20px; text-align:center; } .people .person { float:none; width:24%; padding:5px; display:inline-table; vertical-align:top; } .people .personBlock { width:100% !important; } .person .imgFrame { width:100%; margin:0; border-radius:50%; border:1px solid #CDCDCD; overflow:hidden; transform:translateZ(0); } .person .imgFrame img { width:100% !important; height:auto; margin:auto !important; transform:scale(1.2); -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .person .caption { padding:5px 10px; text-align:center; } .person .caption p { font-size: 0.85em; line-height:1.5; color:#000; margin:0; } .personBlock .imgFrame { width:25%; float:left; } .personBlock .caption { width:75%; text-align:left; float:left; padding:60px 20px; } .person .caption p:first-child, .person .caption p:last-child { font-weight: bold; } .person .caption p:first-child { color: #454545; } .person:hover .caption p:first-child { color:#cfcfcf; } .person:hover .imgFrame img { opacity: 0.6; transform:scale(1.5) !important; } /* --------------------------------------- */ /* ARCHIVING - LISTPOST VARIANTS /* --------------------------------------- */ .archiveList { margin:0 !important; min-height:1175px; } .listpost { background:#ffffff; float:left; width:100%; display:block; border:none; font-size:1em; position:relative; overflow:hidden; } .listpost .catStrip { width:auto; margin:0; font-size:0.9em; height:auto; overflow:hidden; text-transform:uppercase; } .listpost .catStrip ul, .listpost .catStrip li { margin:0 !important; text-indent:0; list-style:none; display:inline-block; } .listpost .catStrip li a { margin:0; padding:5px 20px; display:block; height:30px; border:none; border-top:0; background:#0B8BAA; color:#ffffff; } .listpost .catStrip li a:hover { background:#0B8BAA; color:#fff; } .listpost .listpostLug { float:left; position:relative; width:200px; height:200px; margin:0; overflow:hidden; background:#121212; } .listpost .listpostLugPad { position:relative; height:100%; width:100%; } .listpost .listpostLug img { width:auto; height:auto; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; min-height:100%; min-width:100%; max-height:140%; } .listpost .listpostText { float:right; width:70%; width:-moz-calc(100% - 200px); width:-webkit-calc(100% - 200px); width:calc(100% - 200px); padding:50px 20px 0; height:170px; overflow:hidden; } .listpost .listpostText h4 { margin:0 0 5px; color:#232323; font-size:1.3em; line-height:1.5em; font-weight:bold; } .listpost .excerptBlurb { font-weight:normal; font-size:0.9em; line-height:1.3em; color:#454545; } .listpost .excerptBlurb p { margin:0; line-height:1.3em; color:#232323; } .listpost a:hover { background:#fafafa; } .listpost a:hover img { opacity:0.7; } .listpost .entryInfoStrip { width:calc(100% - 200px); float:left; padding:8px 20px; margin:0; height:30px; font-size:0.8em; border-top:1px solid #efefef; background:#fafafa; } .listpost .dateStrip { float:right; padding:0; width:auto; text-align:right; border:none; } .listpost .authorBio { float:left; width:auto; padding:0; } .listpost .authorAvatar { width:auto; float:left; margin:0; background:#121212; } .listpost .authorAvatar img { width:100%; height:100%; float:left; opacity:0.7; } .listpost .listpostLink:hover .listpostText { background:#E6F1F4; } .listpost .listpostLink:hover .listpostLug { opacity:1.0; } .listpost.staticBox .listpostLug { height:250px; } .listpost.feature { position:relative; } .listpost.feature .listpostLug { position:absolute; width:100%; height:100%; background:#ffffff; } .listpost.feature .listpostLug img { width:100%; height:auto; opacity:0.4; max-height:inherit; } .listpost.feature .listpostLink { display:block; } .listpost.feature .listpostText { width:100%; font-size:1.1em; padding:40px; position:relative; height:auto; } .listpost.feature .listpostText .catStrip { margin:0 auto 5px; } .listpost.feature .listpostText .excerptBlurb { } .listpost.feature .listpostText .entryInfoStrip { position:relative; background:none; width:100%; border:0; padding:10px 0; } .listpost.feature .listpostText h4 { font-size:1.5em; margin:0 auto 10px; } .vert .listpost { width:33%; width:calc(100% / 3); width:-moz-calc(100% / 3); width:-webkit-calc(100% / 3); } .vert .listpost .listpostLug { width:100%; } .vert .listpost .listpostText { width:100%; padding:20px 20px 40px; height:230px; } .vert .listpost .entryInfoStrip { width:100%; height:auto; position:absolute; bottom:0; } .sideList .listpost { width:100%; } .sideList .listpost .listpostText { width:100%; height:auto; padding:10px; } .blockList { padding:0 0 40px; } .blockList .listpost { height:300px; width:25%; } .blockList .listpost .catStrip { text-shadow:0 0 3px rgba(0,0,0,0.5); color:#0B8BAA } .blockList .listpost .listpostLug { width:100%; height:100%; position:absolute; z-index:0; } .blockList .listpost .listpostLugPad{ } .blockList .listpost .listpostLug img { max-height:100%; } .blockList .listpost .listpostText { position:absolute; top:160px; right:0; left:0; width:100%; height:100%; z-index:3; padding:40px; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .blockList .listpost a h4 { color:#ffffff; height:auto; margin:0 auto 10px; font-size:1.2em !important; text-shadow:0 0 3px rgba(0,0,0,0.5); } .blockList .listpost .excerptBlurb { opacity:0; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .blockList .listpost .excerptBlurb p { font-weight:normal; font-size:1em; line-height:1.4em; color:#ffffff; } .blockList .listpost .entryInfoStrip { width:calc(100% - 300px); position:relative; bottom:0; display:none; } .blockList .listpost:hover .listpostLug img { opacity:0.5; } .blockList .listpost:hover .listpostText { top:0; background:initial; } .blockList .listpost:hover .excerptBlurb { opacity:1; color:#ffffff; } .boxList .listpost { width:-webkit-calc((100% - 20px) / 3); width:-moz-calc((100% - 20px) / 3); width:calc((100% - 20px) / 3); margin:10px 10px 0 0; } .boxList .listpost:nth-of-type(3n) { margin:10px 0 0; } .boxList .listpost .listpostLug { width:100%; margin:0; height:90px; } .lugList .listpost { width:100% !important; } .lugList .listpost .listpostLug { width:80px !important; height:80px !important; } .lugList .listpost .listpostLug img { height:100%; } .lugList .listpost .listpostText { width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px) !important; padding:10px !important; height:80px; } .lugList .leadPost .listpostLug { width:100%; height:160px; } .lugList .leadPost .listpostText { width:100%; padding:10px; height:auto; position:absolute; bottom:0; } .lugList .leadPost .listpostText h4 { color:#ffffff; text-shadow:0 0 3px rgba(0,0,0,0.5); font-size:1.1em; } .lugList .listpost .excerptBlurb { display:none; } .lugList .listpost .entryInfoStrip { display:none; } .lugList .leadPost .listpostLink:hover .listpostText { background:none; } .lugList .stackpost { width:50% !important; height:160px; } .lugList .stackpost .listpostLug { width:100%; } .lugList .stackpost .listpostText { width:100%; } .cardList .listpost { height:auto; margin:0 auto 20px; width:100% !important; } .cardList .listpost .listpostLug { width:100%; margin:0; height:150px; overflow:hidden; background:#121212; } .cardList .listpost .listpostText { width:100%; position:relative; padding:20px; } .cardList .listpost .entryInfoStrip { width:100%; } .sideList h4, .lugList h4, .stackList h4, .cardList h4 { line-height:1.3em; color:#121212; margin:0; } .sideList h4 { margin:0 !important; } /* --------------------------------------- */ /* AUTHORING /* --------------------------------------- */ .authorStrip { width:100%; height:auto; padding:0; background:none; line-height:1.3em; position:relative; } .authorStrip h5 { margin:0 0 10px; } .authorStrip .authorAvatar { width:35%; float:left; } .authorStrip .authorAvatar img { width:100%; height:100%; float:left; } .authorStrip .authorBio { padding:20px; line-height:1.5em; font-size:0.9em; float:left; width:65%; position:absolute; right:0; bottom:0; } .authorStrip .authorBio p { margin:0 0 5px; } .authorStrip .throwLink { float:none; margin:10px 0 0; } .authorStrip .throwLink a { padding:0 10px 0 0; } .authorStrip .throwLink a .glyphicon:before, .authorStrip .throwLink a .fontello:before { margin:0 10px 0 0 !important; } /* --------------------------------------- */ /* PAGINATION /* --------------------------------------- */ .pagination { color:#787878; font-size:0.85em; } .pagination span, .pagination a { padding:5px 10px !important; margin:0 5px 0 0 !important; display:inline-block; } .pagination .inactive, .pagination a { background:#125272; color:#fff !important; padding:5px 10px; margin:0 5px 0 0; } .pagination .current, .pagination .inactive:hover, .pagination a:hover { background:#0B8BAA; color:#fff } /* --------------------------------------- */ /* RELATED POSTS /* --------------------------------------- */ #subbar { background:#232323; color:#efefef; } #subbar .messageBlock { padding:40px; width:100%; float:left; } .yarpp-related { margin:0 !important; } /* --------------------------------------- */ /* COMMENTS /* --------------------------------------- */ #comments { width:100%; padding:20px; background:#FFF; border-top: 1px solid #EFEFEF; position:relative; bottom:0px; } #comments textarea { width:100%; } /* --------------------------------------- */ /* NAVIGATION /* --------------------------------------- */ .navigate { background:none; } .navigateEnd { display:none; } .navigateBtn { z-index:10; position:fixed; bottom:350px; width:320px; background:#125272; -webkit-transition:all 300ms cubic-bezier(.07,.95,0,1); -moz-transition:all 300ms cubic-bezier(.07,.95,0,1); -o-transition:all 300ms cubic-bezier(.07,.95,0,1); transition:all 300ms cubic-bezier(.07,.95,0,1); } .navigatePrev { left:-240px; text-align:right; } .navigateNext { right:-240px; } .navigateLug { height:80px; width:80px; position:relative; overflow:hidden; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .navigateLug .marker { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; display:block; height:100%; width:100%; padding:20px; color:#ffffff; text-align:center; font:4.5em/0.4em "Montserrat", soleil,"Lucida Grande","Lucida Sans Unicode","Nimbus Sans L",Arial,sans-serif; } .navigateEnd .navigateLug { background:rgba(0,0,0,0.1); } .navigateEnd .marker { font-size:2.5em; line-height:1em; background:none } .navigateLugPad { height:100%; width:100%; position:absolute; opacity:0.2; } .navigateLugPad img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; display:block; margin:auto; height:100%; width:auto; } .navigateText { width:calc(100% - 80px); height:80px; padding:10px; float:left; color:#ffffff; font-size:0.8em; line-height:1.3em; } .navigateText h5 { margin:0; color:#ffffff; font-family:inherit !important; font-size:inherit !important; } .navigateText p { color:#ffffff; } .navigatePrev .navigateLug { float:right; } .navigateNext .navigateLug { float:left; } .navigatePrev:hover { left:0; } .navigateNext:hover { right:0; } .navigateBtn:hover .navigateLug .navigateLugPad { opacity:1; } /* --------------------------------------- */ /* NAVIGATION; INLINE VARIANT /* --------------------------------------- */ .navigateInline { position:static !important; } .navigateInline .navigateEnd { } .navigateInline .navigateBtn { position:static; width:50%; float:left; } .navigateInline .navigatePrev, .navigateInline .navigateNext { position:static; } .navigateInline .navigateLug { } .navigateInline .navigateLug .marker { } .navigateInline .navigateEnd .marker { } .navigateInline .navigateLugPad { } .navigateInline .navigateLugPad img { } .navigateInline .navigateText { } .navigateInline .navigateText h5 { } .navigateInline .navigateText p { } .navigateInline .navigatePrev .navigateLug { } .navigateInline .navigateNext .navigateLug { } .navigatePrev:hover { } .navigateNext:hover { } .navigateBtn:hover .navigateLug .navigateLugPad { } /* ----------------------------------- */ /* CTA BLADES /* ----------------------------------- */ #kickerBar, #leaderBar, #inlineBar {} .promoStrip { background:#2F3C4E; width:100%; clear:both; float:left; border-bottom:1px solid #121212; } .promoStrip h3 { border-bottom:1px solid #121212; border-top:1px solid #121212; margin:0; } .promoStrip h5 { font-size:0.9em; margin:0; } .promoStrip p { color:#cfcfcf; } .promoStrip .listpost { width:25%; } .promoStrip .listpost:first-of-type { width:50%; } .promoStrip a:link > h5, .promoStrip a:visited > h5 { color:#cfcfcf; } .promoStrip a:hover > h5, .promoStrip a:active > h5 { color:#efefef; } /* --------------------------------------- */ /* SIDEBAR / OUTERBAR /* --------------------------------------- */ #sidebar { float:right; background:none; width:22%; width:calc(320px); width:-moz-calc(320px); width:-webkit-calc(320px); position:absolute; height:100%; right:0; } .sidebarTop, .sidebarBottom { padding:0 0 0 20px; float:left; width:100%; margin:0; } #sidebarDivide { background:#121212; position:absolute; height:100%; width:1px; } .sidebarModule { background:none; border:none; width:100%; height:auto; margin:0 auto 20px; max-width:300px !important; } .sidebarModule iframe { margin:0 !important; float:left; } .sidebarBlock { padding:20px; height:300px; clear:both; background:#ffffff; font-size:0.8em; } #outerbar { display:block; margin:0; width:320px; } .outerbarLeft { float:left; } .outerbarRight { float:right; } .outerbarLeft .sidebarTop { padding:0 20px 0 0; } .outerbarLeft .sidebarBottom {padding:0 20px 20px 0; } #outerbar #outerbarBlockPosts { margin:0 auto 20px; max-width:300px; } #outerbar #outerbarLargePosts { margin:0 auto 20px; max-width:300px; } /* --------------------------------------- */ /* SIDEBAR / OUTERBAR - TABLISTPOST /* --------------------------------------- */ .tabList { height:auto; margin:0 auto 20px; } .tabList .listpost { width:100%; display:block; border:none; font-size:0.9em; margin:10px auto 0; } .tabList .listpost .listpostLink { background:#fafafa; float:left; width:100%; height:100%; display:block; position:relative; } .tabList .listpost .listpostLug { float:left; position:relative; width:150px !important; height:120px; margin:0; overflow:hidden; background:#121212; } .tabList .listpost .listpostLug img { width:auto !important; height:100%; position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; margin:auto; min-height:100%; min-width:100%; } .tabList .listpost .listpostText { float:right; width:70%; width:-moz-calc(100% - 80px) !important; width:-webkit-calc(100% - 80px) !important; width:calc(100% - 80px) !important; padding:10px; height:80px; overflow:visible; color:#232323; background:#ffffff; position:absolute; right:0; top:20px; font-size:0.9em; line-height:1.2em; border-left:1px solid #efefef; border-top:1px solid #efefef; border-bottom:1px solid #efefef; } .tabList .listpost .listpostText .catStrip { background:none; padding:3px 10px 0; text-transform:uppercase; width:auto; max-width:150px; height:auto; margin:0; position:absolute; top:-20px; right:0; left:inherit !important; font-size:0.8em; z-index:4; color:#0B8BAA; } .tabList .listpost .bumper { height:1px; width:100%; border-left:10px solid #fff; right:0; position:absolute; bottom:0; display:none; } .tabList .listpost .excerptBlurb { font-weight:normal; } .tabList .listpost .excerptBlurb p { margin:0; line-height:1.3em; color:#232323; } .tabList .listpost .entryInfoStrip { font-size:0.8em; color:#787878; width:100%; margin:0; border:0; position:absolute; bottom:0; left:0; right:0; padding:0 10px 10px; background:none; height:auto; } .tabList .listpost .entryInfoStrip .authorBio { float:right; color:#0B8BAA; } .tabList .listpost .entryInfoStrip .dateStrip { float:right; font-weight:normal; } .tabList .listpost .dateStrip { float:right; font-weight:normal; position:absolute; right:0; bottom:-20px; font-size:0.8em; color:#676767; padding:5px 10px 1px; } .tabList .listpost a img { -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } .tabList .listpost a:hover img { opacity: 0.7; } .tabList .throwLink { color:#000; } .tabList .throwLink:hover { color:#CBDB2A; } /* --------------------------------------- */ /* SIDEBAR / OUTERBAR - SIDE TABBOX /* --------------------------------------- */ #sidebarTabbox, #socialTabbox { background:#ffffff; z-index:6; width:100%; max-width:300px !important; padding:0; overflow:hidden; margin:0 0 20px; } #sidebarTabbox .carousel-navigation li { width:-webkit-calc(100% / 6); width:-moz-calc(100% / 6); width:calc(100% / 6); } #socialTabbox { margin:0 auto; height:400px !important; background:#ffffff; } #socialTabbox .stage { border-bottom:1px solid #efefef; } #socialTabbox .carousel-navigation li { margin:auto; padding:0; } #socialTabbox .carousel-navigation img { display:block; margin:auto; } #socialTabbox .twitter-follow-button { max-width:300px !important; clear:both; padding:10px; display:block; float:left; height:48px !important; width:100% !important; margin:0 !important; } #socialTabbox .twitter-timeline { max-width:299px !important; height:310px !important; clear:both; margin:0; display:block; float:left; } /* --------------------------------------- */ /* SIDEBAR / OUTERBAR - SIDE CAROUSEL /* --------------------------------------- */ .sidebarCarousel .jcarousel { width:100%; max-width:300px; margin:0; } .sidebarCarousel .jcarousel .listpost { max-width:300px; } .sidebarCarousel .cardList .listpost { margin:0; } .sidebarCarousel .jcarousel-control-prev { float:left; width:30px; margin:0 !important; padding:5px; border:0; border-radius:0; color:#fff; line-height:0.5em; border-right:1px solid #003852; } .sidebarCarousel .jcarousel-control-next { float:right; width:30px; margin:0 !important; padding:5px; border:0; border-radius:0; color:#fff; line-height:0.5em; border-left:1px solid #003852; } .sidebarCarousel .jcarousel-control-prev:hover, .sidebarCarousel .jcarousel-control-next:hover { background:#0B8BAA; } .sidebarCarousel .jcarousel-pagination { float:left; width:calc(100% - 60px); width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); background:#125272; border:none; clear:none; height:30px; padding:4px 20px; text-align:center; } .sidebarCarousel { background:#125272; float:left; width:100%; } .sidebarCarousel .carouselSidebar { display:block; float:left; width:100%; } .sidebarCarousel .jcarousel-pagination a { height:10px; width:10px; } .sidebarCarousel .jcarousel-pagination a:hover { background:#0B8BAA; } .sidebarCarousel .jcarousel-pagination a.active { background:#003852; } .jcarousel-loading { visibility:visible; margin:20px auto; display:block; width:200px; height:200px; background:url(images/loading.gif) no-repeat center center; background-size:100%; } /* --------------------------------------- */ /* INSERT - HIGHLIGHT STRIP /* --------------------------------------- */ .highlightStrip { background:#003852; height:auto; width:100%; padding:40px 0; position:relative; z-index:2; } .highlightStrip h1 { color:#ffffff; margin:0 auto 10px; width:100%; text-align:center; } .highlightStrip button { margin:0 auto; display:block; } /* --------------------------------------- */ /* FOOTER /* --------------------------------------- */ #footer { background:#232323; width:100%; height:600px; border-top:none; position:relative; z-index:-2; } #footer:after { background:#121212; background-size:cover; position:absolute; z-index:-1; height:100%; width:100%; left:0; right:0; top:0; bottom:0; opacity:0.4; } #footer p { margin:0; } #footer #footerInner { margin:0 auto; padding:0; position:fixed; z-index:0; bottom:0; left:0; right:0; width:100%; } #footer .footerUpper { min-height:220px; } #footer #footerLead { float:left; width:25%; height:auto; margin:0 auto; padding:0; } #footer #footerLogo { width:100%; height:100px; margin:0 auto 20px; } #footer #footerLogo > a img { width:auto; height:auto; max-height:100%; max-width:100%} #footer .desc { font-size:0.8em; color:#ffffff; margin:0 auto 20px; max-width:600px; } #footer .socialBox { margin:0 auto; height:auto; width:100%; } #footer .socialBox a { margin:0 5px 5px 0; } #footer .socialBox .btn-social { border:none; background:#343434; border-radius:3px; } #footer .socialBox .btn-social:hover { background:#0B8BAA; } #footer #footerPad { float:left; width:5%; height:100px; margin:0 0 40px; padding:0; } #footer #footerLinks { float:right; width:70%; height:auto; margin:0 0 40px; } #footer #footerLinks .group, #footer #footerLinks .column { float:left; width:50%; } #footer #footerLinks .header { color:#0B8BAA; font-size:1.1em; } #footer #footerLinks ul { list-style:none; font-size:0.8em; } #footer .menu li a { color:#ffffff; line-height:1.5em; } #footer .menu li a:hover { color:#0B8BAA; } #footer #footerInfo { float:left; width:100%; font-size:0.7em; line-height:1.4em; text-align:right; color:#afafaf; margin:0 auto 40px; } /* --------------------------------------- */ /* FOOTER - SUBFOOTER /* --------------------------------------- */ #footerSub { background:none; width:100%; height:250px; border-top:none; overflow:hidden; padding:40px 0 0; position:relative; z-index:1; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #footerSubInner { height:100%; margin:0 auto; padding:0; background:rgba(18,82,114,0.5); } #footerSub #logoMain { background:rgba(18,82,114,1); padding:40px 20px; position:relative; margin:0 0 20px; display:inline-block; vertical-align:middle; height:auto; opacity:0.5; border-radius:0 0 40px 0; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; } #footerSub #brands { display:inline-block; margin:40px 0 0; padding:0 0 0 10px; float:right; width:calc(100% - 190px); width:-moz-calc(100% - 190px); width:-webkit-calc(100% - 190px); } #footerSub .logo { margin:0; width:-webkit-calc(100% / 7) !important; width:-moz-calc(100% / 7) !important; width:calc(100% / 7.0001) !important; height:100px; opacity:0.5; display:block; float:left; vertical-align:middle; position:relative; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } #footerSub .logo:hover, #footerSub #logoMain:hover { opacity:1.0; transition:ease; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } #footerSub .logo img, #footerSub #logoMain img { padding:5px; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } #footerSub .logo img { position:absolute; height:auto; width:auto; max-width:100%; max-height:100px; margin:auto; top:-100%; bottom:-100%; left:-100%; right:-100%; } #footerSub .btnTrigger { width:40px; height:40px; position:absolute; top:0; left:40px; cursor:pointer; font-size:0.7em; text-align: center; color:#fff; font-family:arial; font-weight:bold; border:none; padding:15px; border-radius:5px 5px 0 0; z-index:20; margin:0 auto; -webkit-transition:all 1s cubic-bezier(.07,.95,0,1); -moz-transition:all 1s cubic-bezier(.07,.95,0,1); -o-transition:all 1s cubic-bezier(.07,.95,0,1); transition:all 1s cubic-bezier(.07,.95,0,1); } #footerSub.slideOpen { overflow:hidden; height:250px; } #footerSub.slideClosed { overflow:hidden; height:40px; } #footerSub.slideOpen .btnTrigger:before { content: "X"; } #footerSub.slideClosed .btnTrigger:before { content: "..."; } #footerSub.slideOpen .btnTrigger, #footerSub.slideClosed .btnTrigger:hover { background:rgba(0,0,0,0.3); } #footerSub.slideClosed .btnTrigger, #footerSub.slideOpen .btnTrigger:hover { background:#0B8BAA; } /* --------------------------------------- */ /* MEDIA QUERIES / BREAKPOINTS /* --------------------------------------- */ /* MOBILE BROWSER FONT SCALE FIX */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { -webkit-text-size-adjust: none; } } /* ipad/tablet wide */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Base */ .container, .containerWide, #mainContainer { width:100%; margin:0; max-width:none; min-width:0; } #topLink { display:none !important; } .hotLink { position:relative; top:-45px; } #siteWrap { display:none; } /* Trigger Mobile Menu */ #masterMenu { display:block; background:#003852 url(images/logo-header.png) center no-repeat; background-size:contain; z-index:15; } #masterMenu #masterMenuInner, #masterMenu .socialBox, #masterMenu .searchBox, #mainMenu, #menuBar { display:none; } #mobileMenuInner { overflow:auto; height:100%; width:280px; } .btn-menu { display:block; } #menu { display:none; } #menuInner { padding:0 10px; } #agendaMenu { position:static !important; } .sidebarBottom { width:50%; float:left; padding:0 0 0 20px; margin:0; border-left:1px dotted #cdcdcd; } } /* Force ipad portrait content layout */ @media only screen and (max-device-width : 768px) { /* Force Content Resize */ #content { width:100%; margin:0; } #sidebar { width:100%; position:relative; } .sidebarTop { width:50%; float:left; padding:0 20px 0 0; margin:0; } .sidebarBottom { width:50%; float:left; padding:0 0 0 20px; margin:0; } #sidebarTabbox { margin:0; position:relative !important; width:100%; } #sidebarBox { background:#EC008C; width:100%; height:auto; padding:20px; margin:0 0 20px; } /* Mobile Menu Fix */ #mobileMenuInner { overflow:auto; height:100%; width:280px; } } @media screen and (max-width:1600px) { .containerWide .container { width:100% !important; } } @media screen and (max-width:1400px) { .entry > img { height:auto; margin:0 0 20px 20px; max-width:100%; } #outerbar { clear:both; float:left; width:100%; } } /* Macbook Site-Width */ @media screen and (max-width: 1279px) { /* Carousels */ #carouselSuperMulti .superPost { width:100%; } #carouselSuperMulti .superPost .superLug { width:50%; position:relative; float:left; } #carouselSuperMulti .superPost .superText { width:50%; top:0; position:relative; left:initial; right:initial; float:left; } #carouselSuperMulti .superPost .entryInfoStrip { width:50%; right:0; } #carouselSuperMulti .superPost .superText .excerptBlurb { opacity:1; } } /* Small Monitor Full Site-Width */ @media screen and (max-width: 1260px) { /* Base */ .container, .containerWide { width:100%; margin:0; max-width:inherit !important; } #topLink { display:none !important; } .hotLink { position:relative; top:-45px; } /*.entry iframe { width:80% !important; height:inherit !important; min-height:400px !important; }*/ .wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /* Menu */ #masterMenu { display:block; background:#003852 url(images/logo-header.png) center no-repeat; background-size:auto 75%; z-index:15; } #masterMenu #masterMenuInner, #masterMenu .socialBox, #masterMenu .searchBox, #mainMenu, #menuBar, #vertMenu { display:none; } #masterMenu .inlineMenu { background:none; width:100%; position:fixed; z-index:-1; padding:60px 0 0; height:0; overflow:hidden; transition:1s all cubic-bezier(.07,.95,0,1); font-size:0.9em; } #masterMenu .inlineMenu .microMenu-content { width:100%; } #masterMenu .inlineMenu ul li { float:left; width:100%; list-style:none; } #masterMenu .inlineMenu ul li a { float:left; text-align:center; padding:10px 20px; background:#232323; width:100%; display:table; border-top:1px solid #232323; } #masterMenu .inlineMenu ul li:hover a { background:#0B8BAA; } #menuBarBlock { height:60px !important; } .btn-menu, .btn-inlineMenu { display:block; } #menu { display:none; } #menuInner { padding:0 10px; } #agendaMenu { position:static !important; } #fullMenu h1, #fullSearch h1 { padding:10px 20px !important; } #fullMenu .menuColumnPad { padding:0 !important; } #fullMenu #fullMenuInner, #fullSearch #fullSearchInner { overflow-y:scroll; } .vertMain { width:100%; float:none; } .vertMain, .vertCalc { width:100% !important; float:left; left:0 !important; } .vertCalc .btn-drawerLeft { display:block; } .inlineMenuShow { height:auto !important; } .homePage .inlineMenuShow { height:260px !important; } .inlineMenuHide { height:0; } /* Header */ #header, #menuBar { display:none; box-shadow:none !important; } #headerInner { padding:40px 20px; } #headerLogo { width:30%; } #videoContainer { text-align:center; position:absolute; overflow:hidden; top:0; bottom:0; left:0; right:0; } #header video { position:static; height:100%; width:auto; margin:0% -35%; } /* Ads */ #billboardTop { background:#EC008C; width:100%; height:auto; } #billboardBottom { background:#EC008C; width:100%; height:auto; } #siteWrap { display:none; } /* Content */ #main, #mainMicro { margin:0; padding:0; } .mainFeature { margin:0; padding:0 !important; } #mainContainer { max-width:inherit; } .mainFeature #mainContainer { padding:0 !important; } .content, .contentFull { width:100% !important; margin:0; padding:0; } #contentBody { padding:0 !important; } #contentBody .entry { padding:40px 0; min-height:0 !important; } #contentBody .entry > img { height:auto; } #contentBody blockquote { position:static; margin:40px 0 40px 40px; float:right; } #authorAvatar { float:left; margin:0; width:40%; height:300px; text-align:center; overflow:hidden; } #authorAvatar img { float:none; display:block; height:300px; width:auto; } #authorBio { float:right; width:60%; position:absolute; } #headerFeature .titlesFeature { padding:40px !important; } #headerFeature .titlesOuter { height:auto; } .featureContainer .infoStrip { padding:20px 40px !important; } /* Archiving + Listpost */ .archiveList { min-height:0; } .blockList .listpost { width:-webkit-calc(100% / 3); width:-moz-calc(100% / 3); width:calc(100% / 3); } /* Navigation */ .navigate { background:#121212; position:relative; z-index:0; margin:0 auto 40px; } .navigateEnd { display:block; } .navigateBtn { z-index:1; position:relative; top:inherit !important; left:inherit !important; right:inherit !important; bottom:inherit !important; width:50%; float:left; } #navigatePrev { text-align:left; } #navigatePrev .navigateLug { float:left; } #navigateNext { text-align:right; } #navigateNext .navigateLug { float:right; } /* Sidebar */ #sidebar { width:100% !important; position:relative; background:#E6E7E8 !important; } #outerbar { width:100% !important; position:relative; background:#E6E7E8 !important; } .sidebarTop, .sidebarBottom { padding:20px !important; margin:0 !important; } .sidebarTop { width:50%; float:left; border-right:1px dotted #cfcfcf; } .sidebarBottom { width:50%; float:right; } #sidebarBox { background:#EC008C; width:100%; height:auto; padding:0; margin:0 auto 20px; } #sidebarTabbox, #socialTabbox { max-width:300px !important; position:static !important; margin:0 auto; } /* Carousels */ .superPosts { background:#121212; margin:0; } .superPost .superCatStrip { right:inherit; left:80px; } .superPost .superLug { transform:none; width:100%; margin:0; border:0; z-index:0; } .superPost .superLugPad { transform:none; } .superPost .superText { width:100%; padding:80px 80px 100px; bottom:0; top:inherit; right:0; background:none !important; } .superPost .superText h2 { margin:0 0 10px; color:#ffffff; height:auto !important; } .superPost .entryInfoStrip { width:100%; border:0; } .superPosts .jcarousel-pagination { height:40px; background:#232323; } .featuredPosts { margin:0; } .featuredPosts .jcarousel-control-next { position:absolute; right:40% !important; } .featuredPost .featuredLug { width:60%; overflow:hidden; } .featuredPost .featuredLugPad { width:100%; height:100%; } .featuredPost .featuredLugPad img { height:100%; width:auto !important; } .featuredPost .featuredText { width:40%; } .featuredPost .entryInfoStrip { width:40%; } .featuredPost .featuredCatStrip { width:40% !important; padding:0 0 0 20px; } #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:100px 0 0 !important; } #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next, #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:80px 0 0 !important; } /* Module */ #agendaMenu { height:auto; } #agendaMenu ul { width:100%; } #agendaMenu li { width:25%; } .searchBox { max-width:100% !important; } .people .person { width:49%; } .personBlock .caption { padding:inherit; } /* Footer */ #footer { height:auto; } #footer #footerInner { position:static; } #footer .footerUpper { } #footer #footerLead { width:100%; height:auto; margin:80px auto 20px !important; text-align:center; } #footer #footerLogo { width:200px; height:auto; text-align:center; } #footer .socialBox img { width:initial !important; } #footer .socialBox a { float:none; display:inline-block; margin:0 5px 10px 0; } #footer #footerPad { display:none; } #footer #footerLinks { width:100%; height:auto; margin:0 0 40px; } #footer #footerLinks .group { width:50%; margin:0 0 20px; } #footer #footerLinks .column { width:50%; margin:0; padding:0 10px; text-align:center; } #footer #footerLinks .header { margin:0 0 10px; } #footer #footerLinks li a { display:block; width:100%; padding:10px 20px; margin:0 0 5px; background:#0B8BAA; color:#ffffff; border-radius:3px; } #footer #footerLinks li a:hover { background:#2BABCA; color:#ffffff !important; } #footerSub { min-height:0; max-height:inherit !important; height:auto !important; padding:0; } #footerSub .btnTrigger { display:none; } #footerSub #footerSubInner { padding:0; } #footerSub #logoMain { width:200px; height:auto; margin:0 auto; display:block; float:none; text-align:center; } #footerSub #logoMain img { width:100%; max-width:150px; } #footerSub #brands { margin:20px 0 0; width:100%; padding:20px; } #footerSub .logo { float:left; width:-webkit-calc(100% / 6); width:-moz-calc(100% / 6); width:calc(100% / 6); max-height:75px !important; vertical-align:middle; padding:0; margin:0 0 20px; display:block; height:100px !important; text-align:center; } #footerSub .logo img { width:90%; max-width:200px; height:auto; min-width:inherit !important; } /* InfoPanes */ .infoPaneSplit { height:auto; } .infoPaneSplit .colContainer { position:static; } .infoPaneSplit .infoPaneBlock { width:100% !important; height:600px; } .infoPaneSplit .infoPaneBlock .colInner { padding:40px; } .infoPaneSplit .infoPaneBlock.seamlessBlock { height:500px; } .infoPaneSplitFullBack::after { height:1000px !important; } .infoPaneStack .infoPaneBlock { } .infoPaneStack .infoPaneBlock .colInner { padding:40px; } .infoPaneQuote blockquote { font-size:1.3em; } .infoPaneQuote blockquote.pullquote::before { left:-50px; } .infoPaneQuote blockquote.pullquote::after { bottom:0; } } @media screen and (max-width:1080px) { #header video { height:100%; width:auto; margin:0 auto; } #siteWrap { display:none; } } /* Mid-Core Device Element Tweak */ @media screen and (max-width: 1000px) { .authorStrip .authorAvatar { width:35%; } .authorStrip .authorBio { width:65%; } /* Archiving + Listpost */ .blockList .listpost { width:50%; } /* InfoPane */ .infoPane .colContainer { position:static; float:none; } .infoPane button { float:none; margin:0 auto; } .infoPaneCall { position:relative; min-height:0; height:auto; } .infoPaneCall .colContainer { position:static !important; float:none; padding:40px; } .infoPaneCall .floatVertCenter { position:static !important; transform:none !important; } .infoPaneCall .colInner { position:static; padding:0; } .infoPaneCall .colButton { text-align:center; } .infoPaneCall .col3Double, .infoPaneCall .col3 { width:100%; } .infoPaneStack .floatVertCenter { transform:none; position:static !important; } .infoPaneStack .infoPaneBlock { height:auto; } .infoPaneStack .infoPaneIMG { height:550px; } .infoPaneStack button { margin:0; } .infoPaneStack .colInner { position:static !important; padding:0; } .infoPaneCols { } .infoPaneCols .colContainer { padding:40px; } .infoPaneCols .infoCol { width:100%; } .infoPaneCols .colInner { position:static !important; padding:0; } .infoPaneCols .colHeader { padding:40px 0 0; } .infoPaneCols .floatVertCenter { transform:none; position:static !important; } .infoPaneQuote { min-height:0; } .infoPaneQuote .colInner { position:static; } .infoPaneQuote .floatVertCenter { transform:none; position:static; } } /* Standard Tablet Portrait */ @media screen and (max-width: 768px) { /* Base */ #wpadminbar { position:fixed !important; } .container, .containerWide { margin:0 !important; width:100%; } #fullscreenSearch .container { padding:0 20px !important; } #fullscreenSearch .topdeck { padding:150px 0 0; } #fullscreenSearch .lowerdeck { padding:40px 0 80px; } .col2Stack { height:100%; float:left; width:100%; margin:0 auto 20px; } /*.entry iframe { width:80% !important; height:inherit !important; min-height:350px !important; }*/ /* Menus */ #fullSearch .searchBar { font-size:1em; height:50px !important; } #fullSearch .searchBox .glyphicon { font-size:1.8em; } #fullSearch .searchBox .btn-search { height:auto; width:auto; } /* Headers */ #header { display:none; } #headerFeature { height:auto; } #headerFeature #megaIMG { height:350px; } #headerFeature #megaIMG img { max-height:165%; max-width:165%; } #headerFeature .titlesOuter { position:static; } #headerFeature .titlesInner { padding:0 !important; } #headerFeature .titlesFeature { width:100%; padding:40px !important; background:#232323; } #headerFeature .titlesFeature h1{ margin:0 auto 10px; } #headerFeature .gallery { width:100%; position:static; float:left; } #headerFeature .galIMG img { max-height:165%; max-width:165%; } /* Content */ #main { padding:0; } #mainContainer { padding:0 !important; } #contentPanel { min-height:0; } .headline { } .infoStrip { border-bottom:1px solid #cfcfcf !important; } #contentBody .entry { padding:40px; } #featIMG #contentHeader { position:static !important; background:#ffffff; float:left; } #featIMG #contentHeader .catStrip { padding:20px 40px 0 !important; } .pagination .inactive, .pagination a { margin:0 5px 10px 0 !important; } .authorStrip .authorAvatar { width:25%; height:300px; position:relative; overflow:hidden; } .authorStrip .authorAvatar img { height:100%; width:auto; position:absolute; margin:auto; top:-100%; bottom:-100%; left:-100%; right:-100%; } .authorStrip .authorBio { width:75%; } /* Archiving + Listpost */ .blockList .listpost { width:100%; height:auto; } .blockList .listpost .catStrip { text-shadow:none; } .blockList .listpost .listpostLug { width:200px; height:200px; position:static; float:left; display:block; } .blockList .listpost .listpostText { position:static; float:left; display:block; width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); background:none; color:#232323; } .blockList .listpost .listpostText h4 { text-shadow:none; color:#232323; } .blockList .listpost:hover .listpostText { background:#efefef; } .blockList .listpost:hover .listpostText h4 { color:#125272; } .blockList .listpost .listpostText .excerptBlurb { display:block; opacity:1; color:#232323; } .blockList .listpost .entryInfoStrip { display:block; width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); } .archiveList .listpost, .vert .listpost { width:100%; } .archiveList .listpost .listpostLug , .vert .listpost .listpostLug { width:200px; } .archiveList .listpost .listpostText, .vert .listpost .listpostText { width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); padding:60px 20px 40px; } .archiveList .listpost .listpostLug img, .vert .listpost .listpostLug img { height:100%; width:auto; max-width:inherit; } /* Carousels */ #carouselSuperMulti, #carouselSuperMulti .superPost { height:auto; width:100%; } #carouselSuperMulti .superPost .superText { position:static; padding:40px 40px 0; } .superPosts { height:764px; position:relative; } .superPosts #carouselSuper { background:rgba(23,34,45,1); min-height:714px; } .superPosts .superPost { height:auto; position:relative; } .superPosts .superPost .backing { height:450px; max-height:450px !important; min-height:0 !important; z-index:0; } .superPosts .superPost .superLink { position:relative; } .superPosts .superPost .superLug { height:450px; position:relative; float:left; width:100% !important; } .superPosts .superPost .superText { display:block; height:auto ; position:relative; float:left; width:100% !important; padding:40px; } .superPosts .superPost .superText .superTextInner { position:relative; float:left; height:auto; } .superPosts .superPost .superText .superCatStrip { height:auto; } .superPosts .superPost .superText a h2 { height:auto; } .superPosts .superPost .superText .excerptBlurb { display:block; text-shadow:none; } .superPosts .superPost .entryInfoStrip { position:static; padding:10px 40px; width:100% !important; } .superPosts .superPost .authorBio { padding:0; float:left; display:block; } .superPosts .superPost .dateStrip { padding:0; float:right; display:block; } .superPosts .jcarousel-pagination { background:#232323; position:absolute; bottom:0; float:left; height:50px; padding:15px 20px; width:calc(100% - 100px); clear:inherit; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev, .superPosts #carouselSuper-wrapper > .jcarousel-control-next { margin:0 !important; bottom:0; position:absolute; float:left; height:50px; line-height:0; font-size:3em; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev { margin:0 !important; padding:10px !important; background:#232323; border-right:1px solid #000; } .superPosts #carouselSuper-wrapper > .jcarousel-control-next { margin:0 !important; padding:10px !important; background:#232323; border-left:1px solid #000; } .superPosts #carouselSuper-wrapper > .jcarousel-control-prev:hover, .superPosts #carouselSuper-wrapper > .jcarousel-control-next:hover { background:#0B8BAA; } .featuredPosts { margin:0; height:640px; } .featuredPosts .jcarousel-control-next { position:absolute; right:0 !important; } .featuredPost { height:602px; } .featuredPost .featuredLug { width:100%; overflow:hidden; } .featuredPost .featuredLugPad { width:100%; height:100%; } .featuredPost .featuredLugPad img { height:auto !important; width:100% !important; } .featuredPost .featuredText { clear:both; float:left; width:100%; height:200px; } .featuredPost .entryInfoStrip { width:100%; position:relative; margin:20px 0 0; bottom:0; } .featuredPost .featuredCatStrip { width:100% !important; padding:0 0 0 20px; top:350px; z-index:0; height:35px; overflow:hidden; } #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:60px 0 0 !important; } #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next, #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:80px 0 0 !important; } /* Modules */ #agendaMenu { height:auto; } #agendaMenu ul { width:100%; } #agendaMenu li { width:50%; } .searchBox { width:100% !important; } .person .caption p { font-size:inherit; } .people .person { width:32%; } #sidebar-container { display:none; } .days { width:100% !important; } #contentBody .entry table td { width:100% !important; height:auto !important; word-wrap: break-word; } .session { display:block; max-width:100%; text-overflow:ellipsis; overflow:hidden; } /* Navigation */ .navPanel { display:none; } /* Sidebar */ #sidebar { background:#121212; } .sidebarTop, .sidebarBottom { background:#E6E7E8; } /* Footer */ #footer #footerLinks .group { width:100%; } #footerSub .logo { width:24% !important; } /* InfoPanes */ .infoPaneFull .colInner { padding:40px; } .infoPaneStack { height:auto; } .infoPaneStack .infoPaneBlock { width:100%; } .infoPaneStack .infoPaneBlock .colInner { padding:40px; } .infoPaneList { padding:60px 0; } .infoPaneList .listItems3 .listpost, .infoPaneList .listItems4 .listpost { width:100% !important; } .infoPaneList .listpost .listpostText { height:auto; } .infoPaneList .listpost .listpostLug { height:250px !important; } } /* 2015 Large Smartphone Landscape */ @media only screen and (max-width: 667px) { /* Menus */ #fullMenu .menuColumn, #fullSearch .menuColumn { width:100%; float:left; margin:0; padding:40px 0; border-top:2px solid #0B8BAA; } #fullSearch .menuColumnPad { padding:40px 20px; } #fullSearch .deck { border:none; padding:0; } /* Carousels */ .jcarousel-control-prev, .jcarousel-control-next { background:#232323; } .jcarousel-control-prev { border-right:0; } .jcarousel-control-next { border-left:0; } .featuredPosts { margin:0; height:inherit; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next { height:280px; padding:120px 10px; position:absolute; right:50% !important; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev { height:280px; padding:120px 10px; } .featuredPost { height:280px; } .featuredPost .featuredLug { width:50%; overflow:hidden; height:280px; float:left; } .featuredPost .featuredLugPad { width:100%; height:100%; } .featuredPost .featuredLugPad img { height:100%; width:auto !important; } .featuredPost .featuredText { width:50%; height:auto; clear:none; float:left; } .featuredPost h2 { font-size:1.3em; margin:30px 0 10px; } .featuredPost .entryInfoStrip { width:50%; position:absolute; margin:0; bottom:0; border-bottom:none; } .featuredPost .featuredCatStrip { width:50% !important; padding:0 0 0 20px; top:0; z-index:1; } .featuredPost .excerptBlurb { font-size:0.9em; line-height:1.3em; } .sponsoredPost .sponsoredPostLug { width:40%; height:200px; } .sponsoredPost .sponsoredPostText { width:60%; height:200px; } .sponsoredPost .excerptBlurb { font-size:0.9em; line-height:1.3em; } .sponsoredPost .sponsoredPostLugPad img { width: auto !important; margin:auto !important; } #carouselStripTop, #carouselStripBottom, #carouselDrawerTop, #carouselDrawerBottom { width:100%; margin:auto; } .stripCarousel .blockList .listpost .listpostLug { width:100%; } .stripCarousel .blockList .listpost .listpostLug img { max-height:inherit !important; opacity:0.3; } .stripCarousel .blockList .listpost .listpostText { position:absolute; top:0; padding:40px 70px !important; width:100% !important; background:inherit !important; color:#ffffff !important; } .stripCarousel .blockList .listpost .listpostText h4, .stripCarousel .blockList .listpost .listpostText .excerptBlurb { color:#ffffff !important; } .stripCarousel .listpost .listpostLink:hover .listpostText { background:rgba(0,0,0,0.8) !important; } .content { border:none; } } /* Featured Carousel IMG Float Fix */ @media only screen and (max-width: 640px) { .featuredPost .featuredLugPad img { height:100% !important; width:auto !important; } } /* 2015 Smartphone Landscape */ @media screen and (max-width: 600px) { /* Base */ #wpadminbar { position:fixed !important; } container { padding:0 !important; } .col1 { height:100%; width:100%; } .col2 { height:100%; float:left; width:50%; } .col3 { height:100%; float:left; width:33%; width:calc(100% / 3); } .col3Double { height:100%; float:left; width:66%; width:calc(100% / 3 * 2); } .col4 { height:100%; float:left; width:25%; } .col5, .col6 { height:100%; float:left; width:50%; } .col7, .col8 { height:100%; width:25%; } .colInner { padding:20px; } /*.entry iframe { width:100% !important; height:inherit !important; min-height:300px !important; } */ /* Menus */ #masterMenu { height:50px; } #masterMenu .inlineMenu { padding:50px 0 0; } #masterMenu .btn-search { height:50px; width:50px; padding:15px; font-size:1.2em; } #menuBarBlock { height:50px !important; } .btn-drawerTop, .btn-drawerBottom, .btn-drawerLeft, .btn-drawerRight { height:50px; width:50px; padding:15px; font-size:1.7em; } .btn-drawerLeft span, .btn-search span, .btn-drawerBottom span, .btn-drawerTop span, .btn-drawerRight span { height:3px; width:20px; } #fullscreenSearch .topdeck { padding:80px 0 0; } #fullSearch .tabList .listpostLug { width:150px !important; } #fullSearch .tabList .listpostText { width:calc(100% - 80px) !important; padding:10px !important; } #fullSearch .tabList .catStrip { left:inherit !important; } /* Content */ .authorStrip .throwLink { float:left; width:100%; margin:10px auto; } .authorStrip .throwLink a { padding:0; } .authorStrip .authorAvatar { width:100%; float:left; margin:0; height:200px; position:relative; overflow:hidden; } .authorStrip .authorAvatar img { height:auto; width:100%; position:absolute; margin:auto; top:-100%; bottom:-100%; left:-100%; right:-100%; } .authorStrip .authorBio { width:100%; margin:0; float:left; position:relative; } /* InfoPanes */ .infoPane { } #infoPaneHeader { padding:0 !important; } /* Archive */ .listpost { width:50%; } .listpost .listpostLug { height:170px; width:100%; } .listpost .listpostText { width:100%; padding:20px; } .archiveList .listpost .listpostText, .vert .listpost .listpostText { padding:20px !important; } .listpost h4 { margin:0 0 10px; } .listpost .entryInfoStrip { width:100%; font-size:0.9em; height:auto; } .listpost .listpostLug img { height:auto; } /* Sidebar */ #sidebar { padding:20px 0 !important; } .sidebarTop, .sidebarBottom { width:100%; margin:0; border:0; } .sidepostLead .sidepostLug img { width:auto; height:auto; } #sidebar .listpost { width:100% !important; } /* Carousels */ .superPosts { height:670px; position:relative; } .superPosts #carouselSuper { background:rgba(23,34,45,1); min-height:620px; } .superPosts .superPost .backing { height:300px; max-height:300px !important; min-height:0 !important; z-index:0; } .superPosts .superPost .superLug { height:300px; position:relative; float:left; width:100%; } .superPosts .jcarousel-pagination a { width:15px; height:15px; } #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:40px 0 0 !important; } #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next, #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:120px 0 0 !important; } /* Modules */ .people .person { width:49%; } /* Footer */ #footerSub .logo { width:32% !important; } } @media screen and (max-width: 550px){ .blockList { padding:0; } .blockList .listpost { margin:0 auto 20px; } .blockList .listpost .listpostLug, .blockList .listpost .listpostText { width:100%; } .blockList .listpost .listpostLug { height:300px; } } /* Pre-2015 Smartphone Landscape */ @media screen and (max-width: 480px){ /* Base */ .container, .containerWide { } .col1, .col2, .col3, .col3Double, .col4, .col5, .col6 { height:100%; float:left; width:100%; } .col7, .col8 { height:100%; float:left; width:33%; } .colInner { padding:0; } /*.entry iframe { width:100% !important; height:inherit !important; min-height:0 !important; } */ /* Content */ #headerLogo { width:100%; text-align:center; } #headerLogo img { width:80%; display:block; margin:0 auto; } #contentBody .entry > img { width:100% !important; height:auto; max-width:100%; margin:20px auto 40px; } #contentBody blockquote { position:static; width:100% !important; margin:40px 0; float:left; } .authorStrip .authorAvatar { width:100%; float:left; margin:0; height:200px; position:relative; overflow:hidden; } .authorStrip .authorAvatar img { height:auto; width:100%; position:absolute; margin:auto; top:-100%; bottom:-100%; left:-100%; right:-100%; } .authorStrip .authorBio { width:100%; margin:0; float:left; position:relative; } /* Archive */ .vert .listpost, .listpost { width:100%; } .archiveList { padding:20px; } .archiveList .listpost, .vert .listpost { width:100% !important; margin:0 auto 20px; } .archiveFeed #contentBody { background:none; } .listpost h4 { margin:0 0 5px; } .listpostLug { height:130px; } .listpostText { width:100%; } .blockList .listpost .listpostLug { height:250px; } /* Navigation */ .navigateBtn { width:100% !important; } .navigateEnd { display:none; } /* Carousels */ .superPosts { height:auto; position:relative; } .superPosts #carouselSuper { background:rgba(23,34,45,1); min-height:560px; } .superPosts .superPost .backing { height:240px; max-height:240px !important; min-height:0 !important; z-index:0; } .superPosts .superPost .superLug { height:240px; position:relative; float:left; width:100%; } .superPosts .superPost .superText .excerptBlurb { line-height:1.4em; } #carouselSuperMulti, #carouselSuperMulti .superPost { height:-webkit-calc(100vh - 100px); height:-moz-calc(100vh - 100px); height:calc(100vh - 100px); min-height:480px; } #carouselSuperMulti .superPost .superLug { height:200px; } #carouselSuperMulti .superPost .superLugPad img { height:auto !important; } #carouselSuperMulti .superPost .superText { padding:20px; } #carouselSuperMulti .superPost a h2 { font-size:1.4em; } #carouselSuperMulti .superPost .entryInfoStrip { padding:20px; position:absolute; } #carouselSuperMulti .superPost .superText .excerptBlurb { font-size:12pt; } #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:50px 0 0 !important; } #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next, #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:120px 0 0 !important; } #carouselSingleItem li.headshot { text-align:center; } #carouselSingleItem li.headshot img { width:75%; float:none; margin:0 auto 20px; } #carouselSingleItem li.headshot p { width:100%; text-align:left; } #carouselTestimonial li, #carouselTestimonial li.headshot { text-align:center; } #carouselTestimonial li img, #carouselTestimonial li.headshot img { width:75%; float:none; margin:0 auto 20px; } #carouselTestimonial li p, #carouselTestimonial li.headshot p { width:100%; text-align:left; } .stripCarousel .blockList .listpost .listpostText .excerptBlurb { max-height:70px; overflow:hidden; display:none; } /* Modules */ .people .person { width:100% !important; margin:0 auto 20px; } .person .imgFrame { float:left; width:50% !important; } .person .caption { float:left; width:50% !important; padding:20px 10px; } /* Footer */ #footer #footerLinks .group { width:100%; margin:0; } #footer #footerLinks .column { width:100%; margin:0 0 20px; padding:0; text-align:center; } #footer .line1, #footer .line2, #footer .line3 { float:right; display:block; margin:0 auto; width:100%; } #footerSub #logoMain img { width:200px; } #footerSub .logo { width:49% !important; } } /* 2015 Large Smartphone portrait */ @media only screen and (max-width:420px) { .featuredPosts { margin:0; height:inherit; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-prev, .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next { height:200px; padding:90px 10px; } .featuredPosts #carouselLarge-wrapper > .jcarousel-control-next { position:absolute; right:0 !important; } .featuredPost { height:inherit; } .featuredPost .featuredLug { width:100%; height:200px; overflow:hidden; } .featuredPost .featuredLugPad { width:100%; height:100%; } .featuredPost .featuredLugPad img { height:auto !important; width:auto !important; max-height:110%; } .featuredPost .featuredText { clear:both; float:left; width:100%; height:auto; } .featuredPost .entryInfoStrip { width:100%; position:static; margin:0; } .featuredPost .featuredCatStrip { width:100% !important; padding:0 0 0 20px; top:200px; z-index:0; height:35px; overflow:hidden; } .sponsoredPosts { height:440px; } .sponsoredPost .sponsoredPostLug { width:100%; } .sponsoredPost .sponsoredPostText { width:100%; } .infoPaneInner { padding:20px; } .col7, .col8 { height:100%; float:left; width:50%; } } /* 2015 Smartphone portrait */ @media screen and (max-width:400px) { /* Menus */ #masterMenu { background-size:auto 60%; } /* Modules */ #agendaMenu li { width:100%; } .person .imgFrame { width:100% !important; } .person .caption { width:100% !important; } .featuredPost .featuredLugPad img { height:100% !important; width:auto !important; } /* Archive */ .listpost { padding:0; } .listpost .catStrip { position:relative; top:0; left:0; width:100%; height:auto; margin:0; } .listpost .catStrip li { display:inline-block; } .listpost .catStrip li a { border:1px solid #cfcfcf; border-bottom:0; display:inline-block; } .listpost .listpostText { width:100%; height:auto; margin:0; padding:20px; } .listpost .entryInfoStrip { width:100%; position:static; } .blockList .listpost .listpostLug { height:220px; } /* Carousels */ .superPosts #carouselSuper { background:rgba(23,34,45,1); min-height:540px; } .superPosts .superPost .backing { height:220px; max-height:240px !important; min-height:0 !important; z-index:0; } .superPosts .superPost .superLug { height:220px; position:relative; float:left; width:100%; } } @media screen and (max-width: 360px){ #masterMenu { background-size:60px auto; } } /* Pre-2015 Smartphone portrait */ @media screen and (max-width: 320px){ /* Carousels */ .superPosts #carouselSuper { background:rgba(23,34,45,1); min-height:500px; } .superPosts .superPost .backing { height:180px; max-height:240px !important; min-height:0 !important; z-index:0; } .superPosts .superPost .superLug { height:180px; position:relative; float:left; width:100%; } #carouselLarge-wrapper > .jcarousel-control-prev, #carouselLarge-wrapper > .jcarousel-control-next { margin:20px 0 0 !important; } #carouselSingleItem-wrapper > .jcarousel-control-prev, #carouselSingleItem-wrapper > .jcarousel-control-next, #carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:150px 0 0 !important; } /* Footer */ #footerSub .logo { width:70% !important; height:auto !important; text-align:center; float:none; margin:0 auto 20px; display:block; max-height:none !important; min-height:50px !important; } }