/* CSS Document */ /* Default Custom Fonts */ @import url("https://passbaconference.com/Portals/894/Skins/Flatna/fonts/opensans/opensans.css"); /* Predefined Skin Color */ @import url("https://passbaconference.com/Portals/894/Skins/Flatna/css/colors/river.css"); /*----------------------------------------------------------------------------------------------------------------------------------------*/ /* READY TO USE COLORS: default.css, blue.css, carrot.css, dodger.css, emerald.css, green.css, grey.css, khaki.css, leaf.css, midnight.css, navy.css, olive.css, pink.css, purple.css, red.css, river.css, silver.css, sky.css, slate.css, sunset.css, tango.css, turquoise.css, violet.css, yellow.css */ /*----------------------------------------------------------------------------------------------------------------------------------------*/ /* Header & Footer Tone */ @import url("https://passbaconference.com/Portals/894/Skins/Flatna/css/headers/header-dark.css"); /* SET TO EITHER: header-dark.css or header-light.css */ @import url("https://passbaconference.com/Portals/894/Skins/Flatna/css/footers/footer-dark.css"); /* SET TO EITHER: footer-dark.css or footer-light.css */ /* Page Width Variations */ @import url("https://passbaconference.com/Portals/894/Skins/Flatna/css/wide.css"); /* SET TO: wide.css, boxed.cee or fluid.css */ /* Hide Login/Register Utilities */ .Utility-Row { display: block } /* SET TO: "display: none" to hide */ /* Dnn Reset */ body { margin: 0; color: #777777; font-family: 'OpenSansRegular' !important; line-height: 21px; background-color: #FFFFFF; } ::selection { color: #FFFFFF } ::-moz-selection { color: #FFFFFF } #ControlBar, #ControlBar *, .actionMenu * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #dnn_ThreePaneTop1.DNNEmptyPane, #dnn_ThreePaneTop2.DNNEmptyPane, #dnn_ThreePaneTop3.DNNEmptyPane { margin-top: 0px } #dnn_ContentPane { clear: both } .dnnFormItem > label.dnnFormLabel { display: inline-block; margin: 6px 0 !important; width: 0 !important; text-align: right; } /* Control Panel Ribbon Reset */ #dnnCurrentPage .megaborder { width: 560px !important; } #dnnCommonTasks .megaborder { min-width: 300px !important; width: 300px !important; } .dnnadminmega .megaborder { width: 515px !important; } .dnnFormPopup .ui-dialog-titlebar { height: 50px !important; } .dnnFormPopup a.dnnToggleMax { height: 22px !important; } .panel-heading { padding: 0 !important} /* Norrmal Font Styles ========================================================================= */ em { font-style: italic; letter-spacing: 0; } a, a:visited { color: #777777; outline: 0 none; text-decoration: none !important; outline: 0 none !important; } a:link, a:active, a:visited { color: #428bca; text-decoration: none !important; } body, th, td, table, .Head, .SubHead, .SubSubHead, .Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled, #Nav-Bar a:link, input, .CommandButton { color: #777777; -webkit-font-smoothing: antialiased; font-size: 12px; } strong { color: #333; font-weight: 700; } small { font-size: 11px; letter-spacing: 0; } .Normal, .NormalDisabled, .NormalDeleted { font-size: 12px; font-weight: normal; line-height: 22px; } .row-fluid [class*="span"] { min-height: 0 !important } p.lead { font-size: 18px; font-weight: 300; } .no-bold { font-family: OpenSansLight } .lower-case { text-transform: none !important } h3.flt-body { font-size: 26px !important; line-height: 34px !important; margin-bottom: 20px; } .no-shadow { text-shadow: none !important } /* 404 Error*/ #error-404 { margin-bottom: 45px; text-align: center; } #error-404 h1 { font-family: 'OpenSansbold'; font-size: 250px !important; line-height: 250px !important; } #error-404 h2 { font-family: 'OpenSansbold'; font-size: 70px; line-height: 19px !important; text-transform: uppercase; } /* Demo Site Color Changer */ .slide-out-div { background: none repeat scroll 0 0 #222222; height: 194px !important; max-width: 185px; padding: 10px 20px; position: fixed !important; z-index: 999; } h3.coloroptions { color: #FFFFFF; font-family: opensanslight; font-size: 16px; line-height: 1em; margin-top: 0; text-transform: none; } #header a { display: inline-block; margin: 0 !important; padding: 3px; } #header a div { border-radius: 2px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; display: inline-block; height: 20px; width: 20px; } /*------------------------------------------------*/ /* STICKY HEADER */ /*------------------------------------------------*/ .showControlBar nav.sticky { margin-top: 43px; } .sticky { position: fixed; top: 15px; z-index: 999; padding: 5px 0 0; animation: thedrop 1s 1; -moz-animation: thedrop 1s 1; -webkit-animation: thedrop 1s 1; } .sticky .nav-above { position: absolute; top: -15px; left: 1em; right: 1em; height: 15px; } .sticky #Logo img { height: auto !important; /*margin: 6px 0 0; max-width: 156px !important; min-height: 34px; width: 100%;*/ } .nav-container { width: 100% } nav { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); width: 100%; position: relative; padding: 0; } nav.sticky { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); max-height: 98px; } #dnn_dnnLOGO_imgLogo { max-height: 80px !important; margin-top: -13px !important;} /*BAC 2016 Logo Enlargement change*/ /* Site Structure ========================================================================= */ .utilities { float: right !important; margin-bottom: -7px; padding-right: 2px !important; padding-top: 10px; text-align: right; } .Utility-Row { position: relative; z-index: 999; } .Header-Row { max-height: 81px } .Logo-Box { position: relative } .Nav-Bar { padding: 8px 0 0; position: relative; } .Mobile-Nav-Row { background-color: #1F1F1F; position: relative; z-index: 1; } .Menu-Row { padding: 0 } .Social-Row { min-height: 92px !important; padding: 30px 0 5px; } .Slider-Row { position: relative; width: 100%; } .sub-content-row { background-color: #F5F5F5 !important } .sub-Row { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; border-color: #EEEEEE -moz-use-text-color; border-image: none; border-style: solid none; border-width: 0px medium; } .home-main-shade { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07); -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-attachment: scroll; background-color: #F5F5F5; background-position: left top; border-color: #E5E5E5; border-image: none; border-style: solid none; border-width: 1px medium; } .Top-Shaded-Row, .Middle-Shaded-Row, .Bottom-Shaded-Row { background-color: #F4F4F4; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset; } .Content-Row { background-color: #FDFDFD } .Dark-Row { background-color: #333333 } .Grey-Row { background-color: #859198 } .Custom-Colored-Row { background-color: #5CC9DF } .Bottom-Accent-Row, .Top-Accent-Row { background-color: #5CC9DF } .Tweet-Row { background-color: #5B63CF } .Bottom-Dark-Row { background-color: #373B3D } .bottom-arrow { position: relative } .bottom-arrow:after { border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: -8px; content: ""; display: block; height: 0; left: 50%; margin-left: -16px; position: absolute; width: 0; z-index: 15; } .PageWidth { margin-left: auto; margin-right: auto; } .Content-Wrap:before, .Content-Wrap:after { content: ""; display: table; line-height: 0; } .Content-Wrap:after { clear: both } .Content-Wrap-fluid { padding-left: 25px; padding-right: 25px; } .Content-Wrap-fluid:before, .Content-Wrap-fluid:after { content: ""; display: table; line-height: 0; } .Content-Wrap-fluid:after { clear: both } .coming-soon-row { background: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/coming-soon.jpg") repeat scroll 0 0 / cover transparent; padding: 7% 0 9%; } .pattern-cubes { background-color: #F7F7F7; background-image: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/bgg-patterns/cubes-bg.png"); } .sub-color { box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset } .sub-Row.sub-img1, .sub-Row.sub-img2 { height: 150px; padding-top: 1.4%; } .sub-Row.sub-img1 { background: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/sub-img1.jpg") repeat scroll center bottom / cover rgba(0, 0, 0, 0) } .sub-Row.sub-img2 { background: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/sub-img2.jpg") repeat scroll center center / cover rgba(0, 0, 0, 0) } #subTitle-Parallax { background-image: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/raster.png"), url("https://passbaconference.com/Portals/894/Skins/Flatna/img/parallax-bg3.jpg"); background-attachment: fixed; background-origin: initial; background-clip: initial; background-size: auto, cover; background-repeat: repeat, no-repeat; background-position: 50% 0; position: relative; } /* DNN Content Panes ========================================================================= */ /* Empty Panes */ .DNNEmptyPane:empty { display: none } .AddressTop { min-height: 35px !important } .TopSocialPane { float: right; text-align: center; } .Pane-Padding { margin: 50px 0 } .foot-Padding { margin: 55px 0 25px } .SocialBottom { text-align: right !important } /* Back to Top */ .backtotop { border-radius: 0.5em 0.5em 0.5em 0.5em; bottom: 10px; display: block; height: 40px; position: fixed; right: 20px; width: 40px; z-index: 99999999; } .backtotop:before { content: "\f106"; display: inline-block; font-family: "icomoon"; font-size: 23px; font-style: normal; font-variant: normal; font-weight: normal; left: 0; line-height: 40px; position: absolute; text-align: center; text-decoration: inherit; text-transform: none; width: 40px; } .backtotop:hover { color: #FFFFFF!important; opacity: 100!important; } .backtotop.hidden { bottom: -100px } .backtotop { background-color: #111; color: #999!important; opacity: 0.5; } /* Language */ ul.language { float: right; list-style: none outside none; margin: 0; padding: 0; } ul.language ul li a { line-height: 1px !important; padding: 0; } ul.language li { float: left; list-style: none outside none; position: relative; z-index: 99; } ul.language li:hover li { float: none; font-size: 0; } ul.language li:hover li a:hover { background: none repeat scroll 0 0 #1E7C9A } ul.language li:hover ul { display: block; position: absolute; } ul.language li ul { display: none; left: -1px; margin: 0; padding: 0; position: absolute; width: 118px; } ul.language li a { color: #FFFFFF; cursor: pointer; font-size: 0; } ul.language li a:hover { background: none repeat scroll 0 0 transparent } .language li ul li { border: medium none; line-height: 15px; padding: 5px 5px 5px 0; } a.globe { position: relative; top: -6px; } a.globe:before { content: "\e24b"; font-family: icomoon; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 17px; padding-right: 0.5em; top: 0; left: 0; } .language-object { border-right: 1px solid #252525; padding: 0 10px; position: relative; bottom: 2px; } .language-object img { display: inline-block; max-width: 20px !important; position: relative; top: -1px; } .language-object select { background: transparent; -webkit-appearance: none; border: medium none; color: #999999; display: inline-block; font-size: 12px; float: right; } .language-object select:focus { outline: none; } /*------------------------------------------------*/ /* SEARCH DROP BOX */ /*------------------------------------------------*/ div#search { display: inline-block; float: right; height: 20px; margin: 8px 10px 0 20px; padding-left: 22px; position: relative; } #search-box { border-radius: 0 0 4px 4px; display: none; padding: 8px; position: absolute; right: -16px; top: 62px; width: 220px; z-index: 99; } /*------------------------------------------------*/ /* SEARCH */ /*------------------------------------------------*/ #dnn_dnnSearch1_cmdSearch { display: none !important } #search { height: 32px } #search a.SearchButton:hover { background: url('https://passbaconference.com/Portals/894/Skins/Flatna/img/search.png') no-repeat center center, rgb(45,45,45); /* Old browsers */ background: url('https://passbaconference.com/Portals/894/Skins/Flatna/img/search.png') no-repeat center center, -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: url('https://passbaconference.com/Portals/894/Skins/Flatna/img/search.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: url('https://passbaconference.com/Portals/894/Skins/Flatna/img/search.png') no-repeat center center, -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: url('https://passbaconference.com/Portals/894/Skins/Flatna/img/search.png') no-repeat center center, -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: url('https://passbaconference.com/Portals/894/Skins/Flatna/img/search.png') no-repeat center center, -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */ background: url('https://passbaconference.com/Portals/894/Skins/Flatna/img/search.png') no-repeat center center, linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */ } #search a.SearchButton:link, #search a.SearchButton:visited { background: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/search.png") no-repeat scroll center center rgba(0, 0, 0, 0.3); border-radius: 3px 3px 3px 3px; display: inline-block; float: right; height: 32px; width: 32px; margin: 0; padding: 0; text-indent: -9999px; } #search p.closed { position: relative } #search p { cursor: pointer; font-size: 0; margin: 0; padding-left: 15px; width: 15px; } #search p.closed:before { content: "\e078"; font-family: icomoon; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 16px; padding-right: 0.5em; position: absolute; top: 0; left: 0; } #search p { position: relative } #search p:before { content: "\e158"; font-family: icomoon; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 17px; padding-right: 0.5em; position: absolute; top: 0; left: 0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: “FlipH”; } #dnn_dnnSearch_txtSearch { display: block; float: left; width: 160px; height: 32px; padding: 0 5px 0 10px; margin: 0; background-color: #444444; border: none; border-radius: 0; box-shadow: none; outline: none; color: #000; line-height: 32px; font-size: 11px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus { background: #ccc; box-shadow: inset 0px 3px 8px #999; } #mobile-search-box .searchInputContainer { width: 100% } #mobile-search-box input[type=text] { margin-top: 25px; margin-bottom: 25px; background-color: #171717; color: rgba(255, 255, 255, 0.7); padding: 15px 15px 15px 40px!important; border: 0px!important; border-bottom: 1px solid #2e2e2e!important; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.7) inset; background-image: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/search2.png"); background-repeat: no-repeat; background-position: 15px center; width: 100%; } /*========================================================+ | Login/Social Elements | +========================================================*/ .loginGroup, .registerGroup, .registerForPASS { height: 36px; line-height: 46px; margin-top: -12px; } .registerForPASS { height: 41px; } .loginLinks .registerGroup a:hover, .loginLinks .loginGroup a:hover, .buttonDiv, .loginLinks .registerForPASS:hover { display: block } .loginLinks { display: inline-block; float: none; margin: 0; } .loginLinks .registerGroup a, .loginLinks .loginGroup a, .loginLinks .registerForPASS { overflow: hidden; padding: 0 10px; position: relative; top: -5px; } .loginLinks .registerGroup a:hover, .loginLinks .loginGroup a:hover { text-decoration: none; cursor: pointer; } .loginLinks .registerGroup, .loginLinks .registerGroup *, .loginLinks .loginGroup, .loginLinks .loginGroup *, .loginLinks .registerForPASS { display: block; float: left; font-weight: normal; } .loginLinks .registerGroup .userNotifications a strong, .loginLinks .registerGroup .userMessages a strong { display: block; text-indent: 999999px; top: 0px; left: 0px; width: 26px; } .loginLinks .registerGroup .userNotifications a strong:hover { background: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/social_sprite.png") no-repeat scroll 5px -144px transparent } .loginLinks .registerGroup .userMessages a strong:hover { background: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/social_sprite.png") no-repeat scroll 5px -80px transparent } .loginLinks .registerGroup .userNotifications a strong { background: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/social_sprite.png") no-repeat scroll 5px -112px transparent } .loginLinks .registerGroup .userMessages a strong { background: url("https://passbaconference.com/Portals/894/Skins/Flatna/img/social_sprite.png") no-repeat scroll 5px -48px transparent } .loginLinks .registerGroup .userProfileImg img { border-radius: 6px 6px 6px 6px; height: 25px; position: relative; top: 5px; margin: 5px 12px; width: 25px; -moz-opacity: 0.70; opacity: 0.70; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); } .loginLinks .registerGroup .userProfileImg img:hover { -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } .loginLinks .registerGroup .userProfileImg a { padding: 0 } .loginLinks .registerGroup .buttonGroup { margin: 0; padding: 0; } .loginLinks .registerGroup li { border-right: none } .mobileButtons { display: none; float: right; } .mobileButtons li { list-style: none; padding: 0; margin: 0 10px 0 0; display: block; float: left; } .mobileButtons li a { padding: 0 10px; font-size: 14px; color: #666666; border: 1px solid #DADADA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mobileButtons ul { list-style: none; padding: 0; margin: 0; } /**** BREADCRUMBS ***/ h1.pagetitle { line-height: 1.9em !important } .pagetitle { color: #454545; font-family: OpenSansLight; font-size: 32px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-transform: uppercase; } .crumbs { padding: 35px 15px; text-align: right; } .breadcrumbDiv { margin: -10px auto 10px auto; padding: 0 10px; } .breadcrumb { list-style: none outside none; padding: 0 7px; } .sub-color span { background-color: rgba(0, 0, 0, 0.05) !important; border-radius: 1.5px; color: #FFFFFF; display: inline-block; padding: 8px 10px; position: relative; } .sub-img1 span, .sub-img2 span { background-color: rgba(0, 0, 0, 0.4) !important; border-radius: 1.5px; color: #FFFFFF; display: inline-block; padding: 8px 10px; position: relative; } .sub-img1 span a, .sub-img2 span a, .sub-color span a { color: #FFFFFF !important } .sub-row span { background-color: rgba(0, 0, 0, 0.05); border-radius: 1.5px; display: inline-block; padding: 8px 10px; position: relative; } .copyright { font-family: OpenSansSemiBold; font-size: 10px; letter-spacing: 2px; padding-top: 12px; text-transform: uppercase; } pre {word-break: normal !important;} [class*="pass-"] .row {margin-left: -15px; margin-right: -15px;} /*DNN visual fixes*/ .ControlModulePanel .ControlBar_ModuleDiv > span {word-break: break-all;} .DNNAligncenter .dnnTabsModule {text-align: left;} /*fix center alignment bug*/