/* @group Reset */ /* Reset This! Based on Eric Meyer's Resetting Again and modified by Martin Peace http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ ---------------------------------------------------------------------- */ @import url("https://fonts.googleapis.com/css?family=Lato:400,900,400italic,300italic"); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } /* make margins and padding behave */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* font smoothing */ html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -moz-osx-font-smoothing: grayscale; } /* @end */ .clearfix:after, hr:after, #wrapper:after, #headerWrapper:after, #navWrapper:after, #main:after, footer:after, .footerWrap:after, #content:after, .conference:after, #nav:after, .xContent:after, .speakersx6:after, .hostingbrands:after, .contacts:after, .sponsorLogos h4:after, .sponsorLogos hr:after, .platinum::after:after, .gold::after:after, #counter:after, .days:after, .hours:after, .minutes:after, .seconds:after, .keynotespeaker:after { content: ''; display: table; clear: both; } .clearfix:before, hr:before, #wrapper:before, #headerWrapper:before, #navWrapper:before, #main:before, footer:before, .footerWrap:before, #content:before, .conference:before, #nav:before, .xContent:before, .speakersx6:before, .hostingbrands:before, .contacts:before, .sponsorLogos h4:before, .sponsorLogos hr:before, .days:before, .hours:before, .minutes:before, .seconds:before, .keynotespeaker:before { content: ''; display: table; clear: both; } .centered, .footerWrap, #content, .conference, .trackContainer, .sales, #govacq_training { margin: 0 auto; max-width: 1140px; } /* Letter spacing is simpler.. stolen from somewhere */ body, html { height: 100%; } html { position: relative; } body { line-height: 1.5; font-family: "Lato", "Helvetica", Helvetica, Arial, sans-serif; } p { margin-bottom: 18px; } li { margin-bottom: 2px; } p + p { margin-bottom: 18px; } small { display: inline-block; font-size: 12px; margin-bottom: 18px; } a:link { color: #fff; } a:hover { text-decoration: underline; } a:visited { color: #d6df23; } a:visited:hover { color: #d6df23; } ::-moz-selection { background: #dadada; } ::selection { background: #dadada; } img { height: auto; max-width: 100%; } embed, iframe, object { max-width: 100%; width: 100%; } hr { margin: 24px 0; background: #404041; border: 0 none; display: block; height: 1px; line-height: 1; width: 100%; clear: both; } table { border-collapse: collapse; } table td { font-size: 16px; } html { font-size: 62.5%; /* Sets up base 10 */ } /* Set the type */ h1 { font-size: 65px; font-size: 6.5rem; font-weight: 900; color: #fff; line-height: 1; } h1 .tagline { font-size: 24px; font-size: 2.4rem; font-weight: 700; line-height: 1; } .lettered span { display: inline; position: relative; } .lettered .char1 { left: 8px; } .lettered .char2 { left: 8px; } .lettered .char5 { left: -4px; } .lettered .char6 { left: -8px; } .lettered .char7 { left: -10px; } h3 { font-size: 42px; font-size: 4.2rem; font-weight: 900; margin-bottom: 24px; font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; } @media (max-width: 768px) { h3 { font-size: 38px; font-size: 3.8rem; } } @media (max-width: 768px) { h3 { font-size: 24px; font-size: 2.4rem; } } h4 { font-size: 30px; font-size: 3rem; font-weight: 900; text-transform: uppercase; margin: 0 0 12px; } @media (max-width: 480px) { h4 { font-size: 24px; font-size: 2.4rem; margin: 0 0 8px; } } h5 { font-size: 18px; font-size: 1.8rem; font-weight: 900; margin-bottom: 0; background: #231f20; color: #fff; padding: 24px; letter-spacing: .25em; text-transform: uppercase; } h6 { font-size: 18px; font-size: 1.8rem; font-weight: 900; color: #00a1e4; } p, li { font-size: 18px; font-size: 1.8rem; font-family: "Lato", "Helvetica", Helvetica, Arial, sans-serif; } @media (max-width: 768px) { p, li { font-size: 16px; font-size: 1.6rem; } } @media (max-width: 768px) { p, li { font-size: 14px; font-size: 1.4rem; } } /* Specific type */ nav { font-size: 18px; font-size: 1.8rem; font-weight: 900; text-transform: uppercase; letter-spacing: .025em; } .conference .logo, .conference .date, .conference .venue, .conference .city { display: block; position: relative; z-index: 10; } .conference .date { font-size: 60px; font-size: 6rem; color: #fdfdfd; font-weight: 300; line-height: 1; position: relative; top: 30px; z-index: 10; } @media (max-width: 768px) { .conference .date { font-size: 36px; font-size: 3.6rem; } } @media (max-width: 480px) { .conference .date { font-size: 32px; font-size: 3.2rem; top: 10px; } } .conference .venue, .conference .city { font-size: 24px; font-size: 2.4rem; color: #fdfdfd; font-weight: 900; line-height: 1.5; position: relative; top: 40px; } @media (max-width: 768px) { .conference .venue, .conference .city { font-size: 18px; font-size: 1.8rem; } } @media (max-width: 480px) { .conference .venue, .conference .city { top: 20px; } } @media (max-width: 480px) { .conference .venue { line-height: 1; } } .copyright li { font-size: 12px; font-size: 1.2rem; } .tracklabel { font-size: 18px; font-size: 1.8rem; } /* Interior Track Pages */ .track p { font-size: 36px; font-size: 3.6rem; } @media (max-width: 768px) { .track p { font-size: 24px; font-size: 2.4rem; } } .track p + p { font-size: 24px; font-size: 2.4rem; } @media (max-width: 768px) { .track p + p { font-size: 18px; font-size: 1.8rem; } } .bigTypeIntro { font-size: 36px; font-size: 3.6rem; } .littleTypeIntro { font-size: 24px; font-size: 2.4rem; } /* .xContent h3 { @include font-size(6.8); margin: 24px 0 24px 0; color:$greyred; @include mobile { @include font-size(4.8); margin: 0 0 12px 0; } } .xContent .summary h4 { @include font-size(2.4); margin: 18px 0 8px; font-weight: $font-weight--black; } .xContent .summary h5 { @include font-size(2.4); margin: 12px 0 8px; font-weight: $font-weight--normal; } .xContent .summary h6 { @include font-size(1.4); margin: 12px 0 8px; font-weight: $font-weight--black; } .xContent .summary p { } .xContent .summary ul { margin-bottom: 18px; } .xContent .summary li { margin: 0; } */ .councilmember li { font-size: 14px; font-size: 1.4rem; } .exhibitorresources h5 { font-size: 18px; font-size: 1.8rem; font-weight: 900; margin-bottom: 0; background: #231f20; color: #fff; padding: 24px; letter-spacing: 0; text-transform: none; } .exhibitorresources h5 span { font-size: 18px; font-size: 1.8rem; font-weight: 900; display: block; } html, body { height: 100%; } body { background: #fff; /* @include desktop {background:yellow;} @include tablet {background:red;} @include tablet_micro01 {background:green;} @include mobile {background:blue;} */ } #wrapper { margin: 0 auto; padding: 0; width: 100%; } #main { background-color: #fdfdfd; } #headerWrapper, #navWrapper, #main, footer { width: 100%; } header { background: #111b2e; } .footerWrap, #content, .conference { position: relative; overflow: hidden; } footer .blockBox { margin: 0 auto; max-width: 1140px; width: 100%; } @media (max-width: 1180px) { .footerWrap { padding: 0 30px; } } #nav { width: 100%; position: relative; overflow: hidden; } #nav, #navWrapper { overflow: visible; } #headerWrapper { margin: 68px 0 0 0; background: red; } .venue { padding: 0 72px; } #main { background: url("../img/acquire_pattern2.png") repeat-x; margin: 0; } @media (max-width: 768px) { #main { margin: 0; } } @media (max-width: 630px) { #main { margin: 0; } } @media (max-width: 480px) { #main { margin: 0; } } @media (max-width: 480px) { #content { width: 98%; } } .pContent { float: left; /*max-width: 752px;*/ max-width: 65.964%; width: 100%; padding: 0 0 0 24px; } @media (max-width: 768px) { .pContent { margin: 0 auto; max-width: 96%; width: 96%; float: none; padding: 0; } } .sContent { float: right; /*max-width: 364px;*/ max-width: 31.929%; width: 100%; padding: 0 24px 0 0; overflow: hidden; } @media (max-width: 768px) { .sContent { margin: 0 auto; max-width: 96%; width: 96%; float: none; padding: 0; } } .xContent { margin: 0 auto; } @media (max-width: 768px) { .xContent { padding: 0 10px; } } .g2 { max-width: 170px; } .g3 { max-width: 267px; } .g4 { max-width: 364px; } .g6 { max-width: 558px; } .g8 { max-width: 752px; } #navWrapper { background-color: #1b1b1b; height: 68px; width: 100%; position: fixed; top: 0; left: 0; z-index: 3000; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; } footer { background: #231f20; min-height: 364px; } footer:before, footer:after { content: ""; display: table; } footer:after { clear: both; } @media (max-width: 480px) { footer { min-height: none; } } #footerWrapper { max-width: 1140px; margin: 0 auto; /*min-height: 870px;*/ background-position: bottom !important; min-height: 364px; } #footerWrapper:before, #footerWrapper:after { content: ""; display: table; } #footerWrapper:after { clear: both; } @media (max-width: 768px) { #footerWrapper { width: 94%; margin: 0 auto; } } .trackContainer:before, .trackContainer:after { content: ""; display: table; } .trackContainer:after { clear: both; } @media (max-width: 768px) { .trackContainer { padding: 24px; } } @media (max-width: 480px) { .trackContainer { padding: 0 24px; } } .cardTrack { border: 0 solid red; float: left; text-align: center; } @media (max-width: 768px) { .cardTrack { float: none; margin: 0 auto; } } /* Search Form */ /* form {border:0 solid blue; float: right; position: relative; width: 36.54%; @include tablet { float:none; margin-left: 0; } } form input {border:0 solid red; background: #27272b; border: none; padding: 12px; width:100%; } form span { display: block; overflow: hidden; padding: 0 0 0 0; } */ .notHome header { max-width: 100%; } .notHome .wrapper { background: url("../img/acquire-pattern.png") repeat-x; background-position: center 500px; } @media (max-width: 480px) { .notHome .wrapper { background-position: center 358px; } } .notHome #headerWrap { background: url("../img/acquire-interior-head-bg.jpg") no-repeat; background-size: cover; max-height: 100%; height: 500px; } @media (max-width: 480px) { .notHome #headerWrap { height: 360px; } } .notHome #main { padding: 48px 0 80px; padding: 48px 0 0; margin-left: auto; margin-right: auto; } @media (max-width: 768px) { .notHome #main { padding: 12px 12px 24px; } } @media (max-width: 480px) { .notHome #main { padding: 12px; } } .notHome #content { margin: 0 auto; width: 96%; } .customPages-content { margin: 0; } .privacy { max-width: 620px; width: 100%; margin: 0 auto; } .privacy a { color: #9e1e62; } .privacy p { font-size: 14px; font-size: 1.4rem; } .agencymanagement .fiftyfifty .right { background: #8ac53e; } .informationtechnology .fiftyfifty .right { background: #00a0e3; } .acquisitionmanagement .fiftyfifty .right { background: #2b388f; } .happyfed .fiftyfifty .right { background: #9e1f62; } /* - -----------Trailer Video Container - homepage ------------- - */ .videocontainer { border: 1px solid transparent; margin: 0 0 96px; background: #111b2e; padding: 96px 0 0; } @media (max-width: 768px) { .videocontainer { padding: 14px 0 0; } } .trailer { max-width: 1140px; margin: 0 auto 96px; text-align: center; } @media (max-width: 768px) { .trailer { padding: 24px; margin: 0 auto 0; } } .trailer iframe { max-width: 720px; } @tablet { .trailer iframe { max-width: 600px; } } @mobile { .trailer iframe { max-width: 480px; } } /* - -----------TWO Column------------- - */ .twocolumn { max-width: 1140px; margin: 0 auto; width: 100%; } .twocolumn:before, .twocolumn:after { content: ""; display: table; } .twocolumn:after { clear: both; } /* LEFT SIDE --------------------- */ .twocolumn .customPages, .twocolumn .blockBox { float: left; margin: 0; max-width: 65.964%; width: 100%; padding: 0 0 0 0; } @media (max-width: 768px) { .twocolumn .customPages, .twocolumn .blockBox { margin: 0 auto; max-width: 96%; width: 96%; float: none; padding: 0; } } /* RIGHT SIDE ---------------------- */ .twocolumn .prospectus, .twocolumn .twitterconversation { float: right; clear: none !important; max-width: 31.929%; width: 100%; overflow: hidden; } @media (max-width: 768px) { .twocolumn .prospectus, .twocolumn .twitterconversation { margin: 0 auto; max-width: 96%; width: 96%; float: none; padding: 0; } } .twocolumn > #testimonialsComponent { float: right; max-width: 31.929%; overflow: hidden; width: 100%; border: 1px solid #eaeaea; border-radius: 0 0 0 60px; clear: right; float: right; min-height: 500px; padding: 36px 18px 18px; padding: 36px 0 0; width: 363px; color: #283142; position: relative; } @media (max-width: 768px) { .twocolumn > #testimonialsComponent { margin: 24px auto 0; max-width: 96%; width: 96%; float: none; } } #testimonialsComponent h3 { color: #0a80bb; line-height: 1; margin: 0 0 24px; text-align: left; font-size: 36px; font-size: 3.6rem; padding: 0 12px 0; } #testimonialsComponent li { font-style: italic; } #testimonialsComponent blockquote { padding: 24px; color: #283142; font-size: 20px; font-size: 2rem; background: #fff; background: #e9ebee; padding: 24px; position: relative; } #testimonialsComponent blockquote:after { content: ''; position: absolute; left: 80%; top: 100%; width: 0; height: 0; border-left: 8spx solid transparent; border-right: 20px solid transparent; border-top: 20px solid #e9ebee; clear: both; } #testimonialsComponent a { bottom: 24px; color: #f1592a; font-size: 18px; font-weight: 900; position: absolute; right: 24px; } .twitterconversation { border: 3px solid #00A1E4; padding: 2em; } .twitterconversation img { float: left; margin: 0 24px 30px 0; max-width: 56px; } .twitterconversation a { color: #ed1690; color: #eb218f; } .twocolumn .twitterconversation { float: right; clear: none !important; max-width: 31.929%; width: 100%; overflow: hidden; } /* ------------------------------------ home - label for grid */ .tracklabel { background: url("../img/acquire_trackshape.png") no-repeat; height: 76px; position: relative; padding: 42px 0 0 12px; margin-bottom: 24px; font-style: italic; text-transform: none; font-size: 18px; font-size: 1.8rem; } @media (max-width: 768px) { .tracklabel { background-image: none; background: #D7DF21; margin: 0 auto 24px; padding: 6px 0 0 0; width: 54%; text-align: center; height: 30px; } } /* ------------------------------------ home - introduction */ .introduction { margin: 96px auto; max-width: 1140px; padding: 0; width: 100%; } .introduction:before, .introduction:after { content: ""; display: table; } .introduction:after { clear: both; } @media (max-width: 1180px) { .introduction { margin: 54px auto; width: 100%; padding: 24px; } } @media (max-width: 768px) { .introduction { margin: 42px auto; } } @media (max-width: 480px) { .introduction { padding: 0 24px 30px; } } .introduction h3 { padding: 0; color: #445063; } @media (max-width: 480px) { .introduction h3 { padding: 0; line-height: 1; } } .introduction p.conferenceintro { font-size: 18px; font-size: 1.8rem; line-height: 1.25; color: #445063; } @media (max-width: 768px) { .introduction p.conferenceintro { font-size: 16px; font-size: 1.6rem; padding: 0; } } @media (max-width: 480px) { .introduction p.conferenceintro { padding: 0; } } .introduction a, .fixLinks a { color: #9e1e62 !important; } .introduction a:hover, .fixLinks a:hover { text-decoration: underline !important; } .acquire_bluebox { background: #e9ebee; background-position: bottom right; border-radius: 0 90px 0 0; padding: 54px 97px 36px; line-height: 1; } @media (max-width: 768px) { .acquire_bluebox { padding: 39px 42px; margin: 36px 24px; } } @media (max-width: 480px) { .acquire_bluebox { padding: 39px 24px; margin: 24px; } } p.final { background: #445063; color: #fff !important; font-size: 24px !important; font-weight: 900; padding: 36px 97px 36px; margin: 60px 0 46px; } @media (max-width: 768px) { p.final { padding: 39px 24px; margin: 36px 24px; font-size: 18px !important; } } p.final span { display: block; line-height: .5; color: rgba(255, 255, 255, 0.6); } @media (max-width: 768px) { p.final span { line-height: 1; } } .conferenceintro { float: left; padding: 0 118px 0 0; width: 50%; max-width: 560px; } @media (max-width: 1180px) { .conferenceintro { padding: 0 58px 0 0; } } @media (max-width: 768px) { .conferenceintro { float: none; width: 100%; padding: 0; } } .conferenceintro h3 { line-height: 1.125; } @media (max-width: 768px) { .conferenceintro h3 { font-size: 36px; font-size: 3.6rem; } } @media (max-width: 480px) { .conferenceintro h3 { font-size: 24px; font-size: 2.4rem; } } .conferenceintro p { line-height: 1.5; } .missionstatement { float: right; width: 50%; max-width: 560px; background: #e9ebee; padding: 72px 92px; font-size: 62px; font-size: 6.2rem; line-height: 1; font-weight: 100; color: #445063; border-radius: 0 0 90px 0; } @media (max-width: 1180px) { .missionstatement { font-size: 54px; font-size: 5.4rem; padding: 72px; } } @media (max-width: 768px) { .missionstatement { float: none; width: 100%; max-width: none; font-size: 42px; font-size: 4.2rem; padding: 36px 54px; } } @media (max-width: 480px) { .missionstatement { font-size: 24px; font-size: 2.4rem; padding: 24px 36px; } } .missionstatement span { font-style: none; display: block; color: #a9afb7; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; margin: 0 0 12px; font-weight: 900; } .introduction.promo { border: 1px solid red; padding: 120px 0 60px; color: #445063; } @media (max-width: 768px) { .introduction.promo { padding: 56px; } } @media (max-width: 480px) { .introduction.promo { padding: 24px; } } .introduction.promo { padding: 0 0 60px; } @media (max-width: 480px) { .introduction.promo { padding: 0 24px 60px; } } .introduction.promo h3 { font-size: 30px; font-size: 3rem; line-height: 1; } @media (max-width: 480px) { .introduction.promo h3 { font-size: 16px; font-size: 1.6rem; } } .introduction.promo p { font-size: 18px; font-size: 1.8rem; font-style: inherit; line-height: 1.25; } @media (max-width: 480px) { .introduction.promo p { font-size: 24px; font-size: 2.4rem; line-height: 1.5; } } .introduction.promo p strong { font-weight: 700 !important; } .introduction.promo .acquire_bluebox { background: #e9ebee; background-position: bottom right; border-radius: 0 0 90px 0; border: 3px solid #a9afb7; padding: 54px 97px 36px; margin: 63px 0 46px; line-height: 1; } @media (max-width: 768px) { .introduction.promo .acquire_bluebox { padding: 39px 42px; } } @media (max-width: 480px) { .introduction.promo .acquire_bluebox { padding: 39px 24px; } } .introduction.promo .acquire_bluebox li { font-size: 30px; font-size: 3rem; font-weight: bold; list-style-type: square; } @media (max-width: 768px) { .introduction.promo .acquire_bluebox li { font-size: 18px; font-size: 1.8rem; } } .introduction.promo .cta_simpletext { font-size: 36px; font-size: 3.6rem; font-weight: 900; } .introduction.promo .final { font-size: 24px; font-size: 2.4rem; text-align: center; font-weight: bold; padding: 0 104px; line-height: 1.75; } @media (max-width: 768px) { .introduction.promo .final { font-size: 18px; font-size: 1.8rem; line-height: 1.5; padding: 0 24px; } } .introduction.promo .final strong { font-weight: 900 !important; } .introduction.promo .accordion p { font-size: 18px; font-size: 1.8rem; line-height: 1.5; } /* ------------------------------------ council - grid of headshots and titles */ .council { border-top: 3px solid #404041; clear: both; margin-left: auto; margin-right: auto; margin-top: 35px; max-width: 1140px; padding: 24px; } .council .summary { max-width: 752px; margin: 0 auto; } .council h3 { color: #404041; font-size: 3rem; font-weight: 900; margin: 0 0 12px; text-transform: uppercase; text-align: center; } .notHome .council { max-width: 770px; padding: 0; border-top: none; } .notHome .council .summary { max-width: 752px; margin: 0 auto; } .notHome .council h3 { font-feature-settings: "liga", "kern"; font-size: 4.2rem; font-weight: 900; margin-bottom: 24px; text-rendering: optimizelegibility; text-align: left; text-transform: none !important; color: #231f20; } .councilmember { position: relative; float: left; height: inherit; margin: 0 10px 36px 0; max-width: 170px; width: 100%; } .councilmember ul { margin: 0; padding: 0; } .councilmember li { list-style-type: none; margin: 0; padding: 0 12px 0 0; line-height: 1.25; } .councilmember strong { display: inline-block; margin: 6px 0; } .councilmember > span { background: #326ea4; color: #fff; display: block; font-size: 16px; font-weight: bold; left: 0; opacity: 0.8; position: absolute; text-align: center; top: 118px; padding: 4px 8px; } /* ----------------------------------- Homepage - Council */ .councilContainer { background: #111b2e; border-top: 1px solid #fff; border-bottom: 1px solid #2c539d; color: #fff; margin: 96px 0 0; padding: 54px 0; background: transparent; border-top: 1px solid #fff; border-bottom: none; color: #231f20; margin: 54px 0 0; padding: 54px 0; } .councilContainer .council { max-width: 960px; border-top: none; } .councilContainer .council hr { background: transparent !important; } .councilContainer .council > h4 { font-size: 36px; text-transform: none; padding: 0 0 18px; } .councilContainer .councilmember { border: 3px solid #162239; border-radius: 0 0 54px; padding: 24px; margin: 0 10px 10px 0; max-width: 284px; max-width: 216px; min-height: 300px; border: none; border-radius: 0 0 0; padding: 0; } .councilContainer .councilmember:nth-child(4), .councilContainer .councilmember:nth-child(7), .councilContainer .councilmember:nth-child(13), .councilContainer .councilmember:nth-child(16), .notHome .councilmember:nth-child(8), .notHome .councilmember:nth-child(17), .notHome .councilmember:nth-child(21) { margin-right: 0; } .councilContainer .councilmember ul { margin: 0; padding: 0 10px 0 0; } .councilContainer .councilmember li { font-size: 14px; font-size: 1.4rem; line-height: 1.25; color: #231f20; } .councilContainer .councilmember strong { font-size: 20px; font-size: 2rem; line-height: 1.125; font-weight: 900; color: inherit; } /*.council *:nth-child(6) {clear: left;}*/ .councilContainer .council::after { clear: both; content: ""; display: block; } .notHome .councilmember { height: 354px; max-width: 147px; } /* ----------------------------------- Homepage UPDATE - promoblocks - new header - promoblock1 - speaker/book block - should be able to handle 6 speakers */ .promoblock1 .logo img { position: relative; left: -45px; top: 60px; } @media (max-width: 480px) { .promoblock1 .logo img { left: 0; } } .promoblock1 .acquireDate { position: absolute; right: 230px; top: 184px; } @media (max-width: 1180px) { .promoblock1 .acquireDate { right: 130px; } } @media (max-width: 768px) { .promoblock1 .acquireDate { right: 30px; } } @media (max-width: 480px) { .promoblock1 .acquireDate { right: 12px; top: 60px; width: 24%; } } .promoblock3 { color: #404041; } @media (max-width: 480px) { .promoblock3 { padding: 10px; } } .promoblock3 h3 { font-size: 48px; font-size: 4.8rem; margin: 0 auto 42px; max-width: 1140px; text-align: center; } @media (max-width: 480px) { .promoblock3 h3 { font-size: 30px; font-size: 3rem; line-height: 1.2; margin: 24px auto 36px; } } .promoblock3 p { border: 1px solid red; display: inline-block; font-size: 48px; font-size: 4.8rem; margin: 0 auto; max-width: 1140px; text-align: center; background: #9e1e62; } .promoblock3 h4 { text-transform: inherit; white-space: nowrap; } @media (max-width: 768px) { .promoblock3 h4 { font-size: 18px; font-size: 1.8rem; } } .promoblock3 img { width: 96%; } .speakersx6 { border: 0 solid red; clear: both; margin: 0 auto; font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */ max-width: 1140px; padding: 0; /* text-align: justify; */ } .speakersx6_speaker { display: inline-block; max-width: 31%; margin: 0 24px 48px 0; } @media (max-width: 768px) { .speakersx6_speaker { display: block; max-width: 100%; margin: 0 0 24px; } } @media (max-width: 480px) { .speakersx6_speaker { max-width: 100%; margin: 0 0 24px; } } .notHome .speakersx6_speaker { margin: 0 14px 48px 0; } .notHome .speakersx6_speaker h4, .notHome .speakersx6_speaker a { font-size: 14px; } .speakersx6::after { clear: both; content: ""; display: inline-block; } .speakersx6_speaker.last { clear: both; margin: 0 24px 0 0; } .speakersx6 .btn { text-align: center; display: block; padding-top: 65px; clear: both; } @media (max-width: 480px) { .speakersx6 .btn { margin-bottom: 65px; } } .speakersx6 .btn a { border: 1px solid; font-size: 48px; font-size: 4.8rem; font-weight: 900; padding: 12px 48px; } @media (max-width: 768px) { .speakersx6 .btn a { font-size: 24px; font-size: 2.4rem; } } .speakersx6 .btn a:hover { text-decoration: none; color: #9e1e62; background: #f0f0f0; } /* ------------------------------------ */ .fiftyfifty { max-height: 702px; background: #111b2e; display: table; height: 100%; width: 100%; position: relative; margin: 53px 0 0 0; } .fiftyfifty:before, .fiftyfifty:after { content: ""; display: table; } .fiftyfifty:after { clear: both; } .fiftyfifty .logo img { max-width: 535px; } .left { border: 0 solid red; width: 50%; position: relative; display: table-cell; display: table-cell; text-align: center; vertical-align: middle; max-width: 702px; } @media (max-width: 768px) { .left { width: 100%; display: block; float: none; } } .right { border: 0 solid blue; width: 50%; position: relative; display: table-cell; overflow: hidden; vertical-align: middle; max-width: 702px; } @media (max-width: 768px) { .right { width: 100%; max-width: 100%; display: block; float: none; } } .slideContainer0 { overflow: hidden; } .slideContainer0 ul { line-height: 1; } .slideContainer0 li { margin: 0; } .dateandlocation { position: absolute; bottom: 0; left: 0; background: rgba(233, 235, 238, 0.1); color: #fff; width: 100%; padding: 30px; z-index: 100; } @media (max-width: 1180px) { .dateandlocation { padding: 10px; } } .date { font-size: 41px; font-size: 4.1rem; text-transform: uppercase; font-weight: 900; color: #dae6f3; line-height: 1; } @media (max-width: 1180px) { .date { font-size: 18px; font-size: 1.8rem; } } .location { font-size: 38px; font-size: 3.8rem; text-transform: uppercase; font-weight: 900; color: #dae6f3; line-height: 1; } @media (max-width: 1180px) { .location { font-size: 18px; font-size: 1.8rem; } } .structure { font-size: 14.4px; font-size: 1.44rem; text-transform: uppercase; font-weight: 400; color: #dae6f3; line-height: 1; letter-spacing: 0.03px; } @media (max-width: 1180px) { .structure { font-size: 10px; font-size: 1rem; } } .cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; } .cycle-prev { background: rgba(0, 0, 0, 0.1) url("../img/acq17_slideshowarrow_left.png") no-repeat scroll 50% 50%; left: 0; } .cycle-next { background: rgba(0, 0, 0, 0.1) url("../img/acq17_slideshowarrow_right.png") no-repeat scroll 50% 50%; right: 0; } .cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70); } .disabled { opacity: .5; filter: alpha(opacity=50); } #pager1 { font-size: 24px; line-height: 1; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; z-index: 100000000; } #pager1 .cycle-pager-active { color: #d6df23; } #progress { background: #d6df23 none repeat scroll 0 0; bottom: 0; height: 6px; position: absolute; width: 0; z-index: 500; } .notHome .fiftyfifty .right img { position: absolute; top: 0; left: 0; } /* ------------------------------------ blockbox */ /* .xContent .blockBox { margin: 0 auto 82px !important; @include tablet { margin: 0 auto 41px !important; } } .blockBox a:link, .blockBox a:visited { color:$wine; } .blockBox a:hover { text-decoration: underline; } .blockBox ul, .blockBox ol { padding: 0 0 18px 24px; } .blockBox li { list-style-type: disc; margin: 0 0 8px; } */ /* ------------------------------------ Footer */ footer h3 { padding: 0; margin: 0 0 21px; color: #445063; text-transform: uppercase; font-size: 14px; font-size: 1.4rem; line-height: 1; letter-spacing: 2px; } @media (max-width: 768px) { footer h3 { padding: 30px 0; margin: 0 0 14px; } } @media (max-width: 480px) { footer h3 { padding: 0 0; } } footer ul li { display: inline; } /* --------- Hosting Brands ----------------*/ .hostingbrands { border: 0 solid yellow; padding: 0; margin: 78px auto 54px; clear: both; width: 100%; display: table; } @media (max-width: 768px) { .hostingbrands { display: block; } } .hostingbrands li { display: table-cell; padding: 0 32px; vertical-align: bottom; } @media (max-width: 768px) { .hostingbrands li { display: block; padding: 20px; text-align: center; } } @media (max-width: 480px) { .hostingbrands li { padding: 12px; padding: 0; } } @media (max-width: 768px) { .hostingbrands li img { max-width: 75%; padding: 10px 0; } } @media (max-width: 480px) { .hostingbrands li img { max-width: 50%; } } /* --------- Social Media Icons ----------------*/ .connectSocial { border: 0 solid red; float: left; margin: 0 0 0 32px; } @media (max-width: 768px) { .connectSocial { border: 0 solid red; float: none; margin: 0 auto; max-width: 95%; text-align: center; } } .connectSocial ul { padding: 0; } .connectSocial li { margin: 0 21px 0 0; } @media (max-width: 480px) { .connectSocial li { margin: 0 14px 0 0; } } .connectSocial img { border: 4px solid transparent; border-radius: 90px; background: transparent; max-width: 54px; } @media (max-width: 480px) { .connectSocial img { max-width: 42px; } } .connectSocial img:hover { border-color: #445063; background: #445063; } /* --------- COPYRIGHT ----------------*/ .copyright { float: right; text-align: right; margin: 46px 32px 0; padding: 0; } @media (max-width: 768px) { .copyright { margin: 42px 0 30px; float: none; text-align: center; } } @media (max-width: 480px) { .copyright { margin: 0; padding: 80px 0 40px; } } .copyright img { margin: 0 0 4px; } .copyright li { display: block; margin: 0; color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: 900; } .copyright li a { color: #fff; } /* ------------------------------------ CONTACTS */ .contacts { width: 100%; margin: 0 auto 24px; } @media (max-width: 768px) { .contacts { margin: 0 10px 24px; } } .contacts::after { clear: both; content: ""; display: block; } .contacts ul { float: left; width: 25%; } .contacts a { color: #9F1F63; } .customPages .contacts ul { margin: 0 0 18px; padding: 0; } @media (max-width: 768px) { .customPages .contacts ul { float: none; width: 100%; margin-bottom: 14px; } } .contacts ul.leadContact { border-bottom: 1px solid #eaeaea; float: none; margin: 0 0 24px; padding: 24px 0; /*text-align: center;*/ width: 100%; } .contacts ul li { list-style-type: none; margin: 0; padding: 0; line-height: 1.125; font-size: 16px; font-size: 1.6rem; } .contacts a { font-size: 12px; font-size: 1.2rem; color: #9F1F63; } /* ------------------------------------ FAQs Menu */ .faqsMenu { padding: 0 !important; margin: 0 0 0 0 !important; } .faqsMenu li { display: inline; } .faqsMenu li a { padding: 12px 20px; display: inline-block; font-weight: 700; color: #9e1e62; } .faqsMenu li a:hover { background: #f0f0f0; color: #231f20; text-decoration: none; } /* ------------------------------------ webcasts */ .webcasts img { float: left; max-width: 300px; margin: 0 24px 18px 0; } @media (max-width: 768px) { .webcasts img { float: none; } } .webcasts p { clear: both; } .webcasts span { font-size: 24px; font-size: 2.4rem; font-weight: 900; line-height: 1; } @media (max-width: 768px) { .webcasts span { display: block; } } /* ------------------------------------ small social media buttons */ .socialMediaSmall li { display: inline-block; margin: 0 26px 0 0; } /* ------------------------------------ produced by container */ .producedBy { display: block; margin: 0 auto; max-width: 220px; padding: 0 18px; width: 100%; text-align: center; } .producedBy:before, .producedBy:after { content: ""; display: table; } .producedBy:after { clear: both; } .producedBy h6 { margin: 0 0 0; color: #231f20; font-weight: 900; font-size: 18px; font-size: 1.8rem; } @media (max-width: 768px) { .producedBy h6 { font-size: 14px; font-size: 1.4rem; margin: 18px 0 0; } } /* ------------------------------------ Additional logo container for interior pages - goes in sContent - use if producedBy is occupied */ .producedByAdditional { background: transparent; padding: 24px; text-align: center; border: 3px solid #eaeaea; } .producedByAdditional h6 { font-size: 12px; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; position: relative; text-align: center; } @media (max-width: 768px) { .producedByAdditional h6 { font-size: 10px; font-size: 1rem; float: left; right: 0; padding: 10px; } } /* ------------------------------------ simple button */ .simplebutton a { display: block; background: #9e1e62; color: #fff !important; font-weight: 900; max-width: 220px; width: 100%; text-align: center; padding: 10px; -webkit-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .simplebutton a:hover { text-decoration: none; background: #fcb614; color: #fff; } /* ------------------------------------ press releases - turn list items into list of releases */ .pressreleases h4 { font-size: 42px; font-size: 4.2rem; text-transform: none; margin-bottom: 24px; line-height: 1; } .theacquirefeed { max-width: 620px; margin: 0 auto; position: relative; } .theacquirefeed h4 { font-size: 24px; font-size: 2.4rem; margin-bottom: 0; text-transform: none; } .theacquirefeed img { margin-bottom: 24px; } .theacquirefeed p { margin-bottom: 24px; } .theacquirefeed a { color: #9e1e62; } .pressreleases ul { margin: 0; padding: 0; } .pressreleases ul li { background: #f0f0f0; border: 1px solid transparent; display: block; list-style: none; margin: 0 0 12px; padding: 0; position: relative; } .pressreleases ul li h3 { font-size: 18px; font-size: 1.8rem; line-height: 1; margin: 0 0 0 27.5%; padding: 24px; max-width: 486px; } @media (max-width: 768px) { .pressreleases ul li h3 { margin: 0 0 0 21.5%; } } @media (max-width: 480px) { .pressreleases ul li h3 { margin: 24px 0 0 0; max-width: 100%; } } .pressreleases ul li span { left: 24px; position: absolute; top: 24px; } .acquirefeedPostDate { font-size: 18px; font-size: 1.8rem; font-weight: 900; left: 0; position: absolute; top: 0; } /* ------------------------------------ Custom Pages */ .customPages { margin: 0 auto 0; border: 1px solid transparent; position: relative; } .customPages, .pressreleases { max-width: 620px; } .testimonials { max-width: 960px; } .customPages { padding: 0 0 48px 0; } /* page title */ .customPages h3 { line-height: 1.125; font-size: 36px; font-size: 3.6rem; } @media (max-width: 768px) { .customPages h3 { margin: 24px 0 12px; } } /* item title */ .customPages h4 { font-size: 2.4rem; margin-bottom: 12px; text-transform: none; } .customPages p { margin-bottom: 24px; } .customPages a { color: #9e1e62 !important; } .customPages-content > h4 { text-transform: none; } .customPages ul { list-style-type: disc; padding: 0 0 0 24px; margin: 0 0 18px 0; } .customPages .councilmember ul { padding: 0 0 0 0; margin: 0 0 0 0; } /* ------------------------------------ blockquotes -Used on the testimonials page */ .testimonials blockquote { font-size: 42px; font-size: 4.2rem; font-family: "Lato", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 400; font-style: italic; color: #445063; line-height: 1.25; text-align: center; border-bottom: 3px solid #f0f0f0; padding: 96px 0; position: relative; z-index: 1000; } @media (max-width: 768px) { .testimonials blockquote { font-size: 36px; font-size: 3.6rem; } } @media (max-width: 768px) { .testimonials blockquote { font-size: 24px; font-size: 2.4rem; } } .testimonials blockquote::before { content: "\201C"; display: inline; font-size: 82px; line-height: 0; margin: 0; padding: 0; z-index: 1; } .testimonials blockquote::before { font-size: 142px; position: relative; top: 36px; } .testimonials blockquote span::after { background: #fff url("/design/gig/acquire/2017/img/acq17_logo_acquire_grey.png") no-repeat scroll center 0; bottom: -24px; content: ""; display: block; height: 55px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; width: 80px; } .testimonials blockquote:last-of-type { border: none; } .testimonials blockquote:last-of-type:after { background: none; } .testimonials blockquote span:last-of-type:after { background: none; } blockquote span { display: block; margin: 12px 0 0; font-size: 75%; font-style: normal; color: #969aa0; } /* ------------------------------------ Exhibitor Resources page */ .exhibitorresources .sponsorTable table td { font-size: 14px; } .exhibitorresources h5 + div > p { padding: 0 24px; } .exhibitorresources h6 { background: white; text-align: left !important; } .exhibitorresources h7 { display: block; font-weight: bold; margin: 24px 0 0; } .pressreleases a:link, .pressreleases a:visited { color: #9e1e62; } /* ------------------------------------ home - label for grid */ .logo > img { padding: 0; width: 50%; } @media (max-width: 768px) { .logo > img { padding: 32px; } } @media (max-width: 480px) { .logo > img { padding: 18px; } } .notHome .logo > img { max-width: 288px; padding: 18px; } .happyfed .logo > img { position: relative; top: 18px; } @media (max-width: 768px) { .happyfed .logo > img { top: 0; } } /* ------------------------------------ agecny management - hub page - styles for sub hubs */ .agencyhub { background: #e9ebee; margin: 0 0 24px; padding: 36px 24px; } .agencyhub:before, .agencyhub:after { content: ""; display: table; } .agencyhub:after { clear: both; } .agencyhub > img { float: left; margin: 12px 18px 24px 0; max-width: 180px; text-align: center; } .agencyhub ul, .agencyhub p { font-size: 16px; font-size: 1.6rem; margin-bottom: 12px; } .agencyhub li { font-size: 16px; font-size: 1.6rem; } html { font-size: 62.5%; /* Sets up base 10 */ } /* Set the type */ h1 { font-size: 65px; font-size: 6.5rem; font-weight: 900; color: #fff; line-height: 1; } h1 .tagline { font-size: 24px; font-size: 2.4rem; font-weight: 700; line-height: 1; } .lettered span { display: inline; position: relative; } .lettered .char1 { left: 8px; } .lettered .char2 { left: 8px; } .lettered .char5 { left: -4px; } .lettered .char6 { left: -8px; } .lettered .char7 { left: -10px; } h3 { font-size: 42px; font-size: 4.2rem; font-weight: 900; margin-bottom: 24px; font-feature-settings: "liga", "kern"; text-rendering: optimizelegibility; } @media (max-width: 768px) { h3 { font-size: 38px; font-size: 3.8rem; } } @media (max-width: 768px) { h3 { font-size: 24px; font-size: 2.4rem; } } h4 { font-size: 30px; font-size: 3rem; font-weight: 900; text-transform: uppercase; margin: 0 0 12px; } @media (max-width: 480px) { h4 { font-size: 24px; font-size: 2.4rem; margin: 0 0 8px; } } h5 { font-size: 18px; font-size: 1.8rem; font-weight: 900; margin-bottom: 0; background: #231f20; color: #fff; padding: 24px; letter-spacing: .25em; text-transform: uppercase; } h6 { font-size: 18px; font-size: 1.8rem; font-weight: 900; color: #00a1e4; } p, li { font-size: 18px; font-size: 1.8rem; font-family: "Lato", "Helvetica", Helvetica, Arial, sans-serif; } @media (max-width: 768px) { p, li { font-size: 16px; font-size: 1.6rem; } } @media (max-width: 768px) { p, li { font-size: 14px; font-size: 1.4rem; } } /* Specific type */ nav { font-size: 18px; font-size: 1.8rem; font-weight: 900; text-transform: uppercase; letter-spacing: .025em; } .conference .logo, .conference .date, .conference .venue, .conference .city { display: block; position: relative; z-index: 10; } .conference .date { font-size: 60px; font-size: 6rem; color: #fdfdfd; font-weight: 300; line-height: 1; position: relative; top: 30px; z-index: 10; } @media (max-width: 768px) { .conference .date { font-size: 36px; font-size: 3.6rem; } } @media (max-width: 480px) { .conference .date { font-size: 32px; font-size: 3.2rem; top: 10px; } } .conference .venue, .conference .city { font-size: 24px; font-size: 2.4rem; color: #fdfdfd; font-weight: 900; line-height: 1.5; position: relative; top: 40px; } @media (max-width: 768px) { .conference .venue, .conference .city { font-size: 18px; font-size: 1.8rem; } } @media (max-width: 480px) { .conference .venue, .conference .city { top: 20px; } } @media (max-width: 480px) { .conference .venue { line-height: 1; } } .copyright li { font-size: 12px; font-size: 1.2rem; } .tracklabel { font-size: 18px; font-size: 1.8rem; } /* Interior Track Pages */ .track p { font-size: 36px; font-size: 3.6rem; } @media (max-width: 768px) { .track p { font-size: 24px; font-size: 2.4rem; } } .track p + p { font-size: 24px; font-size: 2.4rem; } @media (max-width: 768px) { .track p + p { font-size: 18px; font-size: 1.8rem; } } .bigTypeIntro { font-size: 36px; font-size: 3.6rem; } .littleTypeIntro { font-size: 24px; font-size: 2.4rem; } /* .xContent h3 { @include font-size(6.8); margin: 24px 0 24px 0; color:$greyred; @include mobile { @include font-size(4.8); margin: 0 0 12px 0; } } .xContent .summary h4 { @include font-size(2.4); margin: 18px 0 8px; font-weight: $font-weight--black; } .xContent .summary h5 { @include font-size(2.4); margin: 12px 0 8px; font-weight: $font-weight--normal; } .xContent .summary h6 { @include font-size(1.4); margin: 12px 0 8px; font-weight: $font-weight--black; } .xContent .summary p { } .xContent .summary ul { margin-bottom: 18px; } .xContent .summary li { margin: 0; } */ .councilmember li { font-size: 14px; font-size: 1.4rem; } .exhibitorresources h5 { font-size: 18px; font-size: 1.8rem; font-weight: 900; margin-bottom: 0; background: #231f20; color: #fff; padding: 24px; letter-spacing: 0; text-transform: none; } .exhibitorresources h5 span { font-size: 18px; font-size: 1.8rem; font-weight: 900; display: block; } /* ------------ NAVIGATION */ @media (max-width: 768px) { nav { position: relative; } } #nav > a { display: none; line-height: 68px; } @media (max-width: 768px) { #nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type { display: block; position: relative; right: 0; text-align: right; } } @media (max-width: 768px) { #nav:target > ul { display: block; } } nav li { display: inline; position: relative; z-index: 2; } nav a { padding: 0 1em; display: inline-block; transition: 0.25s cubic-bezier(0.005, 0.98, 0.365, 0.98) 0.05s; } @media (max-width: 1180px) { nav a { padding: 0 10%; } } @media (max-width: 768px) { nav a { padding: 0 4%; line-height: 24px; } } nav a ul:hover { color: #d6df23; } /* label within the dropdown */ .navTitle { line-height: 1; padding: 21px 10px 14px 30px; color: #445063; display: block; } @media (max-width: 768px) { .navTitle { display: none; } } /* for the logos within the nav */ nav ul ul img { padding: 0 10px 0 0; vertical-align: middle; } @media (max-width: 480px) { nav ul ul img { display: none; } } /*style the sub menu*/ nav ul { text-align: left; line-height: 68px; } @media (max-width: 768px) { nav ul { height: auto; display: none; position: absolute; left: 0; right: 0; padding: 10px 0; background: #1b1b1b; } } nav ul li { float: left; display: inline-block; margin-bottom: 0; } @media (max-width: 768px) { nav ul li { width: 100%; float: none; } } nav li ul { display: none; } @media (max-width: 768px) { nav li ul { position: static; margin: 10px 0; } } nav ul li:hover { background-color: #231f20; } nav ul li a { cursor: default; } nav ul li ul li a { cursor: pointer; } nav .last a { cursor: pointer; } nav ul li.wirelogo:hover { background-color: transparent; } nav ul li > a { display: block; } nav ul li ul { position: absolute; /*width:400px;*/ padding: 12px 0; background-color: #231f20; z-index: 100; transition: 0.25s cubic-bezier(0.005, 0.98, 0.365, 0.98) 0.05s; } @media (max-width: 768px) { nav ul li ul { width: 100%; position: relative; } } @media (max-width: 480px) { nav ul li ul { height: auto !important; } } nav ul li ul li { line-height: 36px; width: 360px; overflow: hidden; margin-bottom: 0; } @media (max-width: 768px) { nav ul li ul li { width: auto; display: block; } } @media (max-width: 480px) { nav ul li ul li { width: 100%; } } nav ul li ul li a { text-transform: none; display: block; height: 36px; line-height: 36px; position: relative; left: 0; padding: 0 0 0 30px; font-size: 16px; font-size: 1.6rem; } @media (max-width: 768px) { nav ul li ul li a { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } } @media (max-width: 480px) { nav ul li ul li a { height: 18px; line-height: 18px; } } nav ul li ul li.sub a { padding: 0 0 0 60px; } nav ul li ul li a:before { content: ''; display: block; position: absolute; left: -10px; top: 0; background: #231f20; height: 41px; width: 2px; opacity: 1; -webkit-transition: all 10ms ease-in-out; -moz-transition: all 10ms ease-in-out; -ms-transition: all 10ms ease-in-out; -o-transition: all 10ms ease-in-out; transition: all 10ms ease-in-out; } nav ul li ul li:hover a { left: 10px; } nav ul li ul li:hover a:before { content: ''; display: block; position: absolute; left: -10px; top: 0; background: #d6df23; height: 41px; width: 8px; opacity: 1; } nav ul li ul.fallback { display: none; } nav ul li:hover ul.fallback { display: block; } .sub img { width: 32px; } nav a:link { color: #fff; } nav a:hover { text-decoration: none; color: #d6df23; } nav a:hover { text-decoration: none; } nav a:visited { color: #fff; } nav a:visited:hover { color: #d6df23; } /* ----------------------- an FCW Event */ #nav .event { color: #596579; font-size: 12px; letter-spacing: 0; font-weight: bold; position: relative; line-height: 68px; float: right; top: 4px; } @media (max-width: 480px) { #nav .event { padding: 0 4%; } } #nav .event > img { margin: 0 2px; } #nav .event:hover { background: none; } /* ----------------------- logo in navigation */ .wirelogo { position: relative; z-index: 1000; float: left; margin-left: 70px; margin-right: 35px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } @media (max-width: 1180px) { .wirelogo { margin-left: 35px; margin-right: 35px; } } @media (max-width: 768px) { .wirelogo { margin: 0 4%; overflow: hidden; padding: 0; } } /* .wirelogo:before { height: 80px; width: 200px; background-color: rgba(black, 0.5); -webkit-transform: skew(20deg); transform: skew(30deg); content: ""; display:block; position:absolute; z-index: 1; @include transition(all, .2s, ease-in-out); } */ nav .wirelogo a { display: block; text-align: center; padding: 0; border: none; cursor: pointer; line-height: 68px; font-size: 18px; color: #575a60; font-weight: 900; } @media (max-width: 768px) { nav .wirelogo a { width: auto; } } @media (max-width: 1180px) { nav .wirelogo span { display: none; } } /* --------------------- Button on Menu - registration */ .last.registerBTN { float: right; margin: 10px 35px 0 35px; top: 0; right: 0; line-height: 68px; display: block; position: relative; } @media (max-width: 768px) { .last.registerBTN { margin: 3px auto; width: 100%; float: none; padding: 0 4%; } } .last.registerBTN > a { background: #d6df23; border-radius: 120px; border: 1px solid #d6df23; color: #231f20; text-transform: none; line-height: 40px; padding: 0 24px; margin: 0 auto; position: relative; top: 2px; overflow: hidden; } @media (max-width: 860px) { .last.registerBTN > a { font-size: 16px; padding: 0 18px; line-height: 40px; } } .last.registerBTN > a:hover { background: transparent; color: #d6df23; border-color: #d6df23; } nav ul li.last:hover { background: none; } /* ------------------------- Divider for making the nav looked categorized */ .navTitleLinked { background: #231f1f; border-top: 1px solid #445063; display: block; height: inherit; margin: 18px 0 0; padding: 10px 0 0; width: 100%; } @media (max-width: 480px) { .navTitleLinked { margin: 6px 0 0; padding: 4px 0 0; } } /* ---------------------------- acquire 2016 link in nav */ .acquire2016 a:hover { cursor: pointer; } /* -------------------------------- Flip Cards */ /* entire container, keeps perspective */ .flip-container { -webkit-perspective: 1000; perspective: 1000; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .flip-container:hover { cursor: pointer; } /* flip the pane when hovered */ /* .flip-container:hover .back { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .flip-container:hover .front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } */ /* flip the pane when clicked */ /* .flip-container.active .front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .flip-container.active .back { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } */ /* flip the pane when hovered */ .flip-container:hover .flipper, .flip-container.hover .flipper { -ms-transform: rotateY(180deg); /* IE 9 */ -webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */ transform: rotateY(180deg); } .flip-container, .front, .back { width: 24%; height: 480px; margin-bottom: 40px; } @media (max-width: 860px) { .flip-container, .front, .back { width: 100%; } } /* flip speed */ .flipper { -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } /* hide back of pane during swap */ .front, .back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } /* front pane, placed above back */ .front { z-index: 2; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } /* back, initially hidden pane */ .back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } /* disable flip on mobile safari */ @media (max-width: 768px) { .flip-container:hover .flipper { -webkit-transform: rotateY(0deg); } } .flip-container { margin-right: 1.33%; } .flip-container.end { margin: 0; } .flip-container img { width: auto; max-width: none; } .flip-container .front, .flip-container .back { display: table; margin: 0 auto; width: 100%; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-clip: padding-box; -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; -webkit-border-bottom-left-radius: 60px; border-bottom-left-radius: 60px; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; } .flip-container .front { background: #fff; } .flip-container .front a { display: block; } .flip-container .front:before { border: 4px solid black; content: ''; display: block; height: 80%; width: 100%; position: absolute; } .flip-container .front > img { margin: 70px 0 4px; padding: 0 0; max-width: 240px; width: 100%; } .flip-container .front p { color: #fff; font-weight: 700; line-height: 1.125; display: block; margin: 0 auto; padding: 36px 24px 0; height: 128px; position: absolute; bottom: 0; width: 100%; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-clip: padding-box; -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; -webkit-border-bottom-left-radius: 60px; border-bottom-left-radius: 60px; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; } .informationtechnology.flip-container .front p { padding: 36px 0 0; font-size: 13px; } .happyfed.flip-container .front p { padding: 36px 0 0; font-size: 15px; } .flip-container .back { background: #404041; color: #fff; } .flip-container .back img { padding: 40px 0 0 0; } .flip-container .back p { padding: 0 42px; font-size: 12px; font-size: 1.2rem; line-height: 20px; padding: 0 42px; top: 18px; position: relative; } .back-link { bottom: 30px; left: 0; position: absolute; right: 0; } .back-link a { background: #231f20; border-radius: 30px 0; display: block; padding: 10px 0; font-weight: 900; } .back-link a:hover { background: #d6df23; color: #231f20; } .producedby { display: block; position: relative; z-index: 100; height: 70px; color: #fff; font-size: 10px; font-weight: 900; font-style: italic; text-transform: uppercase; width: 100%; position: relative; margin: 10px 0; } .producedby span { display: inline; margin-right: 20px; } .producedby img { margin: 0; padding: 0; position: relative; top: 12px; max-width: 256px; } .industrydays .producedby img { max-width: 156px; } .producedby + p { padding: 60px 42px 0 !important; } .informationtechnology .producedby { background: #00a1e4; } .industrydays .producedby { background: #8cc63e; } .happyfed .producedby { background: #ed1690; } .professionalservices.flip-container .front:before { border-color: #356ea4; } .professionalservices.flip-container .front p { background: #262261; } .officemanagement.flip-container .front:before { border-color: #ffde16; } .officemanagement.flip-container .front p { background: #f7931d; } .informationtechnology.flip-container .front:before { border-color: #00a1e4; } .informationtechnology.flip-container .front p { background: #13588d; } .industrydays.flip-container .front:before { border-color: #8cc63e; } .industrydays.flip-container .front p { background: #13588d; } .acquisitionexcellence.flip-container .front:before { border-color: #283891; } .acquisitionexcellence.flip-container .front p { background: #283891; } .projectmanagement.flip-container .front:before { border-color: #f7931d; } .projectmanagement.flip-container .front p { background: #f1592a; } .happyfed.flip-container .front:before { border-color: #ed1690; } .happyfed.flip-container .front p { background: #9f1f63; } .talentmanagement.flip-container .front:before { border-color: #f05a2a; } .talentmanagement.flip-container .front p { background: #642c90; } .informationtechnology .front p { line-height: 1.125; padding-top: 16px; font-size: 17px; } @media (max-width: 480px) { .acquisitionexcellence.flip-container .back p { font-size: 17px; } } .trackContainer a:hover { text-decoration: none; } .cardTrack.end { float: right; margin: 0; } /* ------------------------------ ACCORDION */ .accordion h6 { color: #231f20; border-top: 1px solid #e7e7e7; padding: 24px 0 24px 24px; text-align: left; } .accordion h6.ui-state-active { color: #9e1e62; background: #e7e7e7; } .accordion h6:hover { background: #e7e7e7; } .accordion h6 .price { color: #231f20; position: absolute; right: 5%; } .keynotespeaker .accordion h6 { width: 70%; margin-left: auto; margin-right: auto; } /* -------------------------------- callout - blockbox */ .callout { background: #231f20; color: #fff; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-clip: padding-box; -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; -webkit-border-bottom-left-radius: 60px; border-bottom-left-radius: 60px; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; } .callout > h3 { background: #d6df23; padding: 12px 36px; color: #231f20; line-height: 1; font-size: 24px; font-size: 2.4rem; } .callout .summary { padding: 18px 36px; } .callout p, .callout li { font-size: 14px; font-size: 1.4rem; } .callout li { margin: 0 0 8px; } /* CALLOUT - ALERT */ .calloutAlert { padding: 48px; margin: 48px 0; text-align: center; border-top: 3px solid #f0f0f0; border-bottom: 3px solid #f0f0f0; } @media (max-width: 480px) { .calloutAlert { padding: 24px 0; } } .calloutAlert p { padding: 0 20%; } /* -------------------------------- calloutText */ .calloutText { background: #231f20; color: #fff; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-clip: padding-box; -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; -webkit-border-bottom-left-radius: 60px; border-bottom-left-radius: 60px; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; padding: 48px; } .calloutText p { font-size: 24px; font-size: 2.4rem; font-weight: 100; line-height: 1; } @media (max-width: 860px) { .calloutText p { font-size: 24px; font-size: 2.4rem; padding: 36px 24px; } } @media (max-width: 480px) { .calloutText p { display: none; } } .calloutText span { font-weight: 900; } .calloutText span.small { font-size: 18px; font-size: 1.8rem; } .calloutText img { width: 100%; } /* -------------------------------- button */ .button { background: #9e1e62; color: #fff !important; display: block; font-weight: 900; padding: 1em; font-size: 24px; font-size: 2.4rem; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; } @media (max-width: 768px) { .button { margin: 0 10px; } } .button:before { height: 100%; width: 0%; display: block; content: ''; position: absolute; bottom: 0; left: 0; background: #d6df23; z-index: 100; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .button:hover:before { bottom: 0; width: 3%; left: 0; z-index: 100; } .button:hover { color: #fff !important; padding-left: 40px; } /* ---------------------------- button with image - place within the sidebar - sContent */ .buttonImg { clear: both; padding: 36px 18px 18px; background: #9e1e62; border-radius: 0 60px 0 0; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 18px; max-width: 336px; } .buttonImg.prospectus { background: #0a80bb; } .buttonImg.omprospectus { background: #404041; } /* .buttonImg:hover { padding-left: 20px; } */ .buttonImg h3 { color: #043c53; font-weight: 400; text-align: left; line-height: 1; font-size: 18px; font-size: 1.8rem; margin: 0 0 12px; } @media (max-width: 768px) { .buttonImg h3 { padding: 12px 12px 0; } } .buttonImg span { font-weight: 900; font-size: 36px; font-size: 3.6rem; } .buttonImg .summary p { margin: 0; } /* .buttonImg:before { height: 100%; width: 0%; display: block; content: ''; position: absolute; bottom: 0; left: 0; background: $color-primary; z-index: 100; @include transition(all, .2s, ease-in-out); } .buttonImg:hover:before { bottom:0; width: 3%; left: 0; z-index: 100; padding:14px 36px 2px; } */ .buttonImg .footer { margin: 12px 0 0 0; } @media (max-width: 768px) { .buttonImg .footer { margin: 12px auto; width: 80%; } } .buttonImg .footer a { background: #f1592a; border-radius: 60px; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; padding: 12px 18px; width: 100%; text-align: center; display: block; font-weight: 900; } @media (max-width: 768px) { .buttonImg .footer a { font-size: 18px; font-size: 1.8rem; } } .buttonImg .footer a:visited { color: #fff; } .buttonImg .footer a:hover { background: #043c53; text-decoration: none; } .happyfed .buttonImg .footer a { background: #eb218f; color: #fff; } .happyfed .buttonImg .footer a:hover { background: #003c54; } /* -------------------------------- tables */ .timeTable { margin-bottom: 24px; width: 100%; } .tableHead { background: #fcb614; font-weight: 700; margin-top: 8px; padding: 14px; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; } table td { padding: 12px; font-size: 18px; } table td p { line-height: 1 !important; margin: 0 !important; padding: 0 !important; } .zebra { background: #f5f5f5; } .tableFooter td { font-size: 14px; font-size: 1.4rem; font-style: italic; } /* -------------------------------- table - sponsor & exhibit packages */ .sponsorTable { margin-bottom: 24px; background: #fff; } .sponsorTable th { font-size: 18px; padding: 12px 24px; text-align: left; width: 220px; } .sponsorTable tr { border-bottom: 1px solid #dedede; } .sponsorTableHead p { font-weight: 900; } .sponsorTableHeadPRESHOW, .sponsorTableHeadATSHOW, .sponsorTableHeadPOSTSHOW { border-bottom: none; } .sponsorTableHeadPRESHOW { background: #fcb614; } .sponsorTableHeadATSHOW { background: #ffde16; } .sponsorTableHeadPOSTSHOW { background: #d7df21; } .sponsorTableHeadPRESHOW p, .sponsorTableHeadATSHOW p, .sponsorTableHeadPOSTSHOW p { font-weight: 900; letter-spacing: 0.25em; padding: 12px !important; } .sponsorTable > td p { color: #fff; font-size: 14px !important; font-weight: bold; vertical-align: top; } .tableSectionHead td { background: black; color: #fff; padding: 24px; } /* -------------------------------- platinum & gold sponsors */ .sponsorLogos { background: #ededed; padding: 24px 0; margin: 0 auto 0 auto; max-width: 100%; text-align: center; } .sponsorLogos:before, .sponsorLogos:after { content: ""; display: table; } .sponsorLogos:after { clear: both; } .sponsorLogos ul { text-align: center; } .sponsorLogos ul li { position: relative; } .sponsorLogos a { display: block; } .sponsorLogosBlock { background: rgba(228, 228, 228, 0.7); max-width: 1140px; width: 100%; margin: 0 auto; padding: 90px 90px 30px 90px; } .sponsorLogosBlock:before, .sponsorLogosBlock:after { content: ""; display: table; } .sponsorLogosBlock:after { clear: both; } @media (max-width: 768px) { .sponsorLogosBlock { padding: 48px; } } @media (max-width: 480px) { .sponsorLogosBlock { padding: 24px; } } .platinum-founding > li { display: inline-block; padding: 12px 42px; text-align: center; max-width: 354px; border: 3px solid #404041; background: transparent; border-radius: 0 0 30px; background: #fff; } @media (max-width: 480px) { .platinum-founding > li { max-width: 314px; } } .platinum, .gold, .silver { max-width: 1140px; font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */ text-align: justify; } @media (max-width: 768px) { .platinum, .gold, .silver { margin-bottom: 0; } } .platinum-founding { min-height: 135px; margin: 0 auto 70px; } .platinum { min-height: 285px; margin: 0 auto 70px; } .gold { min-height: 130px; margin: 0 auto 70px; } .silver { min-height: 130px; margin: 0 auto 35px; } .gold.plus > li { width: 260px; border-radius: 0 0 30px; } .platinum > li { display: inline-block; min-height: 242px; margin: 12px; padding: 24px; text-align: center; width: 32%; width: 354px; border: 3px solid #404041; background: #fff; border-radius: 0 0 30px; } @media (max-width: 768px) { .platinum > li { float: none; width: 80%; margin: 0 auto 12px; min-height: 194px; } } .platinum span { background: #404041; font-weight: 700; color: #f0f0f0; display: inline-block; text-align: center; padding: 12px 24px; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 0 0 23px; } .gold > li { border: 2px solid #404041; background: transparent; min-height: 130px; border-radius: 0 0 30px; } .silver > li { min-height: 110px; background: white; border-radius: 0 0 30px; } .gold > li, .silver > li { display: inline-block; width: 15%; width: 165px; margin: 0 24px 24px 0; } @media (max-width: 768px) { .gold > li, .silver > li { float: none; width: 80%; min-height: 180px; } } .gold > li { background: #fff; } .silver > .widesilver { width: 260px !important; } /* .gold > li:nth-child(6), .gold > li:nth-child(12), .gold > li:nth-child(18), .gold > li:nth-child(24), .gold > li:nth-child(30), .gold > li:nth-child(36) { background: black !important; margin-right: 0; } */ .gold span { background: #404041; font-weight: 700; color: #f0f0f0; display: inline-block; text-align: center; padding: 6px 12px; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 12px; font-size: 1.2rem; border-radius: 0 0 23px; } .basic { background: #dadada; padding: 30px 0; } .basic li { display: block; margin: 0; font-size: 18px; font-size: 1.8rem; } @media (max-width: 480px) { .basic li { font-size: 18px; font-size: 1.8rem; } } /* .basic { float: left; width: 50%; } .basic + .basic { float: right; } */ .sponsorLogos hr { clear: both; color: #f0f0f0; border: 1px solid #f0f0f0; } /* -------------------------------- make things sticky */ /* .stick { position:fixed; top:102px; max-width: 364px; padding-right: 24px; } */ .stuck { position: relative; } .stickit { margin-left: 660px; position: fixed; top: 0; } .stickit-end { bottom: 40px; position: absolute; right: 0; } /* -------------------------------- Countdown Clock */ .counterContainer { background: #231f20; color: #fff; padding: 48px; margin-bottom: 18px; border-radius: 0 60px 0 0; } .counterContainer p { clear: both; border: 2px solid #fff; display: inline-block; text-align: center; width: 100%; margin-top: 14px; padding: 12px 24px; } #counter { margin-bottom: 12px; clear: both; } .days, .hours, .minutes, .seconds { border: 1px solid #000; padding: 24px 12px 24px; margin: 0 0 0; font-size: 24px; font-size: 2.4rem; background: #fcb614; font-weight: 400; display: block; width: 50%; float: left; } .days { background: #18b4c7; } .hours { background: #00a1e4; } .minutes { background: #fcb614; } .seconds { background: #445063; } .days span, .hours span, .minutes span, .seconds span { border: 0 solid red; font-weight: 900; font-size: 54px; font-size: 5.4rem; display: block; line-height: .5; padding: 0 0 0 0; } /* ----------------------------------- Keynote Speaker https://acquireshow.com/pages/keynote */ .keynotespeaker { border-top: 3px solid #231f20; padding: 24px 0 0; position: relative; margin-bottom: 48px; } .keynoteDate { position: absolute; top: 0; left: 0; padding: 10px !important; background: #231f20; z-index: 1; } @media (max-width: 480px) { .keynoteDate { width: 100%; } } .keynoteDate li { display: inline; list-style-type: none; background: transparent; color: #fdda42; margin: 0; padding: 0 10px; } .keynotespeaker > img { max-width: 300px; float: right; margin: 0 0 24px 24px; } .keynotespeaker h4 { font-size: 3rem; font-weight: 900; margin: 54px 0 12px; text-transform: inherit; } .keynotespeaker h5 { background: transparent; color: #91c44f; font-size: 24px; font-size: 2.4rem; font-weight: 900; letter-spacing: 0; margin-bottom: 0; padding: 0; text-transform: inherit; } .keynoteDate > li:nth-child(1)::after { background: #fdda42 none repeat scroll 0 0; color: #fdda42; content: ""; display: inline-block; height: 20px; left: 10px; position: relative; top: 4px; width: 2px; } /* -------------------- CTA - button */ .cta { margin: 0; padding: 0 !important; } .cta li { list-style-type: none; margin: 30px 20px 10px 0; display: inline-block; padding: 0 !important; } .cta a { color: #fff !important; display: inline-block; font-size: 14px; font-size: 1.4rem; font-weight: bold; padding: 10px 20px; background: #00a1e4; -webkit-transition: all 0.12s ease-in-out; -moz-transition: all 0.12s ease-in-out; -ms-transition: all 0.12s ease-in-out; -o-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; -webkit-border-radius: 20px; border-radius: 20px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .cta a:hover { text-decoration: none; background: #fcb614; color: #231f20 !important; } /* ---------------------------------- Subscribe Button - ACQUIRE Feed page - https://acquireshow.com/pages/feed */ .subscribe { position: relative; left: 0; top: 0; text-align: right; margin: 0 0 20px; } .subscribe a { font-size: 16px; font-weight: bold; background: #9B2462; color: #fff !important; font-size: 14px; margin: 0; padding: 10px 18px; border-radius: 30px; } .subscribe a:hover { background: #231F20; text-decoration: none; } /* ----------------------------------- Button - default button styles - adjust the colors for each specific button below this as needed */ .btn a { background: #9e1e62; color: #fff; padding: 12px 24px; border-radius: 60px; font-weight: 700; font-size: 18px; font-size: 1.8rem; } .introduction.promo .btn a { color: #fff !important; border: 1px solid; text-decoration: none; display: inline-block; margin: 0 0 24px 0; } .introduction.promo .btn a:hover { text-decoration: none !important; background: transparent !important; border: 1px solid !important; color: #9e1e62 !important; } #btn_inline { background: #9e1e62; color: #fff !important; border-radius: 30px; font-size: 2rem; padding: 0px 20px; position: relative; top: -5px; border: 1px solid #9e1e62; white-space: nowrap; } #btn_inline:hover { background: #fff; color: #9e1e62 !important; border: 1px solid #9e1e62; text-decoration: none !important; } .notHome #btn_inline { font-size: 16px; font-size: 1.6rem; padding: 0 14px; top: -2px; } /* ------------- EXPO - image attached to the sessions - */ .expoLegend { background: #efefef; font-size: 12px; line-height: 1.25; padding: 12px; position: absolute; right: 0; top: 402px; width: 300px; } @media (max-width: 768px) { .expoLegend { position: relative; top: 0; right: 0; width: 100%; font-size: 10px; } } .expoLegend > img { margin: 0 4px 0 0; } .sales { color: #fff; background: #231f20; padding: 24px; width: 470px; max-width: 620px; width: 100%; margin: 0 auto 24px auto; } .sales table { margin-bottom: 24px; } .sales tr { border-bottom: 1px solid #404041; } .sales td { padding: 8px 0 12px; vertical-align: top; } @media (max-width: 768px) { .sales td { display: block; } } .sales label { border: 0 solid red; font-size: 14px; font-size: 1.4rem; font-weight: 900; cursor: pointer; display: block; margin: 0 135px 0 0; width: 100%; } @media (max-width: 768px) { .sales label { margin: 0; } } .sales input[type="text"] { background: #eaeaea; border: 1px solid; border-radius: 2px; font-size: 18px; padding: 6px 4px; width: 96%; } .sales input[type="text"]:focus { background: #fff none repeat scroll 0 0; } .sales input[type="submit"] { background-color: #9e1e62; border: 3px solid #9e1e62; border-radius: 6px; color: #fff; margin-top: 14px; padding: 5px 28px; font-weight: 900; font-size: 18px; font-size: 1.8rem; } .sales input[type="submit"]:hover { background: #fcb614; border: 3px solid #fcb614; cursor: pointer; } span.required { color: #9e1e62 !important; font-size: 24px; font-weight: bold; line-height: 0; margin: 0; padding: 0; } /* ERROR */ .sales div { border: 3px solid #be1e2d; padding: 10px 10px 0 10px; } .sales div ul li { color: #be1e2d; font-weight: 900; font-size: 14px; font-size: 1.4rem; margin: 0 0 12px; padding: 0; line-height: 1; } #govacq_training { color: #231f20; background: #f0f0f0; max-width: 740px; width: 66%; margin-bottom: 24px; } span.head { background: #f0f0f0; display: block; margin: 0 auto; padding: 10px; text-align: center; width: 65%; font-style: italic; font-size: 18px; font-size: 1.8rem; font-weight: bold; } #govacq_training td { padding: 10px; vertical-align: top; } #govacq_training .trackcat td { padding: 0; } #govacq_training td label { padding: 0 10px; } .head1 { padding: 20px 20px 10px !important; vertical-align: top; font-size: 16px; font-size: 1.6rem; } #govacq_training input { display: block; } #govacq_training input[type="radio"] { display: inherit; } .trackcat table { margin-top: 14px; position: relative; } #govacq_training .trackcat, #govacq_training .name, #govacq_training .desc, #govacq_training .online, #govacq_training .objective, #govacq_training .clp, #govacq_training .instructor, #govacq_training .casestudy, #govacq_training .submitted { border-bottom: 2px solid #e7e7e7; } .objective input[type="text"] { margin-bottom: 12px; } .clp input[type="text"] { width: 40px !important; text-align: center; padding: 8px; margin-top: 8px; } #govacq_training input[type="submit"] { background-color: #9e1e62; border: 3px solid #9e1e62; border-radius: 6px; color: #fff; font-size: 1.8rem; font-weight: 900; margin-top: 14px; padding: 5px 28px; } #govacq_training input[type="submit"]:hover { background: #fcb614 none repeat scroll 0 0; border: 3px solid #fcb614; cursor: pointer; } .errormsg { background: #f0f0f0; margin: 0 auto 24px auto; max-width: 740px; width: 66%; padding: 20px; } /* ---------------------------------- Tracks & Sessions Grid - https://acquireshow.1105cms01.com/events/test1/tracks/track-list.aspx */ #speaker img { float: left; margin: 0 10px 20px 0; } @media (max-width: 480px) { #speaker img { float: none; } } #speaker h3, p.speaker { font-size: 30px; font-size: 3rem; margin: 0 0 12px; line-height: 1; } #speaker .title, .speakertitle { font-size: 18px; font-size: 1.8rem; margin: 0 0 6px !important; font-weight: bold; } #speaker .company, .speakercompany { font-size: 18px; font-size: 1.8rem; font-weight: bold; text-transform: uppercase; margin: 0 0 12px; } #speaker .bio, .bio { font-size: 18px; font-size: 1.8rem; line-height: 1.5; margin: 0 0 0; } @media (max-width: 480px) { #speaker .bio, .bio { font-size: 16px; font-size: 1.6rem; line-height: 1.25; } } .speakercredentials { line-height: 1; margin: 0 !important; } .speaker a:hover { text-decoration: underline; } #level0 #sessions h3 { font-size: 42px; font-size: 4.2rem; margin: 0 0 6px; padding: 12px 0; } @media (max-width: 480px) { #level0 #sessions h3 { font-size: 32px; font-size: 3.2rem; } } #level0 #sessions h4 { font-size: 30px; font-size: 3rem; font-weight: 900; margin: 0 0 18px; text-transform: none; line-height: 1; } #level0 #sessions .date, #level0 #sessions .startTime { font-size: 18px; font-size: 1.8rem; text-transform: uppercase; display: inline-block; margin: 0 10px 0 0; } #level0 #sessions .date { background: #231f20; color: #ffde16; padding: 0 8px !important; } #level0 #sessions .prereq { font-size: .75em; font-style: italic; margin: 0 0 20px; } #level0 #sessions .speaker img { float: left; margin: 0 10px 40px 0; max-width: 150px; } #level0 #sessions > div p { line-height: 1.33; margin-bottom: 12px; } #level0 #sessions > div ul { list-style-type: disc; padding: 0 0 0 24px; } #level0 #sessions li { margin: 0 0 12px; } .cagkey { width: 100%; } .cagKey th { font-size: 19px; padding-bottom: 10px; } .trackkey-title, .cagKey th { margin: 18px 0 !important; text-align: left; } .cagKey td { border: 4px solid #fff; } .cagKey td[class] { content: ""; height: 18px; left: 0; top: 1px; width: 18px; } .cagKey a, .cagKey a:visited { color: #0088ce; padding-left: 6px; text-decoration: none; padding-right: 30px; } @media (max-width: 480px) { .cagKey a, .cagKey a:visited { display: block; line-height: 1.25; font-size: 14px; font-size: 1.4rem; } } .speaker .color1, .sessionlistcalendar-events .color1, .track .color1, .cagKey .color1 { background: #356ea4; } .speaker .color2, .sessionlistcalendar-events .color2, .track .color2, .cagKey .color2 { background: #f7931d; } .speaker .color3, .sessionlistcalendar-events .color3, .track .color3, .cagKey .color3 { background: #00a1e4; } .speaker .color4, .sessionlistcalendar-events .color4, .track .color4, .cagKey .color4 { background: #8cc63e; } .speaker .color5, .sessionlistcalendar-events .color5, .track .color5, .cagKey .color5 { background: #283891; } .speaker .color6, .sessionlistcalendar-events .color6, .track .color6, .cagKey .color6 { background: #f1592a; } .speaker .color7, .sessionlistcalendar-events .color7, .track .color7, .cagKey .color7 { background: #642c90; } .speaker .color8, .sessionlistcalendar-events .color8, .track .color8, .cagKey .color8 { background: #18b4c7; } .speaker .color9, .sessionlistcalendar-events .color9, .track .color9, .cagKey .color9 { background: #ed1690; } .speaker .color10, .sessionlistcalendar-events .color10, .track .color10, .cagKey .color10 { background: #8cc63e; } .speaker .color11, .sessionlistcalendar-events .color11, .track .color11, .cagKey .color11 { background: #1f1f1f; } .speaker .color12, .sessionlistcalendar-events .color12, .track .color12, .cagKey .color12 { background: #ec228f; } .speaker .color13, .sessionlistcalendar-events .color13, .track .color13, .cagKey .color13 { background: #00a2e5; } .speaker .color14, .sessionlistcalendar-events .color14, .track .color14, .cagKey .color14 { background: #326ea4; } .speaker .color15, .sessionlistcalendar-events .color15, .track .color15, .cagKey .color15 { background: #445063; } .speaker .color16, .sessionlistcalendar-events .color16, .track .color16, .cagKey .color16 { background: #262005; } .speaker .color17, .sessionlistcalendar-events .color17, .track .color17, .cagKey .color17 { background: #262005; } .speaker .color18, .sessionlistcalendar-events .color18, .track .color18, .cagKey .color18 { background: #262005; } .speaker .color19, .sessionlistcalendar-events .color19, .track .color19, .cagKey .color19 { background: #262005; } .speaker .color20, .sessionlistcalendar-events .color20, .track .color20, .cagKey .color20 { background: #262005; } .speaker .color21, .sessionlistcalendar-events .color21, .track .color21, .cagKey .color21 { background: #262005; } .speaker .color22, .sessionlistcalendar-events .color22, .track .color22, .cagKey .color22 { background: #262005; } .speaker .color23, .sessionlistcalendar-events .color23, .track .color23, .cagKey .color23 { background: #262005; } .speaker .color24, .sessionlistcalendar-events .color24, .track .color24, .cagKey .color24 { background: #262005; } .speaker .color25, .sessionlistcalendar-events .color25, .track .color25, .cagKey .color25 { background: #262005; } .speaker .color26, .sessionlistcalendar-events .color26, .track .color26, .cagKey .color26 { background: #ec228f; } .speaker .color27, .sessionlistcalendar-events .color27, .track .color27, .cagKey .color27 { background: #262005; } .speaker .color28, .sessionlistcalendar-events .color28, .track .color28, .cagKey .color28 { background: #262005; } .speaker .color29, .sessionlistcalendar-events .color29, .track .color29, .cagKey .color29 { background: #262005; } .speaker .color30, .sessionlistcalendar-events .color30, .track .color30, .cagKey .color30 { background: #262005; } .trackkey-items .colorx::before { background: #fff; } .trackkey-items .color1::before { background: #356ea4; } .trackkey-items .color2::before { background: #f7931d; } .trackkey-items .color3::before { background: #00a1e4; } .trackkey-items .color4::before { background: #8cc63e; } .trackkey-items .color5::before { background: #283891; } .trackkey-items .color6::before { background: #f1592a; } .trackkey-items .color7::before { background: #642c90; } .trackkey-items .color8::before { background: #18b4c7; } .trackkey-items .color9::before { background: #ed1690; } .trackkey-items .color10::before { background: #8cc63e; } .trackkey-items .color11::before { background: #1f1f1f; } .trackkey-items .color12::before { background: #A09E9D; } .trackkey-items .color13::before { background: #A09E9D; } .trackkey-items .color14::before { background: #A09E9D; } .trackkey-items .color15::before { background: #A09E9D; } .trackkey-items .color16::before { background: #A09E9D; } .trackkey-items .color17::before { background: #A09E9D; } .trackkey-items .color18::before { background: #A09E9D; } .trackkey-items .color19::before { background: #A09E9D; } .trackkey-items .color20::before { background: #A09E9D; } .trackkey-items .color21::before { background: #A09E9D; } .trackkey-items .color22::before { background: #A09E9D; } .trackkey-items .color23::before { background: #A09E9D; } .trackkey-items .color24::before { background: #A09E9D; } .trackkey-items .color25::before { background: #A09E9D; } .trackkey-items .color25::before { background: #A09E9D; } .trackkey-items .color25::before { background: #A09E9D; } .trackkey-items .color26::before { background: #ed1690; } .trackkey-items, .viewby, .viewday-days, .cagKey td { font-size: 18px; font-size: 1.8rem; font-weight: bold; padding: 0; list-style: outside none none; } .trackkey, .topmenu, .viewday { margin-bottom: 0.5em; overflow: hidden; } .topmenu { font-size: 14px; font-size: 1.4rem; padding: 16px 0; } @media (max-width: 480px) { .topmenu { background: #eaeaea none repeat scroll 0 0; border: 1px solid #eaeaea; margin: 12px 0; padding: 12px; } } .topmenu ul { font-size: 18px; font-size: 1.8rem; font-weight: 900; padding: 12px 0; } .topmenu li { display: inline; margin: 0 0 0 5px; } .topmenu a, .topmenu a:visited { color: #9e1e62; font-weight: bold; text-decoration: none; } .viewday { background-color: none; font-size: 18px; font-size: 1.8rem; list-style: outside none none; padding: 0 0 16px; position: relative; z-index: 2; } .topmenu-title, .viewday-title { color: #231f20; display: inline; font-size: 18px; font-size: 1.8rem; margin: 0; font-weight: 900; } .viewday li, .viewby li, .viewday-days li { display: inline-block; padding-left: 0.5em; } .viewday-days .selected a, .viewday-days .selected a:visited { color: #262005; cursor: default; } .speakerbox .speaker { /* background-color: #fff; */ border-bottom: 1px solid #ccc; clear: both; margin: 16px 0; overflow: hidden; padding: 4px 0; } div.speaker:after, div#speaker:after { clear: both; content: ''; display: block; visibility: hidden; } .speaker p + p, #speaker p + p { margin-bottom: 18px; } .speaker img { float: left; margin: 0 10px 40px 0; min-width: 100px; } .speaker ul { clear: both; list-style: outside none none; margin: 0 0.5em; padding: 0; } .speaker ul { clear: none; margin: 0 0 18px 112px; } .speaker ul a { line-height: 1.33; } .speaker li { margin: 0 4px 8px 0; } .speaker span[class^="color"] { display: inline-block; margin: 0 4px 0 0; width: 16px; } .speaker span.colorbox { display: none; } .speaker a, .speaker a:visited { color: #9e1e62; text-decoration: none; } .speaker a .type, .speaker a:visited .type { color: #222; } .info a, .info a:visited { color: black; font-size: 0.9em; font-style: italic; font-weight: normal; } .info a .name, .info a:visited .name { color: #369; font-size: 24px; font-style: normal; font-weight: bold; width: auto; line-height: 1; } .info p { padding: 12px 0; } .topmenu label { margin-right: 6px; } .topmenu select { color: #231f20; } @media (max-width: 480px) { .topmenu select { width: 98%; } } .showall { font-size: 14px; font-size: 1.4rem; margin: 8px 0; } .js .content ul, .js .track .active ul { display: block; } .js .trigger ul { display: none; } .track, .track ul { list-style: outside none none; padding: 0; } .track ul { background-color: #fff; color: #231f20; margin: 0 0 4px; padding: 16px 0; } .track div { margin: 0 0 10px; } .track h3 { background-color: rgba(0, 0, 0, 0.2); color: #fff; margin: 0; padding: 16px 20px; } @media (max-width: 480px) { .track h3 { line-height: 1; } } .track h3 a, .track h3 a:visited { color: #fff; } .track a, .track a:visited { color: #fff; font-weight: bold; } .trigger { border-bottom: 1px dotted #e4e5e6; padding: 10px 40px; } a.show { background: url("../img/expand.png") no-repeat scroll 0 5px; } .active a.show { background: url("../img/collapse.png") no-repeat scroll 0 0; } a.hide { background: url("../img/collapse.png") no-repeat scroll 0 5px; } .showall a, .showall a:visited { color: #0088ce; display: inline-block; font-weight: bold; margin: 0 5px; padding: 0 0 0 14px; text-decoration: none; } .track .show, .track .hide { background-position: 0 0; display: inline-block; height: 9px; left: -22px; position: relative; width: 9px; } .time { color: #fff; display: block; font-size: 18px; font-weight: bold; padding: 0 0 3px; } .track .type { color: #eef73d; font-weight: bold; left: -12px; margin-right: -10px; position: relative; } .track p { margin: 0 0 2px; padding: 0 24px; line-height: 24px; } .track .summary, .track .content { margin: 10px 0 8px; color: #231f20; font-size: 16px; font-size: 1.6rem; } @media (max-width: 480px) { .track .summary, .track .content { color: #231f20; font-size: 14px; font-size: 1.4rem; line-height: 1.25; padding: 0 24px; } } .track .content { padding: 0 24px; margin: 10px 0 8px; margin-bottom: 24px; } .track .speakers a, .track .speakers a:visited, .track .summary a, .track .summary a:visited { border-top: 3px solid; color: #9e1e62; display: block; margin: 12px 0 0; padding: 12px 0 0; } /* daypilotcalendar global ---------------------------*/ #pContent .daypilotcalendar a { color: #fff; } #pContent .daypilotcalendar .cell { margin: 0; padding: 0; border: 0; } #pContent .daypilotcalendar span.time { margin: 0; padding: 0 0 3px; border: 0; display: block; font-weight: bold; } #pContent .daypilotcalendar span.duration { margin: 0; padding: 0 0 3px; border: 0; font-weight: bold; color: #FFFF66; display: block; } #pContent .daypilotcalendar span.type { margin: 0; padding: 0 3px 0 0; border: 0; font-weight: bold; color: #231f20; } #pContent .daypilotcalendar span.title { margin: 0; padding: 0; border: 0; } #pContent .daypilotcalendar p.speakers { margin: 0; padding: 3px 0; border: 0; color: #231f20; } #pContent .daypilotcalendar p.speakers a { margin: 0; padding: 3px 0; border: 0; color: #231f20; } #pContent .daypilotcalendar p.moderator { margin: 0; padding: 3px 0; border: 0; color: #231f20; } #pContent .daypilotcalendar p.moderator a { color: #231f20; } #pContent .daypilotcalendar ul.viewby { margin: 0 0 0px; padding: 0 5px 0 0; text-align: right; font-weight: bold; border: 0; } #pContent .daypilotcalendar ul.viewby li { margin: 0; padding: 0; display: inline; font-weight: normal; border: 0; } #pContent .daypilotcalendar ul.viewday { margin: 0; padding: 0 5px 0 0; text-align: right; font-weight: bold; border: 0; display: none; } #pContent .daypilotcalendar ul.viewday li { margin: 0; padding: 0; display: inline; font-weight: bold; border: 0; } #pContent .daypilotcalendar ul.viewby li a, #pContent .daypilotcalendar ul.viewday li a { padding: 0 3px; color: #3399cc; font-weight: normal; } #pContent .daypilotcalendar a { color: #3399cc; } /* daypilotcalendar color ---------------------------*/ .daypilotcalendar .colorx { background-color: #fff; color: #fff; font-size: 14px; } .daypilotcalendar .color1 { background-color: #E26B0A; color: #fff; font-size: 14px; } .daypilotcalendar .color2 { background-color: #1F497D; color: #fff; font-size: 14px; } .daypilotcalendar .color3 { background-color: #1B75BC; color: #fff; font-size: 14px; } .daypilotcalendar .color4 { background-color: #A09E9D; color: #fff; font-size: 14px; } .cell a { color: #fff; } /* NEW Markup for Tracks Page */ .daycalendar, .trackbox { clear: both; color: #262005; overflow: hidden; } .trackkey { position: relative; z-index: 2; } .sessionlistcalendar { position: relative; margin: 0 0 0; } .sessionlistcalendar.thursday { margin-bottom: 0; } .sessionlistcalendar.thursday .sessionlistcalendar-events { min-height: 5018px !important; } .sessionlistcalendar-times { background-color: #fff; border-right: 1px solid #231f20; font-size: 18px; font-size: 1.8rem; left: 0; position: absolute; text-align: right; top: 0; width: 50px; display: none !important; } .sessionlistcalendar-events { margin-left: 0; position: relative; } .sessionlistcalendar-event { border-bottom: 1px dotted #fff; color: #fff; height: auto !important; left: 0 !important; min-height: 0 !important; overflow: hidden; padding: 23px 50px; position: relative !important; top: 0 !important; width: 100% !important; float: left; } .sessionlistcalendar-timeslot { border-bottom: 1px solid #231f20; color: #231f20; padding-right: 4px; font-size: 18px; font-size: 1.8rem; } .sessionlistcalendar-timeslot span { margin: 0 0 0 4px; } .trackkey-item::before { background-color: inherit; content: ""; display: inline-block; height: 16px; left: 0; margin-right: 4px; position: absolute; top: 1px; width: 16px; } .trackkey-title, .cagKey th { margin: 0.2em 0; text-align: left; } .trackkey-items::after { clear: both; content: ""; display: table; } .trackkey-item { float: left; line-height: 18px; margin-bottom: 4px; position: relative; width: 50%; } .trackkey-item a, .trackkey-item a:visited { color: #0088ce; display: block; left: 22px; margin-right: 20px; position: relative; } .daycalendar-title { margin-bottom: 18px; font-size: 24px; font-size: 2.4rem; } .viewby li, .viewday-days li { display: inline-block; padding-left: 0.5em; } .viewby, .viewday-days { display: inline; } .sessionlistcalendar-times span { font-size: 10px; font-size: 1rem; margin-left: -3px; position: relative; text-transform: uppercase; vertical-align: super; } .sessionlistcalendar-events span { display: block; } .sessionlistcalendar-title { font-weight: bold; line-height: 1; margin: 0 0 18px; } .sessionlistcalendar-time { font-size: 14px; font-size: 1.4rem; font-weight: bold; } .sessionlistcalendar-title { width: 80%; font-size: 24px; font-size: 2.4rem; } @media (max-width: 480px) { .sessionlistcalendar-title { font-size: 18px; font-size: 1.8rem; } } .sessionlistcalendar-event a { color: #fff; } .sessionlistcalendar-event { border-bottom: 1px dotted #fff; color: #fff; overflow: hidden; padding: 12px 42px 18px; } @media (max-width: 480px) { .sessionlistcalendar-event { padding: 12px 12px 18px; } } .sessionlistcalendar-speaker { font-size: 18px; font-size: 1.8rem; border-left: 1px dotted #fff; line-height: 1; margin: 0 0 12px; padding: 0 0 0 12px; } .sessionlistcalendar-speakers a, .sessionlistcalendar-speakers a:visited, .sessionlistcalendar-moderators a, .sessionlistcalendar-moderators a:visited { color: #fff; font-size: 0.9em; font-weight: bold; } .sessionlistcalendar-speakertitle { font-size: 14px; font-size: 1.4rem; } .date { display: block; } /* gd! head section again - why cant I get the html I want!!! This is a result of a poorly implemented template in sitecore - the .no-js class is permanently attached to the html tag, where it should be conditional addition based on the browser */ .no-js .trigger ul { display: none; } .no-js .content ul, .no-js .track .active ul { display: block; } /* Adjustments to the sessions for ACQUIRE - hiding and moving thigns around */ .date { display: inline-block; } .daycalendar h2 { display: none; } .trigger .date .day:After { content: ','; display: inline-block; } #level0 #speaker { margin: 0 auto; max-width: 620px; } .trigger .date { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: white; border-image: none; border-style: dotted; border-width: 0 0 0 1px; margin: 4px 0; padding: 4px 10px; display: block; color: #fff; } .more > a { font-size: inherit; font-weight: 900; padding: 0; text-transform: capitalize; color: #9e1e62 !important; border: none !important; } .cagKey th { font-size: 18px; font-size: 1.8rem; font-weight: 900; padding-bottom: 10px; } .topmenu label { font-size: 18px; font-size: 1.8rem; font-weight: 900; margin-right: 12px; } .topmenu select { color: #231f20; font-size: 18px; font-size: 1.8rem; position: relative; top: -4px; } @media (max-width: 480px) { .topmenu select { top: 0; } } .speaker a img { min-width: 0; } .speaker { border-bottom: 3px solid #404041; margin: 0 0 18px; padding: 24px 0; } .speaker .speaker { border: 0 none; padding: 0; } .speakers { font-size: 18px; font-size: 1.8rem; } .speakers a { font-size: 18px; font-size: 1.8rem; line-height: 1; } .speaker a, .speaker a:visited { color: #9e1e62; text-decoration: none; } #sessions > div { background: #fff none repeat scroll 0 0; border: 3px solid black; padding: 0 32px 18px; -width: 1px; border-style: solid; padding: 32px; } .viewAllSessions { position: absolute; right: 10px; } @media (max-width: 768px) { .viewAllSessions { position: relative; right: 0; } } .viewAllSessions > a { color: #A01F62; font-size: 14px; font-weight: 900; } #component--calendar--wednesday:before, #component--calendar--thursday:before { display: block; content: " "; margin-top: -285px; height: 285px; visibility: hidden; } .viewday-day a, .viewby a { color: #9e1e62; } .viewday-day a:visited, .viewby a:visited { color: #9e1e62; } .viewday-day a:hover, .viewby a:hover { text-decoration: underline; color: #9e1e62; } /* .sessionlistcalendar.wednesday { min-height: 5350px; @include tablet {min-height: 6030px;} @include mobile {min-height: 6750px;} } .sessionlistcalendar.thursday { min-height: 5490px; @include tablet {min-height: 6000px;} @include mobile {min-height: 6950px;} } */ .sessionlistcalendar::after { clear: both; content: ""; display: block; margin: 0 0 70px; } .regcode { position: absolute; right: 24px; top: 18px; } .roomnumber { position: absolute; right: 24px; top: 36px; } .expoFloor { position: absolute; right: 24px; top: 56px; } .trackbox { margin: 0 auto; max-width: 1140px; padding: 60px 0; } /** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz) CEO and founder of bxCreative, LTD http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 0; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; width: auto; z-index: 1; } @media (max-width: 768px) { .bx-wrapper img { position: relative; } } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url("../img/bx_loader.gif") center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 50px; background: url("../img/controls_arrowleft.png") no-repeat 0 0; } @media (max-width: 768px) { .bx-wrapper .bx-prev { display: none; } } .bx-wrapper .bx-next { right: 50px; background: url("../img/controls_arrowright.png") no-repeat 0 0; } @media (max-width: 768px) { .bx-wrapper .bx-next { display: none; } } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: 0 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; margin-top: -16px; outline: 0; width: 57px; height: 110px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("../img/controls.png") -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("../img/controls.png") -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*! jQuery UI - v1.11.4 - 2015-09-08 * http://jqueryui.com * Includes: core.css, accordion.css * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; /* font-size: 100%; disabled */ list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; /*margin: 2px 0 0 0;disabled */ padding: 1em 0em 1em; min-height: 0; /* support: IE7 */ /* font-size: 100%; disabled */ } .ui-accordion .ui-accordion-icons { padding-left: 1em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 0; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 4.2em; border-top: 0; overflow: auto; line-height: 1.5; font-size: 16px; } .ui-accordion .ui-accordion-content p, .ui-accordion .ui-accordion-content li { font-size: 16px; } .ui-state-active, .ui-accordion-content-active { background: #f0f0f0; } @media (max-width: 768px) { .ui-accordion-content-active { padding: 24px 0; } } .faqsMenu li.ui-tabs-active a { background: #231f20; color: #747273; }