/* Background Images and Footer */ /* Color Picker */ /********************* Basics **************************/ /* body { color: ; } */ a { color: #A30134; } /* a.user-content-mention { color: ; } */ /* a.user-content-hashtag { color: ; } */ /* a:hover { color: ; } */ /* a.user-content-mention:hover { color: ; } */ /* a.user-content-hashtag:hover { color: ; } */ /* .bodyBackground { background-color: ; } */ /* a.user-content-hashtag { background: ; } */ /* a.user-content-hashtag:hover { background: ; } */ /* .siteFrame { background-color: ; } */ /* #MPOuterMost { border-color: ; } */ h1, .Heading1 { /*color: ;*/ /*background-color: ;*/ } h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 { /*color: ;*/ /*background-color: ;*/ } h3, .Heading3, h3 a, h3 a:hover { /*color: ;*/ /*background-color: ;*/ } /* hr, hr.delimiter, .HLLandingControl ul li { border-bottom-color: ; } */ #MPOuterFooter { /*background-color: ;*/ /*color: ;*/ } /* fieldset { border-color: ; } */ fieldset legend { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } /* .SearchResults .SortBy { color: ; } */ /*********************** Landing Controls ******************/ .HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader { /*background-color: ;*/ /*color: ;*/ } /* .drItemSubHeader a:not(.skip-header-text-color){ color: ; } */ .ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl { /*border-color: ;*/ /*color: ;*/ /*background-color: ;*/ } .HLLandingControl .Content a:not(.btn) { color: #A30134; } /* .HLLandingControl .ByLine { color: ; } */ /* .HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 { color: ; } */ /* .HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a { color: ; } */ /************************ Tabs **********************/ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { /*background-color: ;*/ /*border-color: ;*/ color: #A30134; } /* .nav-tabs { border-bottom-color: ; } */ .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus { /*background-color: ;*/ /*border-bottom-color: ;*/ color: #A30134; } .nav-tabs > li > a { /*background-color: ;*/ /*color: ;*/ } /************************ Miscellaneous **********************/ /* .SloganText { color: ; } */ .ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow { /*background-color: ;*/ /*color: ;*/ } /* .lblratingBig { color: ; } */ /************************ Tables **********************/ .Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader, .table-thead-background tr th, .table-thead-background tr td { /*background-color: ;*/ /*color: ;*/ } /* th a, th a:hover { color: ; } */ /* .TableRowAlternate, .table-hover > tbody > tr:hover > td { background-color: ; } */ /************************ Menus ***********************/ #MPAuxNav ul.level1 li a { color: #A30134; } /* #MPAuxNav ul.level1 li ul { background-color: ; } */ #MPAuxNav ul.level1 li li.dynamic { border-right-color: #A30134; } /* #SideMenu ul.level1 li ul { background-color: White; } */ /* .MPSideNavBottom { color: #0069A5; } */ /* .breadcrumb { background-color: ; } */ /* .breadcrumb li { color: ; } */ .breadcrumb li a { color: #A30134; } /* .MPBottomMenu ul li a { color: ; } */ /************************ Bootstrap Menus ***********************/ /* .navbar-default, #NAV { background-color: ; border-color: ; } */ /* .navbar-default .navbar-nav > li > a { color: ; } */ .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > li > a:hover { /*background-color: ;*/ /*color: ;*/ } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { /*background-color: ;*/ /*color: ;*/ } /* #MPButtonBar .dropdown-menu { background-color: ; } */ /* #MPButtonBar .dropdown-menu li a { color: ; } */ /* #MPButtonBar .dropdown-menu li a:hover, #MPButtonBar .dropdown-menu li a:focus { background-color: ; } */ #MPButtonBar .dropdown-menu .active > a, #MPButtonBar li .dropdown-menu .active > a:hover, #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover, #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover { /*background-color: ;*/ /*color: ;*/ } /* #MPButtonBar .dropdown-menu { border-color: ; } */ /************************ Bootstrap Buttons ***********************/ .btn-primary, .ui-widget-content a.btn-primary { /*background-color: ;*/ /*border-color: ;*/ /*color: !important;*/ } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .btn-info { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .btn-success { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .btn-danger { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .btn-default { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .pagination > li > a { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .pagination > li > a:hover { /*background-color: ;*/ /*border-color: ;*/ /*color: ;*/ } .label-default { /*background-color: ;*/ /*color: ;*/ } .badge, .badge a, a.badge a:hover { /*background-color: ;*/ /*color: ;*/ } .modal-header { /*background-color: ;*/ /*color: ;*/ } .modal-body, .panel-body { /*background-color: ;*/ /*color: ;*/ } .modal-footer, .panel-footer { /*background-color: ;*/ } /* #MPFooterLink { background-color: ; } */ /* #MPFooterLink a { color: ; } */ /* .faceted-search-main .facets .header { color: ; } */ /* .faceted-search-main .facets .header { background-color: ; } */ /* .cookie-notification-bar { background-color: ; } */ /* .cookie-notification-bar span { color: ; } */ /* CSS Overrides */ /*Email Settings Button Changes*/ button[data-id*="NotifSettings_slctDiscussionEmail"]{ white-space:nowrap; } /* Solves funky line breaks with hlcommonseach */ .break-word-all { word-break: keep-all; } /* Background Images and Footer */ /* CSS Overrides */ /*@charset "UTF-8";*/ /*NEVER edit in higher logic. */ /*ALWAYS update the code in the repo first*/ /* $ilta_blue: rgba(130, 171, 203, 1); $ilta_red: rgba(163, 1, 52, 1); */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /*toggle site visibility*/ html, body { margin: 0; padding: 0; } .content-tags { padding-top: 15px; padding-bottom: 15px; } a.label.label-search-tag { background-color: #f1f1f1; border: 1px solid #f1f1f1; color: #888888; } .hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable { background-color: #f1f1f1; border-color: #f1f1f1; color: #888888; } .hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable:hover { background-color:#202a32 ; border-color: #202a32; color: #ffffff; } .hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable.user-tag { background-color:#f1f1f1 ; border-color: #f1f1f1; color: #888888; } .hltags ul.tagit li.tagit-choice-read-only { background-color: #f1f1f1; color: #888888; } .hltags ul.tagit li.tagit-choice-read-only:hover { background-color: #202a32; color: #ffffff; } body { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; } a, a:visited { color: inherit; text-decoration: none !important; } a:hover { text-decoration: none !important; } a.one:link, a.one:visited { color:#980131; text-decoration:none !important; } a.one:hover { color:#005ce6 !important; } a.two:link, a.one:visited { color:#980131 !important; text-decoration:underline !important; } a.two:hover { color:#005ce6 !important; } a.three:link, a.one:visited { color: inherit; text-decoration:none; } a.three:hover { color:#a30134 !important; } a.four:link, a.one:visited { color: inherit; text-decoration:none; } a.four:hover { color:#a30134 !important; } /*ultra specific to avoid side effects*/ .MPContentArea .ContentItemHtml .HtmlContent a:not([class]), .blogs-block a:not([class]), .MPContentArea .ContentUserControl a:not([class]){ color:rgba(163, 1, 52, 1); } .MPContentArea .ContentItemHtml .HtmlContent a:not([class]):hover, .blogs-block a:not([class]):hover, .MPContentArea .ContentUserControl a:not([class]):hover { background-color: transparent; color: #333333; cursor: pointer; text-decoration: none; border-bottom: 2px solid #a30134; padding-bottom: 1px; } blockquote { background: transparent; } img { max-width: 100%; } p { margin-bottom: 1em; } ul { list-style: none; } /*.LogoImg img { margin-top: -2em; }*/ /*grid-override*/ .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding: 0; } .container { padding-left: 3rem; padding-right: 3rem; } .container2 { padding-left: 1.5em; padding-right: 0.5em; } .row { margin-left: 0; margin-right: 0; } .row.row-wide { margin-left: auto; margin-right: auto; } /*overriding bootsrap & HL */ .btn { border-radius: 0 !important; font-size: 1.6rem; white-space:normal; } .btn:hover, .btn:active, .btn:focus { outline: none; } .btn-grey:hover { background-color: #eee; } /*overrides an 'important' in BS or HL*/ .btn-success { color: inherit !important; } .profile-page .btn-success { color: #fff !important; } .profile-page .dropdown-menu >li >a:hover { background-color: maroon; color: #fff !important; } .input-group-btn .btn { font-size: 1.4rem; } /* For the 'Find Information' search box, hide drop-down */ .control-search .input-group-btn .dropdown-toggle { display: none; } /*end overrides*/ .row-border-bottom { border-bottom: none !important; } .margin-bottom-small { margin-bottom: 0 !important; } /*NAVIGATION*/ /*PROFILEMOBILE*/ @media (min-width: 320px) { #ProfileContainer.dropdown-menu { top: 2.5em; width: 20rem; min-height: 30rem; background: white; text-transform: lowercase; } #ProfileContainer a { display: block; width: 16rem; margin: 1em auto; padding-right: 1em; text-transform: uppercase; } #ProfileContainer.dropdown-menu { top: 2.5em; width: 20rem; min-height: 30rem; background: white; text-transform: lowercase; } #ProfileContainer.dropdown-menu h4 { text-transform: capitalize; margin-bottom: 1em; } #ProfileContainer.dropdown-menu h4 + div { font-size: 1.2rem; } #ProfileContainer.dropdown-menu img { display: none; } #ProfileContainer.dropdown-menu .panel-body .row .col-md-3.col-sm-3.col-xs-3 { /*display: none;*/ } #ProfileContainer.dropdown-menu .panel-body .row .col-md-9.col-sm-9.col-xs-9 { width: 100%; } #ProfileContainer.dropdown-menu .panel-body .welcome-links { margin-top: 3.5em; } #ProfileContainer.dropdown-menu .panel-footer { position: absolute; bottom: 0; height: auto; color: black; background: transparent; border-top: none; border-bottom: none; } #ProfileContainer.dropdown-menu .panel-footer a { margin-top: 0; } #ProfileContainer.dropdown-menu .progress-bar { display: none; }} /*PROFILE END*/ .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background-color: #eee; } .logo-container { position: relative; z-index: 1001; } @media (max-width: 600px) { .logo-container { z-index: 1002; } } .ilta-logo-svg { width: 100%; max-width: 50rem; padding: .5em 0 0 .5em; transition: .25s width ease-out, .25s padding ease-out, .2s margin ease-in; } @media (min-width: 992px) { .ilta-logo-svg { max-width: 64rem; } } .ilta-logo-svg:hover { cursor: pointer; } #iltaLogoSvg_circleOnly { display: none; } @media (max-width: 600px) { #iltaLogoSvg_circleOnly { display: inline-block; } #iltaLogoSvg_circleOnly.ilta-logo-svg { width: 10rem; } #iltaLogoSvg_circleOnly.ilta-logo-svg.scrolled-state { width: 5rem; } } #iltaLogoSvg { display: none; margin-top: 0; } @media (min-width: 601px) { #iltaLogoSvg { display: inline-block; } } .has-open-search #iltaLogoSvg { margin-top: 6.3rem; } .ilta-logo-svg.scrolled-state { width: 28rem; padding: 1.5rem 0 0 .5rem; } .logo-svg-letters { opacity: 0; } @media (min-width: 992px) { .ilta-logo-svg.scrolled-state .logo-svg-letters.show-svg-letters { opacity: 1; } } /*IE-only tweaks for logo*/ /*IE9*/ @media (min-width: 1px) and (min-resolution: 0.001dpcm) { #iltaLogoSvg_circleOnly.ilta-logo-svg { height: 10rem\9 !important; } #iltaLogoSvg_circleOnly.ilta-logo-svg.scrolled-state { height: 5rem\9 !important; } #iltaLogoSvg.ilta-logo-svg { height:10.6rem\9 !important; } #iltaLogoSvg_circleOnly.ilta-logo-svg.scrolled-state { height:4.7rem\9 !important; } } @media (min-width: 992px) and (min-resolution: 0.001dpcm){ #iltaLogoSvg.ilta-logo-svg { height:13.4rem\9 !important; } #iltaLogoSvg_circleOnly.ilta-logo-svg.scrolled-state { height:4.7rem\9 !important; } } /*IE 10 & 11*/ @media (-ms-high-contrast: none), (-ms-high-contrast: active){ #iltaLogoSvg_circleOnly.ilta-logo-svg { height: 10rem !important; } #iltaLogoSvg_circleOnly.ilta-logo-svg.scrolled-state { height: 5rem !important; } #iltaLogoSvg.ilta-logo-svg { height:10.6rem !important; } #iltaLogoSvg_circleOnly.ilta-logo-svg.scrolled-state { height:4.7rem !important; } } @media (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { #iltaLogoSvg.ilta-logo-svg { height:13.4rem !important; } #iltaLogoSvg_circleOnly.ilta-logo-svg.scrolled-state { height:4.7rem !important; } } /*The welcome box must be positioned to join the main nav, and mustn't take up a whole row*/ /*header*/ #HEADER, #HEADER div { height: 0; min-height: 0; line-height: 0; } /*@media (min-width: 768px){ #MPButtonBar { overflow: hidden; } }*/ .HLWelcome.HLWelcomeHeader { position: fixed; top: 15px; right: -20px; /*temporary*/ width: 8.4rem; transition: 0.33s all cubic-bezier(0.8, 0, 0.2, 1); z-index: 1002; } .HLWelcome.HLWelcomeHeader .Welcome .btn-group { margin-top: 9px; float: right; } .has-open-search .HLWelcome.HLWelcomeHeader { top: 6.3rem; } @media (max-width: 767px) { .HLWelcome.HLWelcomeHeader { right: 10rem; top: 1.5rem; } } .HLWelcome.HLWelcomeHeader .Login a { float: right; font-size: 1.4rem; height: 4.8rem; color: white; background: #a30134; /* padding: 1em .5em; */ text-transform: uppercase; border: none; } .icon_top { position: fixed; top: 15px; z-index: 1001; transition: 0.33s all cubic-bezier(0.8, 0, 0.2, 1); } .icon_top.under_open_search { top: 6.5rem; } .icon_search { display: none; right: 8rem; } .icon_search:hover { cursor: pointer; } @media (min-width: 768px) { .icon_search { display: inline-block; } } .icon_cart { right: 12rem; } @media (max-width: 800px) { .icon_cart { display: none; right: 12rem; top: 0; } } @media (min-width: 1200px) { .HLWelcome.HLWelcomeHeader, .icon_top { margin-right: calc((100% - 1200px)/ 2); } } /*nav*/ .navbar { border: none; } .navbar-default { background: transparent; } /*need to expand this on clicking mag icon*/ /*need specificty to override an important that's coming from HL or BS*/ #NAV { background: #ffffff; padding: 15px; border-bottom: 5px solid #f1f1f1; } #NAV #searchColumn { float: none !important; width: 25rem; margin: 0 auto; background-color: #ffffff; transition: 0.33s all cubic-bezier(0.8, 0, 0.2, 1); } #NAV #searchColumn.is-open { height: 2.5em; opacity: 1; } @media (min-width: 768px) { #NAV #searchColumn.is-open { width: 100%; max-width: 100%; height: 4em; padding: 1em; } } @media (min-width: 768px) { #NAV #searchColumn { width: 92.5%; /*the max-width should match the calculated max-width of the nav*/ max-width: 92.5%; height: 0; opacity: 0; } } @media (max-width: 767px) { #NAV #MPSearchBlock { display: none; } } @media (min-width: 768px) { #NAV #MPSearchBlock { margin: 0 auto; width: 50%; max-width: 50%; } } @media (max-width: 767px) { /*overrides a HL update with a negative margin*/ ul.nav.navbar-nav { padding-top: 4rem; max-height: 100vh; margin-right: 0; margin-left: 0; } } @media (min-width: 768px) { /*specificity for overriding purposes*/ ul.nav.navbar-nav { float: right; /*temporary*/ margin-right: 16rem; } } @media (min-width: 768px) and (max-width: 991px) { .nav > li > a { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 992px) { .nav > li > a { padding-left: 1.8rem; padding-right: 1.8rem; } } .navbar-default .navbar-toggle { border-color: #a30134 } .navbar-default .navbar-toggle .icon-bar { background-color: #a30134; } nav.navbar-default .navbar-collapse { border: none; box-shadow: none; padding-right: 0; padding-left: 0; } /*override of HL or BS*/ nav .nav > .active > a { border-radius: 0 !important; } nav.navbar-default .navbar-nav > li { color: #747678; text-transform: uppercase; font-family: 'Montserrat'; font-size: 16px; font-weight: 400 !important; } nav.navbar-default .navbar-nav > li:last-child { border-right: none; } @media (min-width: 1200px) { nav.navbar-default .navbar-nav > li { font-size: 1.5rem; } } nav.navbar-default .navbar-nav > li > a, nav.navbar-default .navbar-nav > li > a:focus { color: #747678; } nav.navbar-default .navbar-nav > li.dropdown > a .caret, nav.navbar-default .navbar-nav > li.dropdown > a:focus .caret { border-top-color: #747678; } nav.navbar-default .navbar-nav > li > a:hover, nav.navbar-default .navbar-nav > li > a:active, nav.navbar-default .navbar-nav > li.dropdown.open > a { text-decoration: none; color: #A30134; background-color: #f2f2f2;} .navbar-nav>li>.dropdown-menu { /* margin-top: 10px;*/ /* margin-left: 5px;*/ padding: 10px; border: 5px solid rgba(0,0,0,0.1); font-size: 14px; background-color: #fff; /* box-shadow: 0px 3px 4px rgba(0,0,0,0.1); */ border-top: none; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .navbar-nav>li.open>.dropdown-menu:after { right: -35px; left: auto; } nav.navbar-default .navbar-nav > li.dropdown > a:hover .caret, nav.navbar-default .navbar-nav > li.dropdown > a:active .caret, nav.navbar-default .navbar-nav > li.dropdown.open > a .caret { border-top-color: #a30134; } nav.navbar-default .navbar-nav ul.dropdown-menu { text-decoration: none; color: #ffffff; background-color: #ffffff; } nav.navbar-default .navbar-nav ul.dropdown-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.5); text-transform: initial; } nav.navbar-default .navbar-nav ul.dropdown-menu li a { color: #333333 !important; padding: 1rem 2rem; } nav.navbar-default .navbar-nav ul.dropdown-menu li:last-child { border-bottom: none; } nav.navbar-default .navbar-nav > li.active.open > a { background: #f2f2f2; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; color: #a30134;} nav.navbar-default .navbar-nav > .active > a, nav.navbar-default .navbar-nav > .active > a:hover, nav.navbar-default .navbar-nav > .active > a:focus, nav.navbar-default .navbar-nav > .open > a, nav.navbar-default .navbar-nav > .open > a:hover, nav.navbar-default .navbar-nav > .open > a:focus { background: #f2f2f2; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; color: #a30134;} nav.navbar-default .navbar-nav li.dropdown.open ul.dropdown-menu > li.active > a, nav.navbar-default .navbar-nav li.dropdown.open ul.dropdown-menu > li.active > a:hover, nav.navbar-default .navbar-nav li.dropdown.open ul.dropdown-menu > li.active > a:focus { color: white !important; background-color:#a30134 !important; } nav.navbar-default .navbar-nav li.dropdown.open ul.dropdown-submenu > li > a:hover, nav.navbar-default .navbar-nav li.dropdown.open ul.dropdown-menu > li > a:focus { color: white !important; background-color:#a30134 !important; } nav.navbar-default .navbar-nav li.dropdown.open ul.dropdown-menu > li > a:hover, nav.navbar-default .navbar-nav li.dropdown.open ul.dropdown-menu > li > a:focus { color: white !important; background-color:#a30134 !important; } @media (min-width: 768px) { nav.navbar-default .navbar-nav > li:last-child:hover:after { content: 'Have a bright idea for ILTA? Share it with us!'; position: absolute; top: 5rem; font-size: 1.2rem; width: 11em; padding:1em; color: #a30134; background: #f1f1f1; box-shadow: 0px 3px 4px rgba(0,0,0,0.1); text-transform: none; } nav.navbar-default .navbar-nav > li:last-child a:after { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/b6132445-96e5-4fbe-823e-fd79fbc1062e/UploadedImages/icon_lightbulb_18x50_2.png); position: absolute; top:0;} nav.navbar-default .navbar-nav > li:last-child a:hover{ background-color: transparent; } nav.navbar-default .navbar-nav > li:last-child span { display: none; } } @media (max-width: 767px) { nav.navbar-default .navbar-nav .dropdown-menu > li { text-transform: capitalize; } nav.navbar-default .navbar-nav .dropdown-menu > li a { font-weight: 300 !important; } nav.navbar-default .navbar-nav li.dropdown.open ul.dropdown-menu > li > a { color: white; } } @media(min-width: 768px){ #MPheader > div.row { padding-top: 0; padding-bottom: 0; } /*Annoucements bar*/ .announcements-bar { position: absolute; right: 0; font-size: 1.4rem; font-weight: 600; width: 100%; background: rgba(241, 241, 241, 0.9); padding: 1em 1em 1em 0; text-align: right; z-index: 1; } @media (max-width: 767px) { .announcements-bar { font-size: 1.2rem; } } @media (min-width: 1200px) { .announcements-bar { padding-right: calc((100% - 1200px) / 2); } } .interior .announcements-bar { top: 5rem; } #ProfileContainer a { display: block; width: 16rem; margin: 1em auto; padding-right: 1em; text-transform: uppercase; } #ProfileContainer.dropdown-menu { top: 2.5em; width: 20rem; min-height: 30rem; background: white; text-transform: lowercase; } #ProfileContainer.dropdown-menu h4 { text-transform: capitalize; margin-bottom: 1em; } #ProfileContainer.dropdown-menu h4 + div { font-size: 1.2rem; } #ProfileContainer.dropdown-menu img { display: none; } #ProfileContainer.dropdown-menu .panel-body .row .col-md-3.col-sm-3.col-xs-3 { /*display: none;*/ } #ProfileContainer.dropdown-menu .panel-body .row .col-md-9.col-sm-9.col-xs-9 { width: 100%; } #ProfileContainer.dropdown-menu .panel-body .welcome-links { margin-top: 3.5em; } #ProfileContainer.dropdown-menu .panel-footer { position: absolute; bottom: 0; height: auto; color: black; background: transparent; border-top: none; border-bottom: none; } #ProfileContainer.dropdown-menu .panel-footer a { margin-top: 0; } #ProfileContainer.dropdown-menu .progress-bar { display: none; } /*min 992*/ /*z-index trumping*/ @media (min-width: 768px) { nav.navbar.navbar-default { float: right; position: relative; max-width: 68rem; z-index: 1001; } } @media (min-width: 992px) { nav.navbar.navbar-default { max-width: 80rem; } } /*Breadcrumbs*/ /*hide breadcrumbs on certain pages*/ form[action="calendar"] .BreadCrumb, form[action="about-ilta"] .BreadCrumb { display: none; } /*overly specific for overriding purposes*/ #MPOuterMost.full #BreadCrumb.BreadCrumb { position: absolute; top: 15rem; text-transform: uppercase; z-index: 1; margin: 0; padding: 0; } @media (max-width: 1200px) { #MPOuterMost.full #BreadCrumb.BreadCrumb { left: 1.5em; } } @media (min-width: 1201px) { #MPOuterMost.full #BreadCrumb.BreadCrumb { left: calc((100% - 1200px) / 2); } } /*Breadcrumb reset*/ .interior ol.breadcrumb { padding: 0; margin: 0; list-style: none; background-color: transparent; border-radius: 0; } .interior ol.breadcrumb li a { /*must be visible against white backgrounds on content pages*/ color: whitesmoke; text-shadow: 0 0 .1em #333; } .interior ol.breadcrumb li:last-child { display: none; } @media (min-width: 1201px) { .interior ol.breadcrumb { margin-left: 1em !important; padding-left: calc((100% - 1200px) / 2); padding-right: calc((100% - 1200px) / 2); } } .interior ol.breadcrumb li a:hover, .interior ol.breadcrumb li a:active, .interior ol.breadcrumb li a:focus { color: #82ABCB; text-decoration: underline !important; } .interior .breadcrumb > li + li:before { content: '|'; } /*set page-specific header images*/ /*form[action="audience-landing-page-1"] #PageTitleH1 { }*/ .header-custom { padding-top: 17.5rem; padding-bottom: 5rem; background-size: cover; background-position: 50%; } @media (min-width: 1201px) { .header-custom { padding-left: calc(((100% - 1200px) / 2) + 1em); } } .header-custom h1 { margin: .25em 1.6rem 0 0; line-height: 1; color: white; font-weight: 400; text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5); } @media (max-width: 640px) { .header-custom h1 { font-size: 3.2rem; padding-left: 1em; } } @media (min-width: 641px) { .header-custom h1 { font-size: 6vw; padding-left: 3.25vw; } } @media (min-width: 1201px) { .header-custom h1 { margin: 0; padding-left: 0; font-size: 7.2rem; } } .header-custom.header-custom-light h1 { color: #a30134; } /*PageTitle Reset*/ .interior #PageTitleH1 { line-height: 1; font-weight: 400; /* color: #a30134; */ color: rgb(255, 255, 255); text-shadow: 0 0 0.2em #202A32, 0 0 0.2em #202A32; max-width: 100%; padding-top: 17.5rem; padding-bottom: 0; } @media (max-width: 480px) { .interior #PageTitleH1 { padding-top: 12.5rem; } } @media (max-width: 640px) { .interior #PageTitleH1 { font-size: 3.6rem; } } @media (min-width: 641px) { .interior #PageTitleH1 { font-size: 6.6666vw; } } @media (max-width: 1200px) { .interior #PageTitleH1 { text-indent: 0; padding-left: 2rem; padding-right: 1rem; } } @media (min-width: 1201px) { .interior #PageTitleH1 { font-size: 6.2rem; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0 !important; padding-left: calc(((100% - 1200px) / 2) + .175em); padding-right: calc((100% - 1200px) / 2); } } /*Event Listing Page*/ /*targets only the calendat page -- adding page class only wraps lower elements*/ form[action="calendar"] .BreadCrumb { display: none; } form[action="calendar"] input[title="Add an Event"] { display: none; } form[action*="event-description"] #PageTitleH1 { background-image: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/ce7f3e74-fb70-402e-a1b3-5dc0abe72260/UploadedImages/upcoming-events.jpg); /*background-image:url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/fd88e6ad-b7f3-4012-9add-0ae8445cdd7d/UploadedImages/headers/event_conference_dark.jpg);*/ background-size: cover; background-position: 50%; padding-bottom: 1em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } /*HL uses different case sometimes, and attribute selectors are case sensitive*/ form[action*="communitykey"] #PageTitleH1, form[action*="CommunityKey"] #PageTitleH1, form[action*="communityKey"] #PageTitleH1, form[action*="Communitykey"] #PageTitleH1 { /*background-image: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/fd88e6ad-b7f3-4012-9add-0ae8445cdd7d/UploadedImages/headers/communities_header_light.jpg);*/ /*background-image: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/fd88e6ad-b7f3-4012-9add-0ae8445cdd7d/UploadedImages/headers/communities_header_dark.jpg);*/ background-size: cover; background-position: 50%; } /*re-usable grids*/ /*reset*/ .ilta-grid h2, .ilta-grid h3, .ilta-grid h4, .ilta-grid h5, .ilta-grid h6 { margin-top: 0; line-height: 1; } .ilta-grid h4 { font-size: 1em; font-weight: 300; text-transform: uppercase; margin-bottom: .5em; } .ilta-grid .equal-heights h2 { margin-top: 1em; margin-bottom: 1em; } .ilta-grid .equal-heights h3 { margin-top: 1.5em; margin-bottom: 1.5em; } /*temporary for demo -- must refactor*/ .ilta-grid .ilta-button { padding: 2rem 0; } .ilta-grid .ilta-button.long { padding: 1rem 0; } @media (max-width: 767px) { .banner-content .call-to-action-container .ilta-button { display: block; margin: 0 auto; } } @media (min-width: 768px) { .banner-content .call-to-action-container .ilta-button:first-of-type { margin-right: 1em; } } @media (max-width: 767px) { .banner-content .call-to-action-container .ilta-button:last-of-type { margin-top: 2em; margin-bottom: 1em; } } @media (min-width: 768px) { .banner-content .call-to-action-container .ilta-button:last-of-type { margin-left: 1em; } } /*Text Overlay Component*/ .banner { /*padding: 2em;*/ } .banner-inner { color: white; background-repeat: no-repeat; background-size: cover; background-position: 50%; padding: 3em 10%; text-align: center; /*z-index:1;*/ } .banner-inner h2 { margin-bottom: .75em; } .banner.reveal { position: relative; transition: .66s all ease-in-out; } .banner.reveal .to-reveal { position: absolute; top: 0; width: 100%; height: 100%; padding: 2em; /*z-index: -1;*/ transition: .33s all ease-in-out; background-color: rgba(0, 0, 0, 0.75); color: white; opacity: 0; } .banner.reveal:hover .banner-inner { /*z-index: -1;*/ } .banner.reveal:hover .to-reveal { /*z-index: 2;*/ opacity: 1; } .banner.reveal .revealed-content { height: 100%; /*border: 1px solid rgba(255,255,255,1);*/ } .leadership-grid h6 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 2rem; } @media (min-width: 768px) { .leadership-grid h6 { font-size: 2.4rem; } } .leadership-grid p { margin-bottom: .5em; } .leadership-grid p.leadership-name { font-weight: bold; font-size: 1.8rem; } @media (min-width: 768px) { .leadership-grid p.leadership-name { font-size: 2rem; } } .leadership-grid .row { margin-top: 3em; margin-bottom: 3em; } @media (max-width: 767px) { .ilta-grid .leadership-grid .row-wide img { display: inline-block; } } .leadership-grid .president-row { border-bottom: 1px solid #000; } @media (max-width: 767px) { .leadership-grid [class*="col"] { text-align: center; } .ilta-grid .leadership-grid [class*="col"] { border-top: none; border-bottom: none; } } @media (min-width: 768px) { .ilta-grid .leadership-grid [class*="col"] { border-top: none; border-bottom: none; } } @media (min-width: 768px) and (max-width: 1365px) { .leadership-grid { padding-right: 3em; padding-left: 3em; } } /*will need to change these below 768*/ .text-over-image .text-overlay { display: inline-block; position: absolute; /*max-width: 48rem;*/ z-index: 1; } .text-over-image .text-overlay p { color: white; padding: 3em; } .text-over-image .image-to-overlay { position: relative; } /*grid hover effects*/ .ilta-grid article img, .ilta-grid article [style], .ilta-grid blockquote p, .ilta-grid .featured-block-content, .ilta-grid .banner-content, .quote-snippet blockquote p, .quote-snippet blockquote:before, .quote-snippet blockquote:after { transition: .33s all ease-in-out; } .ilta-grid article:hover img.greyScaleEffect { -webkit-filter: contrast(125%) grayscale(50%) saturate(50%); filter: contrast(125%) grayscale(50%) saturate(50%); } .ilta-grid article:hover blockquote p { /*-webkit-transform: rotate(0deg); transform: rotate(0deg);*/ color: #a30134; } .ilta-grid article:hover blockquote:before, .ilta-grid article:hover blockquote:after { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .ilta-grid [style] { background-size: cover; background-position: 50%; } @media (max-width: 991px) { .equal-heights .text-column { padding: 0 2em 2em 2em; } .ilta-grid .image-column { min-height: 25em; } } @media (min-width: 992px) { .equal-heights section { display: table-cell; float: none !important; /*vertical-align: middle;*/ vertical-align: top; } .text-column { padding: 2em; } /*reset*/ .ilta-grid .equal-heights h2, .ilta-grid .equal-heights h3, .ilta-grid .equal-heights h4, .ilta-grid .equal-heights h5, .ilta-grid .equal-heights h6 { margin-top: 0; } } .ilta-grid .call-to-action-container { padding-top: 1em; } .quote-snippet-wrapper:after { content: ""; display: table; float: none; clear: both; } /*legacy*/ .quote-snippet-wrapper .quote-snippet.row.row-wide { margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .quote-snippet .quote-text-wrapper { border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } .quote-snippet .quote-text-wrapper.contact-info { padding: 2em; } .quote-snippet .quote-text-wrapper.contact-info h3 { margin-bottom: 1.5em; } .quote-snippet .quote-text-wrapper blockquote { background: transparent; border-top: none; border-right: none; border-bottom: none; border-left: none; } .quote-snippet .quote-text-wrapper blockquote p { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 2rem; line-height: 1.5; font-weight: 400; color: #424242; padding-top: 0; padding-right: 3em; padding-bottom: 0; padding-left: 3em; /*-webkit-transform:rotate(-3deg); transform:rotate(-3deg);*/ } .quote-snippet .quote-text-wrapper blockquote .quote-byline { display: block; font-size: 1.6rem; font-style: italic; text-align: right; } .quote-snippet .quote-text-wrapper blockquote .quote-byline:before { content: "- "; color: #a30134; } .quote-snippet .quote-text-wrapper blockquote:before, .quote-snippet .quote-text-wrapper blockquote:after { display: block; } .quote-snippet .quote-text-wrapper blockquote:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/icons/quote_left_48.png); } .quote-snippet .quote-text-wrapper blockquote:after { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/icons/quote_right_48.png); float: right; } @media (max-width: 767px) { .ilta-grid .quote-snippet img { display: none; } .ilta-grid .leadership .quote-snippet img { display: block; } } @media (min-width: 768px) { .ilta-grid .quote-snippet section { display: table-cell; float: none; vertical-align: middle; } } @media (min-width: 768px) and (max-width: 991px) { .ilta-grid .quote-snippet p { font-size: 1.6rem; } } .featured-block-ad-wrapper { background: #f2f2f2; } .featured-block-wrapper .featured-block.row.row-wide { margin-right: auto; margin-left: auto; } .featured-block-ad-wrapper { background: #c8c8c8; } /*.featured-block-ad-wrapper:before{ content: "Advertisement"; font-size: 1.2rem; position: absolute; top: -1.5em; right: 0; color: rgba(150,150,150,.75); }*/ .has-ad-275h .featured-block-content { background-color: #a30134; background-repeat: no-repeat; background-size: cover; padding: 2em; } .featured-block { background-color: #a30134; } .featured-block section[style] { background-repeat: no-repeat; background-size: cover; background-position: 50%; } .featured-block-content { padding: 1em; } .featured-block-content h2 { margin-top: 0; } .featured-block-content h2, .featured-block-content p { color: white; } .peers-power-you { padding: 5%; } .peers-power-you .column { text-align: center; } .peers-power-you .ilta-button { margin-top: 1em; margin-bottom: 1em; } @media (min-width: 992px) { .featured-block-wrapper .featured-block section { display: table-cell; float: none; vertical-align: top; } /*.featured-block-wrapper .featured-block.three-quarters .featured-block-content { width: 75%; } .featured-block-wrapper .featured-block.one-half .featured-block-content { width: 50%; } .featured-block-wrapper .featured-block.one-quarter .featured-block-ad-wrapper { width: 25%; }*/ } /*Individual Event Page*/ /*since the page-wrapping class appears too low on the page (under the title, let's use an attribute selector here*/ /*not working*/ /*form[action*"event-description"] #PageTitleH1*/ .individual-event-page .section1 { padding-top: 5em; padding-right: 2.5%; padding-left: 2.5%; margin-bottom: 2.5%; } @media (max-width: 991px) { .individual-event-page .section1 { padding-left: 2em !important; padding-right: 2em !important; } } .individual-event-page .section1 h4 { margin-top: 0; } @media (min-width: 992px) { .individual-event-page .section2 { padding-right: 2em; } } .individual-event-page .ContentUserControl ul { list-style: disc; margin-top: 1em; margin-bottom: 1em; } @media (min-width: 992px) { .individual-event-page .section1 p { font-size: 1.6rem; /* width: 66.6666%; */ } } #PageTitleH1 .btn-group.dropdown-multi-option { width: 16rem; } #PageTitleH1 .btn.btn-primary { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; background: #82ABCB; border-color: #82ABCB; border-width: 3px; text-transform: uppercase; font-weight: bold; transition: .33s all ease; } /*refactor to generalize*/ #PageTitleH1 .btn.btn-primary.dropdown-toggle { border-left-color: rgba(255, 255, 255, 0.5); width: auto; } #PageTitleH1 .btn.btn-primary:hover, #PageTitleH1 .btn.btn-primary.dropdown-toggle:hover, #PageTitleH1 .btn.btn-primary:active, #PageTitleH1 .btn.btn-primary.dropdown-toggle:active, #PageTitleH1 .btn.btn-primary:focus, #PageTitleH1 .btn.btn-primary.dropdown-toggle:focus { color: #82ABCB; /*background: transparent;*/ background: white; } #PageTitleH1 .btn.btn-primary.dropdown-toggle:hover .caret, #PageTitleH1 .btn.btn-primary.dropdown-toggle:active .caret, #PageTitleH1 .btn.btn-primary.dropdown-toggle:focus .caret { border-top-color: #82ABCB; } .individual-event-dates { display: inline-block; } @media screen and (min-width: 1201px) { .individual-event-dates { padding-left: calc((100% - 1200px) / 2); padding-right: 20em;} } .individual-event-dates h4 { font-size: 2rem; color: black; } .individual-event-dates h4:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/icon-calendar_32x32.png); position: relative; top: .25em; left: -.25em; } .individual-event-page h5 { font-size: 1.8rem; margin: 2em 0 1em; } /*direct override*/ #ConferenceCallContainer, #OnlineContainer { margin-bottom: 0; } @media (min-width: 1201px) { .individual-event-page .event-calendar-button { padding-left: calc((100% - 1200px) / 2); } } .individual-event-page .event-calendar-button a.btn { font-size: 1.4rem; font-weight: 800; color: #82ABCB; background: transparent; border: none; padding: 0; text-decoration: underline !important; } .individual-event-page .section1 a[title="More information"] { color: #82ABCB; text-decoration: underline !important; } .individual-event-page .ilta-event-list { padding-right: 1em; padding-left: 1em; } .individual-event-page .ilta-event-list h2 { margin-left: 1em; } .individual-event-page .ilta-event-list .btn.btn-default[title="View Calendar"] { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; width: 16rem; height: 7rem; background: transparent; color: #a30134; border-width: 3px; border-color: #a30134; text-transform: uppercase; font-weight: bold; transition: .33s all ease; margin-left: 1em; padding-top: .9rem; margin-top: 2em; } .individual-event-page .ilta-event-list .btn.btn-default[title="View Calendar"]:hover, .individual-event-page .ilta-event-list .btn.btn-default[title="View Calendar"]:active, .individual-event-page .ilta-event-list .btn.btn-default[title="View Calendar"]:focus { background: #a30134; color: white; } /*override*/ .individual-event-picture { display: inline-block; float: right; } @media screen and (min-width: 1201px) { .individual-event-picture { padding-right: calc((100% - 1200px) / 2); } } .individual-event-picture .event-picture img { margin: 0 2em 2em 0; } /*HL bug has this showing at least once regardless of whether you deselect "show" title*/ .individual-event-location h2 { font-size: 1.8rem; margin: 0 0 .25em 0; } .individual-event-location h2:after { content: ':'; } .individual-event-location h2 + div { font-size: 1.4rem; } @media (max-width: 767px) { .individual-event-register { text-align: center; } } @media (min-width: 768px) { .individual-event-register { text-align: left; padding-left: 30rem; padding-bottom: 2rem; } } /*refactor*/ .individual-event-register .btn.btn-primary { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; width: 16rem; height: 7rem; background: transparent; color: #a30134; border-width: 3px; border-color: #a30134; text-transform: uppercase; font-weight: bold; transition: .33s all ease; padding-top: .8rem; margin-top: 1em; margin-bottom: 1em !important; /*that overrides an important in HL/BS*/ } /*no idea why some higher logic events, but not all, make this button an a link, and other pages give it an input element*/ .individual-event-register .btn.btn-primary:hover, .individual-event-register .btn.btn-primary:active, .individual-event-register .btn.btn-primary:focus { background: #a30134; color: white; } .file-download-button { background-color: #5CB85D; font-weight: 600; border-color: #666; } /*demo style*/ .individual-event-page .featured-events.right-rail { margin-top: 5em; color: transparent !important; } .individual-event-page .featured-events.right-rail h2 { color: transparent !important; } .individual-event-page .featured-events.right-rail h3 { color: transparent !important; } .individual-event-page .featured-events.right-rail p { color: transparent !important; } .individual-event-page .featured-events.right-rail a { color: transparent !important; } .individual-event-page .featured-events.right-rail a:hover { color: transparent !important; } .individual-event-page .featured-events.right-rail .timeAgoFormat { color: transparent !important; } /*on same div as row-wide, so already maxes at 1200 with maring 0 auto*/ .individual-event-page .recent-files-list { width: 90%; max-width: 100rem; /*make it even narrower*/ margin-top: 5em; border-top: 1px solid #a30134; } /**i don't think we want the icon on the resources listing page proper -- just on the community page where the files are listed*/ .recent-files-list h2, .recent-files-list #LibaryEntryCountDiv { margin-left: 3rem; } .recent-files-list .btn.btn-success { /*all success button overrides must have 'important' thanks to an upstream 'important'*/ font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; color: white !important; text-transform: uppercase; font-weight: bold; background: #82ABCB; border-width: 3px; border-color: #82ABCB; transition: .33s all ease; /*width: 16rem; height: 7rem;*/ } .recent-files-list .btn.btn-success:hover, .recent-files-list .btn.btn-success:active, .recent-files-list .btn.btn-success:focus { background: transparent; color: #82ABCB !important; } /*need these specific margin rules for specificity*/ .recent-files-list .row.library-list, .recent-files-list .libListReptContainer { font-size: 1.4rem; padding: 2em; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } /*looks like there can be all sorts of headlines in the file descriptions, but i only want the file name to be a true headline*/ .recent-files-list .row.library-list h1, .recent-files-list .row.library-list h2, .recent-files-list .row.library-list h3, .recent-files-list .row.library-list h4, .recent-files-list .row.library-list h5, .recent-files-list .row.library-list h6 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.4rem; font-weight: normal; } /*odd case related to above*/ .recent-files-list .row.library-list h1 strong, .recent-files-list .row.library-list h2 strong, .recent-files-list .row.library-list h3 strong, .recent-files-list .row.library-list h4 strong, .recent-files-list .row.library-list h5 strong, .recent-files-list .row.library-list h6 strong { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.4rem; font-weight: normal; } .recent-files-list .row.library-list h3:first-of-type, .recent-files-list .libListReptContainer h3:first-of-type { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.8rem; font-weight: bold; } .recent-files-list .row.library-list > div:first-of-type { display: none; } /*make sure this doesn't cascade down*/ .recent-files-list .row.library-list > div:first-of-type + div { width: 100%; } /*too specific -- this mightbe brittle*/ .recent-files-list .library-list .col-md-2 { display: none !important; } .recent-files-list .library-list .col-md-10 { width: 100% !important; } .recent-files-list .library-list:nth-child(even), .recent-files-list .libListReptContainer:nth-child(even) { background: #f2f2f2; } .recent-files-list .libListReptContainer { border-top: 1px solid #ddd; } .libListReptContainer { overflow: hidden; } .recent-files-list .libListReptContainer .panel-default { background: transparent; border: none; margin-bottom: 0; box-shadow: none; } .recent-files-list .libListReptContainer .panel-default .panel-body { padding-left: 0; } .recent-files-list .libListReptEntAttchLble { display: none; } /*selects a hookless div in order to keep the download button on the left*/ /*needs more flexibility, because there are an unknown number of icons*/ /*.recent-files-list .libListReptEntAttchLble + div { width: 20rem; }*/ .recent-files-list .listIconContainer + div.pull-right { float:left !important; } /*better way to select this?*/ /*.recent-files-list .library-list .btn.btn-default*/ .recent-files-list .libListReptEntAttchLble + div .btn.btn-default { background: transparent; border: none; color: #82ABCB; /*important needed to override reset*/ text-decoration: underline !important; } /*overrides basic html styles, so this rare use of 'important' is good*/ .recent-files-list strong, .recent-files-list b { font-weight: normal !important; } @media (min-width:768px){ .recordingsHasAuthorPicColumn [id*="OwnerBlock"] { width:9.9999%; } .recordingsHasAuthorPicColumn [id*="OwnerBlock"] + [id*="NameBlock"]{ width:90%; } } .featured-resources h2 { font-size: 2rem; padding: 1em 0 0 1em; margin-bottom: 0; background: #f2f2f2; } .featured-resources h3, .featured-resources h3 a { font-size: 1.8rem; color: #a30134; } .featured-resources select { display: none; } .featured-resources .HLLandingControl.HLMyDocuments { background: #f2f2f2; padding: 0 1em 1em 1em; } .featured-resources .HLLandingControl.HLMyDocuments ul li { border: none; } @media (min-width: 992px) { .featured-resources { padding: 6em 2em; } } #CommunityTabsContainer .badge { background-color: #a30134; } form[action*="communitykey"] .HLAnnouncements h2:before, form[action*="CommunityKey"] .HLAnnouncements h2:before, form[action*="communityKey"] .HLAnnouncements h2:before, form[action*="Communitykey"] .HLAnnouncements h2:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/fd88e6ad-b7f3-4012-9add-0ae8445cdd7d/UploadedImages/icons/icon_announcements_32.png); padding-right: .25em; position: relative; top: .15em; } form[action*="communitykey"] .HLRecentBlogs, form[action*="CommunityKey"] .HLRecentBlogs, form[action*="communityKey"] .HLRecentBlogs, form[action*="Communitykey"] .HLRecentBlogs { /*Hide headshots for blog post list to visually separate them from the dicussions list*/ } form[action*="communitykey"] .HLRecentBlogs h2:before, form[action*="CommunityKey"] .HLRecentBlogs h2:before, form[action*="communityKey"] .HLRecentBlogs h2:before, form[action*="Communitykey"] .HLRecentBlogs h2:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/fd88e6ad-b7f3-4012-9add-0ae8445cdd7d/UploadedImages/icons/icon_blog_32.png); } form[action*="communitykey"] .HLRecentBlogs h3, form[action*="communitykey"] .HLRecentBlogs h3 a, form[action*="CommunityKey"] .HLRecentBlogs h3, form[action*="CommunityKey"] .HLRecentBlogs h3 a, form[action*="communityKey"] .HLRecentBlogs h3, form[action*="communityKey"] .HLRecentBlogs h3 a, form[action*="Communitykey"] .HLRecentBlogs h3, form[action*="Communitykey"] .HLRecentBlogs h3 a { color: #a30134; } form[action*="communitykey"] .HLRecentBlogs .title-row > div:first-of-type, form[action*="communitykey"] .HLRecentBlogs .title-row .Picture, form[action*="CommunityKey"] .HLRecentBlogs .title-row > div:first-of-type, form[action*="CommunityKey"] .HLRecentBlogs .title-row .Picture, form[action*="communityKey"] .HLRecentBlogs .title-row > div:first-of-type, form[action*="communityKey"] .HLRecentBlogs .title-row .Picture, form[action*="Communitykey"] .HLRecentBlogs .title-row > div:first-of-type, form[action*="Communitykey"] .HLRecentBlogs .title-row .Picture { width: 0; overflow: hidden; margin: 0; } form[action*="communitykey"] .HLRecentBlogs .break-word, form[action*="CommunityKey"] .HLRecentBlogs .break-word, form[action*="communityKey"] .HLRecentBlogs .break-word, form[action*="Communitykey"] .HLRecentBlogs .break-word { padding-left: 0; } form[action*="communitykey"] .HLRecentBlogs ul li, form[action*="CommunityKey"] .HLRecentBlogs ul li, form[action*="communityKey"] .HLRecentBlogs ul li, form[action*="Communitykey"] .HLRecentBlogs ul li { border: none; padding-bottom: 1em; } @media (min-width: 992px) { form[action*="communitykey"] .HLDiscussions ul, form[action*="CommunityKey"] .HLDiscussions ul, form[action*="communityKey"] .HLDiscussions ul, form[action*="Communitykey"] .HLDiscussions ul { border-left: 1px solid #f2f2f2; padding: 0 1em; } } @media (min-width: 992px) { form[action*="communitykey"] .HLDiscussions .title-row > div, form[action*="CommunityKey"] .HLDiscussions .title-row > div, form[action*="communityKey"] .HLDiscussions .title-row > div, form[action*="Communitykey"] .HLDiscussions .title-row > div { display: inline-block; } form[action*="communitykey"] .HLDiscussions .title-row > div:last-of-type, form[action*="CommunityKey"] .HLDiscussions .title-row > div:last-of-type, form[action*="communityKey"] .HLDiscussions .title-row > div:last-of-type, form[action*="Communitykey"] .HLDiscussions .title-row > div:last-of-type { /* max-width: 20rem; */ } } form[action*="communitykey"] .ilta-event-list, form[action*="communitykey"] .recent-files-list, form[action*="CommunityKey"] .ilta-event-list, form[action*="CommunityKey"] .recent-files-list, form[action*="communityKey"] .ilta-event-list, form[action*="communityKey"] .recent-files-list, form[action*="Communitykey"] .ilta-event-list, form[action*="Communitykey"] .recent-files-list { margin-top: 3em; } form[action*="communitykey"] .recent-files-list h2, form[action*="CommunityKey"] .recent-files-list h2, form[action*="communityKey"] .recent-files-list h2, form[action*="Communitykey"] .recent-files-list h2 { margin-left: 0; } form[action*="communitykey"] .recent-files-list h2:before, form[action*="CommunityKey"] .recent-files-list h2:before, form[action*="communityKey"] .recent-files-list h2:before, form[action*="Communitykey"] .recent-files-list h2:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/fd88e6ad-b7f3-4012-9add-0ae8445cdd7d/UploadedImages/icons/icon_file_32.png); padding-right: .5em; } form[action*="communitykey"] .most-active h2:before, form[action*="CommunityKey"] .most-active h2:before, form[action*="communityKey"] .most-active h2:before, form[action*="Communitykey"] .most-active h2:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/fd88e6ad-b7f3-4012-9add-0ae8445cdd7d/UploadedImages/icons/icon_most_active_32.png); position: relative; top: .2em; padding-right: .25em; } form[action*="communitykey"] .btn.btn-success, form[action*="communitykey"] .btn.btn-primary, form[action*="CommunityKey"] .btn.btn-success, form[action*="CommunityKey"] .btn.btn-primary, form[action*="communityKey"] .btn.btn-success, form[action*="communityKey"] .btn.btn-primary, form[action*="Communitykey"] .btn.btn-success, form[action*="Communitykey"] .btn.btn-primary { /*all success button overrides must have 'important' thanks to an upstream 'important'*/ font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; color: white !important; text-transform: uppercase; font-weight: bold; background: #a30134; border-width: 3px; border-color: #a30134; transition: .33s all ease; /*width: 16rem; height: 7rem;*/ } form[action*="communitykey"] .btn.btn-success:hover, form[action*="communitykey"] .btn.btn-success:active, form[action*="communitykey"] .btn.btn-primary:hover, form[action*="communitykey"] .btn.btn-primary:active, form[action*="CommunityKey"] .btn.btn-success:hover, form[action*="CommunityKey"] .btn.btn-success:active, form[action*="CommunityKey"] .btn.btn-primary:hover, form[action*="CommunityKey"] .btn.btn-primary:active, form[action*="communityKey"] .btn.btn-success:hover, form[action*="communityKey"] .btn.btn-success:active, form[action*="communityKey"] .btn.btn-primary:hover, form[action*="communityKey"] .btn.btn-primary:active, form[action*="Communitykey"] .btn.btn-success:hover, form[action*="Communitykey"] .btn.btn-success:active, form[action*="Communitykey"] .btn.btn-primary:hover, form[action*="Communitykey"] .btn.btn-primary:active { background: #202a32 !important; border-color: #202a32 !important; color: #ffffff !important; } #MPOuterMost.full #FOOTER { max-width: 100%; } #MPFooter { margin-bottom: -5em; font-weight: normal; } /*footer*/ .footer-two-tiered { margin-bottom: -3em; } .footer-two-tiered p { margin-bottom: 0; } .footer-menu li { color: #333333; font-weight: normal; } .footer-menu li.top-level { color: #a30134; font-weight: bold; } /*deletes the powered by higher logic in the footer*/ a[href="http://www.higherlogic.com"] { display: none; } #FOOTER, .color1b {background-color:#212930} .footer-top { /*font-size: 1.33rem;*/ padding-top: 3em; padding-bottom: 3em; color: lightgray; } .footer-top h6 { font-size: 1em; color: white; margin: 0; } .footer-top .list-inline li { padding-left: 0; padding-right: 0; } .footer-top ul { list-style: none; padding: .5em 0 0 0; } .footer-top .footer-menu li { vertical-align: top; } .footer-bottom { background: #a30134; color: white; font-size: 1.4rem; padding: 2em; } .footer-bottom .container { margin: 0 auto; } .footer-bottom li a:hover { cursor: pointer; color: #82ABCB; } .icons-social .fa-inverse { color: #a30134; } /*.icons-social img { margin-left: 1.5em; }*/ /*i want to make that the default for all images, but i need to remember to override that for the advertisement*/ .logo-lower { width: 100%; max-width: 22rem; } /*the issue with buttons is that the markup is inconsistent*/ /*sometimes they are anchor links, sometimes they are inputs*/ .button-ghost { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; text-transform: uppercase; background: transparent; border-width: 3px; border-style: solid; /*border-color: currentColor;*/ border-radius: 0; width: 16rem; height: 7rem; transition: .33s all ease; } .button-ghost.white { color: white; border-color: white; } .button-ghost.white:hover, .button-ghost.white:active, .button-ghost.white:focus { background: white; color: #82ABCB; } /*refactoring button here*/ /*we have a fixed height button with text of varying length that always must be vertically aligned middle*/ /*absolute centering trick here doesn't want to do the trick*/ .ilta-button { /*display: table-cell;*/ width: 16rem; height: 7rem; font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; text-transform: uppercase; background: transparent; border-width: 3px; border-style: solid; border-color: currentColor; border-radius: 0; vertical-align: middle; transition: .33s all ease; } .red-button { color: #a30134; } .white-button { color: white; } .result-red-treatment:hover, .result-red-treatment:active, .result-red-treatment:focus { color: #a30134; } .result-blue-treatment:hover, .result-blue-treatment:active, .result-blue-treatment:focus { color: #82ABCB; } .red-button:hover, .red-button:active, .red-button:focus { color: white; background: #a30134; border-color: #a30134; } .white-button:hover, .white-button:active, .white-button:focus { /*color: rgba(130, 171, 203, 1);*/ background: white; border-color: white; } .top-section button { border-color: white; color: white; /*background: rgba(0,0,0,.25);*/ /*width: 22.5rem;*/ /*width: 16rem;*/ margin-top: 3rem; } .top-section button:hover, .top-section button:active, .top-section button:focus { background: rgba(163, 1, 52, 0.9); color: white; border-color: white; } /*refactor to generalize buttons*/ .ilta-event-list .btn.btn-primary { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; width: 16rem; /*height: 7rem;*/ background: #a30134; color: #fff; border-width: 3px; border-color: #a30134; text-transform: uppercase; font-weight: bold; transition: .33s all ease; } /*must refactor*/ .ilta-event-list .btn.btn-primary:hover, .ilta-event-list .btn.btn-primary:active, .ilta-event-list .btn.btn-primary:focus { background: transparent; color: #a30134; } .join-button-wrapper a.btn.button-ghost { height: auto; padding: 2.15rem 0; border-color: #fff; } .join-button-wrapper a.btn.button-ghost:hover, .join-button-wrapper a.btn.button-ghost:active, .join-button-wrapper a.btn.button-ghost:focus { background: #fff; color: #82ABCB; } /*invert these*/ .interior-discussions-control .btn.btn-default { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; color: white !important; text-transform: uppercase; font-weight: bold; background: #a30134; border-radius: 3px !important; border-color: #a30134; transition: .33s all ease;} .interior-discussions-control .btn.btn-default:hover, .interior-discussions-control .btn.btn-default:active, .interior-discussions-control .btn.btn-default:focus { background: #202a32 !important; border-radius: 3px !important; color: white; } .control-discussions .btn.btn-default, .control-events .btn.btn-default, .control-documents .btn.btn-default { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; color: white !important; text-transform: uppercase; font-weight: bold; background: #a30134; border-radius: 3px !important; border-color: #a30134; transition: .33s all ease; } /*have to force it... even though they're both inline-blocks, there's a discrepnacy between the buttons and the a links in terms of vertical centering... forcing this one-line button to center like the events button does*/ .control-discussions .btn.btn-default, .control-documents .btn.btn-default { padding: 1rem 1.2rem; } .control-discussions .btn.btn-default:hover, .control-events .btn.btn-default:hover, .control-documents .btn.btn-default:hover, .control-discussions .btn.btn-default:active, .control-events .btn.btn-default:active, .control-documents .btn.btn-default:active, .control-discussions .btn.btn-default:focus, .control-events .btn.btn-default:focus, .control-documents .btn.btn-default:focus { background: #202a32; border-color: #202a32; color: white; } /*control documents*/ .control-documents ul > li { padding-top: 1em; } .control-documents ul > li:first-child { padding-top: 0; } @media(min-width:893px) { .control-documents ul > li { margin-right: 2em; } } .control-events .btn.btn-default { padding-top: 1rem; } .control-events .btn-primary { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; /*color: rgba(163,1,52,1);*/ color: white; background: #a30134; border-width: 3px; border-color: #a30134; text-transform: uppercase; transition: .33s all ease; } .control-events .btn-primary:hover, .control-events .btn-primary:active, .control-events .btn-primary:focus { color: #a30134; background: transparent; } /*same as why join buttons*/ .buttons-vendor { text-align: center; margin-top: 1.5em; } .buttons-vendor button { color: white; border-color: white; margin: 0 1em; } .buttons-vendor button:hover { background: white; color: #82ABCB; } /*same as vendor buttons*/ .buttons-why-join { text-align: center; margin-top: 1.5em; } .why-join-ilta button { color: #a30134; border-color: #a30134; } .why-join-ilta button:hover { background: #a30134; color: white; } .section1 .RegistrationButtonContainer a.btn.btn-primary { padding-top: 1.25em; } .section1 .RegistrationButtonContainer a.btn.btn-primary .glyphicon { display: none; } .membership-benefits .join-button-wrapper, section.eventList-membership-benefits .join-button-wrapper, .about-membership-benefits .join-button-wrapper { text-align: center; margin-top: 1.5em; } @media (max-width: 767px) { .we-love-our-vendors button { display: block; width: 16rem; margin: 2em auto 0; } } /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ /* Extra Small Devices, Phones */ /* Small Devices, Tablets */ /* Medium Devices, Desktops */ /* Large Devices, Wide Screens */ /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ /* Medium Devices, Desktops */ /* Small Devices, Tablets */ /* Extra Small Devices, Phones */ /* Custom, iPhone Retina */ .row-full .section1 .HtmlContent .row { margin-left: auto; margin-right: auto; } .wrapper-for-padding { padding-top: 2em; padding-bottom: 2em; } .inner-background { background: white; } .siteFrame { background: transparent; } .top-section-inner { /*background-color: rgba(54,70,81,1);*/ background-size: cover; background-position: 50% 0; /*background-attachment: fixed;*/ background-repeat: no-repeat; text-align: center; padding: 6.25em 0; } .top-section-inner h1, .top-section-inner h2, .top-section-inner h3 { line-height: 1; font-weight: 700; color: white; text-shadow: 1px 1px .25em #202A32, -1px -1px .25em #202A32; } .top-section-inner h1 { font-size: 2.5rem; font-weight: 800; letter-spacing: 0px; padding-bottom: 25px; /*there's an IMPORTANT tag in an included file. not good. must override*/ margin: 0 !important; } .top-section-inner h2 { font-size: 12rem; letter-spacing: -5px; font-weight: 700; margin: 0; } .top-section-inner h3 { font-size: 4rem; } /*HL seems to add to this for some reason*/ .HtmlFooter { display: none; } .row.row-icons-main { /*longhand for overriding*/ margin-top: 1em; margin-left: auto; margin-right: auto; max-width: 100rem; } .row.row-icons-main img { border-radius: 50%; transition: .33s all ease; } .row.row-icons-main img:hover { background: #82ABCB; } .no-pageTitle-padding { padding-top: 0; } .SubscribeRSS { float: right; margin-right: 1.0rem; } /*search on homepage*/ .control-search { /*background: rgba(163, 1, 52, 1);*/ background: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/new-mag-glass-1200.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50%; padding: 3.5em 1em; } .control-search h2 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 3rem; font-weight: 400; color: white; margin-top: 0; margin-bottom: 1em; text-align: center; } .control-search .SearchInputs { margin: 0 auto; max-width: 44rem; } .SearchOptions { text-transform: capitalize; } /*hide unwanted search options since HL search configuration is universal and can only be changed by HL */ /*hides "posted by"*/ .SearchOptions .form-group div:last-child { display: none; } /*hides search by Community content type*/ .SearchOptions input[value="Community"], .SearchOptions input[value="Community"] + label { display: none; height: 0; width: 0; font-size: .0001em; margin-bottom: -20px; min-height: 0; max-height: 0; min-width: 0; max-width: 0; margin: 0; padding: 0; border: none; } /*hides search by Knowledge Bank (called Glossarycontent type*/ .SearchOptions input[value="Glossary"], .SearchOptions input[value="Glossary"] + label { display: none; } /*narrows the search box options pane*/ .SearchInputs .dropdown-menu.pull-right { min-width: 35rem; padding-right: 1em; padding-left: 1em; } /*expands the 2 visible colums remaining in search pane to make up for hidden column*/ .SearchOptions .col-sm-4.col-md-4:first-of-type { width: 40%; } .SearchOptions .col-sm-4.col-md-4:nth-of-type(2) { width: 60%; } /*move discussions input and label up*/ .SearchOptions input[value="Egroup"], .SearchOptions input[value="Egroup"] + label { /*using negative margin here moves the input but not the label.*/ /*margin-top: -1.5rem;*/ position: relative; top: -2rem; } /*move events input and label up*/ .SearchOptions input[value="CalendarEvent"], .SearchOptions input[value="CalendarEvent"] + label { position: relative; top: -2rem; } /*move site content search option up MORE*/ .SearchOptions input[value="Navigation"], .SearchOptions input[value="Navigation"] + label { position: relative; top: -4rem; } /*move library search option up MORE*/ .SearchOptions input[value="Library"], .SearchOptions input[value="Library"] + label { position: relative; top: -4rem; } .stripe-viz-interest { height: 5rem; background: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/bg_diamond_square.png); background-repeat: repeat; /*background-size: cover;*/ } .control-discussions p, .control-discussions h5, .control-discussions .ByLine, .control-documents p, .control-documents h5, .control-documents .ByLine { font-size: 1.4rem; font-weight: normal; } .control-discussions .ByLine a, .control-discussions h5 a, .control-documents .ByLine a, .control-documents h5 a{ font-weight: bold; } .control-discussions h2:before, .control-events h2:before, .control-documents h2:before{ position: relative; top: .5rem; } .control-discussions h2:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/icon-comments_32x32.png); } .control-documents h2:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/b6132445-96e5-4fbe-823e-fd79fbc1062e/UploadedImages/Assets/icon-document.png); } /*must override 2 col width*/ .control-discussions .title-row div:first-child, .control-documents .title-row div:first-child { width: 5rem; margin-right: 1rem; /*stuck inside of a no-pad div so must override*/ } .control-discussions img, .recent-files-list img, .control-documents img { border-radius: 50%; margin-right: 15px !important; } /*Global Disussion List styles*/ .HLLandingControl.HLDiscussions ul li { margin-bottom: 2em; } /*scope to Homepage*/ .HLHomePage .HLLandingControl.HLDiscussions ul li { border-bottom: none; } .control-discussions li div:first-of-type, .control-documents li div:first-of-type { padding-left: 0; } .control-discussions p a, .control-documents p a { display: block; color: #82ABCB; padding-top: 1rem; } .control-discussions p a[href^="mailto"], .control-documents p a[href^="mailto"]{ color: inherit; } .control-discussions p a:after, .control-documents p a:after { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/caret-blue-right_2.png); position: relative; top: .4rem; } .control-discussions p a[href^="mailto"]:after, .control-documents p a[href^="mailto"]:after { content: ''; } .control-lsevents { background: #ffffff; padding: 0 1em 1em; } .control-lsevents .HLLandingControl { max-width: 40rem; margin: 0 auto; } .HLHomePage .HLLandingControl.HLEventList ul li { margin-bottom: 3em; } .control-lsevents br { display: none; } .control-lsdiscussions h2, .control-lsevents h2, .control-lsdocuments h2 { margin-bottom: 1em; } /*for some strange reason, the font-size is on the a*/ .control-lsevents .HLLandingControl .Content h3, .control-lsdiscussions h3, .control-lsdocuments h3 { color: #333333; font-size: 1.6rem; } .control-lsevents .HLLandingControl .Content h3 a, .control-lsdiscussions h3 a, .control-lsdocuments h3 a { color: #333333; font-size: inherit; } .control-lsevents h2 { font-size: 2.4rem; } .control-lsevents h4 { display: inline-block; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.2rem; font-weight: normal; color: #888888; margin-bottom: 0; } /*.control-lsevents .HLLandingControl ul li { padding-top: 1rem; }*/ /*HL does not put a class on register buttons*/ .control-lsevents h4 + div { float: right; display: inline-block; } .control-lsevents .date-block { text-transform: uppercase; } .control-lsevents .calendar-month { background: #f7941d; color: #fff; border-bottom-left-radius: 0.2em; border-bottom-right-radius: 0.2em; font-weight: normal; font-size: 1rem; } .control-lsevents .title-row { padding-left: 1em; } .control-lsevents .HLLandingControl .Content h3 a { font-size: inherit; color: inherit; } /*this compensates for HL "drawing" with HTML -- it inserts a NBSP after the register button text which makes the padding uneven when i hide the external link icon*/ .control-lsevents .glyphicon { display: none; } .control-lsevents span a { padding-right: .33em; } .control-lsevents .calendar-day { display: none; } /*HL has a typo in "calendary-number", so I'm afraid to hook into it. They might make a correction*/ .control-lsevents .calendar-day + div { /*border-left: 2px solid rgba(247,148,29,1); border-right: 2px solid rgba(247,148,29,1);*/ font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 2px solid #f7941d; border-top-left-radius: 0.2em; border-top-right-radius: 0.2em; font-size: 2rem; font-weight: 300; } /*.control-lssearch > div:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/questionMarks_280x246.png); position: absolute; margin-left: -25em; margin-top: -5em; }*/ .control-events { background: #EAF6FB; padding: 0 1em 1em; } .control-events .HLLandingControl { max-width: 40rem; margin: 0 auto; } .HLHomePage .HLLandingControl.HLEventList ul li { margin-bottom: 3em; } .control-events br { display: none; } .control-discussions h2, .control-events h2, .control-documents h2 { margin-bottom: 1em; } /*for some strange reason, the font-size is on the a*/ .control-events .HLLandingControl .Content h3, .control-discussions h3, .control-documents h3 { color: black; font-size: 1.8rem; } .control-events .HLLandingControl .Content h3 a, .control-discussions h3 a, .control-documents h3 a { color: inherit; font-size: inherit; } .control-events h2 { font-size: 2.4rem; } .control-events h2:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/icon-calendar_32x32.png); } .control-events h4 { display: inline-block; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.2rem; font-weight: normal; color: #82ABCB; margin-bottom: 0; } /*.control-events .HLLandingControl ul li { padding-top: 1rem; }*/ /*HL does not put a class on register buttons*/ .control-events h4 + div { float: right; display: inline-block; } .control-events .date-block { text-transform: uppercase; } .control-events .calendar-month { background: #a30134; color: #fff; font-weight: normal; font-size: 1rem; } .control-events .title-row { padding-left: 1em; } .control-events .HLLandingControl .Content h3 a { font-size: inherit; color: inherit; } /*this compensates for HL "drawing" with HTML -- it inserts a NBSP after the register button text which makes the padding uneven when i hide the external link icon*/ .control-events .glyphicon { display: none; } .control-events span a { padding-right: .33em; } .control-events .calendar-day { display: none; } /*HL has a typo in "calendary-number", so I'm afraid to hook into it. They might make a correction*/ .control-events .calendar-day + div { /*border-left: 1px solid rgba(163,1,52,1); border-right: 1px solid rgba(163,1,52,1);*/ font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; border: 1px solid #a30134; font-size: 2rem; font-weight: bold; } /*.control-search > div:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/questionMarks_280x246.png); position: absolute; margin-left: -25em; margin-top: -5em; }*/ .we-love-our-vendors { font-size: 1.6rem; /*line-height: 1.6em;*/ background: #82ABCB; color: white; padding-top: 3.5em; padding-bottom: 3.5em; } .we-love-our-vendors h2, .why-join-ilta h2 { font-size: 3rem; text-align: center; margin-top: 0; margin-bottom: 1.25em; } .we-love-our-vendors p { padding: 0 2em; } .we-love-our-vendors svg { width: 1.25em; position: relative; top: .25em; } /*carousel*/ .ilta-carousel { background: #f2f2f2; padding: 2em; } .carousel-wrapper { max-width: 1200px; margin: 0 auto; } .carousel-wrapper .carousel.slide { background: white; padding: 1em; } /*so specific to override bootstrap*/ .ilta-carousel .carousel-control.left, .ilta-carousel .carousel-control.right { background-image: none; } .ad-column { text-align: center; margin-top: 2em; } .ad-column figcaption { font-size: 1.2rem; font-weight: 300; color: #c8c8c8; } .ad-column img { /*border: 1px solid rgba(0,0,0,1);*/ } /* why join ilta*/ .why-join-ilta { background: #f2f2f2; padding: 3.5em 0; } .why-join-ilta h2:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/icon-people.png); padding-right: .5em; position: relative; top: .33em; } .why-join-ilta h5 { font-size: 1.8rem; margin-top: 1em; } .why-join-ilta .column { padding: 0 2em; } .why-join-ilta .why-join-number { text-align: center; } .why-join-number svg { width: 8.4rem; } .why-join-number svg circle, .why-join-number svg path { transition: .33s all ease; } .why-join-number svg path { fill: #a30134; } .why-join-number svg:hover circle { fill: #a30134; } .why-join-number svg:hover path { fill: white; } .white-box { background: white; padding: 2%; padding-top: 0 } /*changing defaults here because of the logo*/ /*INTERIOR PAGES*/ /*too tricky to get exact -- so have to do this differently*/ /*this overrides the automatic padding of 106px*/ #MPOuter[style] { padding-top: 5rem !important; } .interior #MPOuter[style] { padding-top: 0 !important; } /*General Content Page*/ .ilta-content-page { min-height: 50vh; } .ilta-content-page .ilta-content-page-body { margin: 2em 0; padding-right: 1em !important; padding-left: 1em !important; } @media (min-width: 992px) and (max-width: 1200px) { .ilta-content-page .ilta-content-page-body { padding-right: 1.6666em !important; padding-left: 1.6666em !important; } } .ilta-content-page-body h1, .ilta-content-page-body h2, .ilta-content-page-body h3, .ilta-content-page-body h4, .ilta-content-page-body h5, .ilta-content-page-body h6 { margin-top: 1.5em; margin-bottom: 1.5em; } .ilta-content-page-body .content-byline { font-style: italic; color: #afafaf; } .ilta-content-page-body .content-byline strong { color: #7d7d7d; } .ilta-content-page-body img { margin-top: 0; margin-bottom: 1em; } .ilta-content-page-body img.pull-right { margin-left: 2em; margin-right: 0; } .ilta-content-page-body img.pull-left { margin-right: 2em; margin-left: 0; } .ilta-content-page-body img.third-width { /*round down*/ width: 33%; } .ilta-content-page-body img.half-width { width: 50%; } .ilta-content-page-body img.two-thirds-width { /*round down*/ width: 66%; } .ilta-content-page-body ul { list-style: disc; } .ilta-ul-disc ul { list-style: disc; } .blogs-block ul { list-style: disc; } /*About Page*/ /*need larger image*/ /*HL is already using the class column*/ .about-description-logo .ilta-column { padding: 1em; } .about-description-logo img { min-width: 100%; } .about-staff-area { /*should be white because can't always count on a perfect headshot cutout*/ } header.header-event-listing { /*background: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Events/ilta_events_background.png); background-size: cover;*/ background: #a30134; /*needs static padding left*/ padding: 1em 0 1em 1.6rem; color: white; } header.header-event-listing h1 { margin-top: 0; } .ilta-event-list input[value="Show Filter"], .ilta-event-list input[value="Hide Filter"] { float: right; font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; text-transform: uppercase; color: #82ABCB; background: transparent; width: 16rem; height: 7rem; border: 3px solid #82ABCB; border-radius: 0; position: absolute; right: 32px; top: 2em; transition: .33s all ease; z-index: 1; } /*don't want focus state to trigger hover state styles*/ .ilta-event-list input[value="Show Filter"]:hover, .ilta-event-list input[value="Show Filter"]:active, .ilta-event-list input[value="Hide Filter"]:hover, .ilta-event-list input[value="Hide Filter"]:active { background: #82ABCB; color: white; } .ilta-event-list input[value="Add an Event"] { position: inherit; left: 0; font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; color: white !important; background: #82ABCB; width: 16rem; height: 3rem; border-width: 3px; border-color: #82ABCB; text-transform: uppercase; transition: .33s all ease; } .ilta-event-list input[value="Add an Event"]:hover, .ilta-event-list input[value="Add an Event"]:active, .ilta-event-list input[value="Add an Event"]:focus { color: #82ABCB !important; background: transparent; } /*Event Filter Search box*/ .ilta-event-list .panel-form { margin-top: 2em; } .ilta-event-list .panel-form .form-horizontal .form-group { margin-right: 0; margin-left: 0; } .ilta-event-list .panel-form .form-horizontal .control-label { font-weight: bold; } .ilta-event-list .panel-form .form-horizontal .form-group input.form-control, .ilta-event-list .panel-form .form-horizontal .form-group select.form-control { max-width: 40rem; } .ilta-event-list .panel-form input[value="Apply Filter"] { height: 7rem; } .events-list-table .event-list-item, .ilta-event-list ul li { padding: 1em; border-bottom: none; } .events-list-table .event-list-item h3 { font-size: 1.8rem; margin: 0 0 .5em 0; } form[action="calendar"] input[title="Add an Event"] { display: none; } /*.events-list-table tr td .row { padding: .5em; }*/ .events-list-table tr:nth-child(even) .event-list-item, .ilta-event-list li:nth-child(even) { background: #f2f2f2; } /*there are multiple h2s in these rows*/ tr td:first-of-type h2 { /*background: rgba(225,225,225,1);*/ color: #a30134; padding: 1em 0; text-align: center; text-transform: uppercase; border-bottom: 1px solid #a30134; } /*for some reason, HL puts the font size sometimes on the a*/ .ilta-event-list h2:first-of-type:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/icon-calendar_32x32.png); position: relative; top: .125em; left: -.25em; } .ilta-event-list h3, .events-list-table h3, .ilta-event-list h3 a, .events-list-table h3 { font-size: 2rem; } /*the location on the related events area lacks a class*/ .ilta-event-list .timeAgoFormat, .ilta-event-list .timeAgoFormat + div, .events-list-table .event-dates { font-size: 1.4rem; } /*hides the "when" and "where" words*/ /*also hides the community field, since the user control for that doesn't seem to work */ .ilta-event-list .event-dates > .text-muted:first-of-type, .ilta-event-list .event-dates div:first-of-type .text-muted, .ilta-event-list .event-dates div:last-child { display: none; } .ilta-event-list .date-block { background-color: transparent; width: 8rem; padding: 0; margin: 0 0 1em 0; text-transform: uppercase; border-radius: 0; border: 1px solid #a30134; } .ilta-event-list .date-block .calendar-day, .ilta-event-list .date-block .calendar-month { background: #a30134; color: #fff; font-weight: normal; font-size: 1.2rem; } /*don't want to select date by class because Higher Logic misspelled it*/ .ilta-event-list .date-block div:nth-of-type(2) { font-size: 2.4rem; font-weight: bold; background: #fff; } .ilta-event-list .glyphicon { display: none; } .featured-events h2 { margin: 0; background: #f2f2f2; padding: .5em 0 0 .66em; } .featured-events .HLLandingControl.HLEventList h3, .featured-events .HLLandingControl.HLEventList h3 a { font-size: 1.8rem; } .featured-events .HLEventList { background: #f2f2f2; padding: 1em; border: none; } .featured-events .HLEventList .heading { display: none; } /*specificity required for override*/ .featured-events .HLEventList ul li { border: none; } .featured-events .HLEventList ul li h3 { color: #a30134; } .membership-benefits, section.eventList-membership-benefits, .about-membership-benefits { background: #82ABCB; color: white; padding: 5%; } .about-page .membership-benefits { padding: 6.67%; } .membership-benefits ul { list-style: disc; } .round { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /*Interior Discussion Controls*/ /*.interior-discussions-control targets whole container*/ /*.HLDiscussions targets just the content area, not the headline */ .interior .interior-discussions-control { padding: 0 1.5em; } .interior .interior-discussions-control h2:before { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/icon-comments_32x32.png); position: relative; top: .25em; margin-right: .25em; } .interior .HLLandingControl.HLDiscussions ul li { border-bottom: 1px solid #f2f2f2; } /*HL put the font-size on the a*/ .interior-discussions-control h3, .interior-discussions-control h3 a { font-size: 1.8rem; } .interior-discussions-control h3, .interior-discussions-control .ByLine { padding-left: 1rem; /*must be rem, not ems, since font sizes are different*/ } .interior .interior-discussions-control p { font-size: 1.4rem; } .interior-discussions-control p a { display: block; color: #82ABCB; padding-top: 1rem; } .interior-discussions-control p a:after { content: url(https://higherlogicdownload.s3.amazonaws.com/ILTANET/cf62a997-3e3f-4807-a4dc-6cb11aeb220d/UploadedImages/Assets/caret-blue-right_2.png); position: relative; top: .4rem; } .interior-discussions-control p a[href^="mailto"] { color: inherit; } .interior-discussions-control p a[href^="mailto"]:after { content: ''; } /*Pagination*/ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #a30134; border-color: #a30134; } @media screen and (max-width: 767px) { /*scope these discussion styles to the homepage*/ .HLHomePage .control-discussions .col-sm-2.col-md-2, .HLHomePage .control-documents .col-sm-2.col-md-2 { display: inline-block; } .HLHomePage .control-discussions .col-sm-10.col-md-10, .HLHomePage .control-documents .col-sm-10.col-md-10 { display: inline-block; width: 83.3%; } .HLHomePage .control-discussions img, .HLHomePage .control-documents img { margin-top: -100%; } .HLHomePage .control-discussions p, .HLHomePage .control-discussions h5, .HLHomePage .control-documents p, .HLHomePage .control-documents h5 { padding-left: 6.4rem; } .text-over-image .text-overlay { display: block; position: static; max-width: 100%; z-index: 1; } .text-over-image .image-to-overlay { position: static; } .footer-top { width: 50%; margin: 0 auto; text-align: center; } .footer-top .column { padding-top: 1em; } .footer-top .logo-lower { margin-top: 2em; margin-bottom: 2em; } .individual-event-picture { display: block; float: none; margin-bottom: 0; text-align: center; } } @media screen and (min-width: 768px) { .ilta-carousel .carousel-inner > .item > img, .ilta-carousel .carousel-inner > .item > a > img { max-width: 65rem; margin: 0 auto; } .control-discussions p, .control-discussions h5, .control-documents p, .control-documents h5 { padding-left: 6rem; } /* .footer-top .col-sm-2.col-sm-offset-1 {margin-left: 0;margin-right: 5%;} */ .footer-top .column.col-sm-2 { width: 19%; } .footer-top .column-logo { float: right; } .logo-lower { float: right; } .ilta-event-list .panel-form .form-horizontal .control-label { text-align: left; } .individual-event-picture { margin-bottom: -2em; } } @media screen and (max-width: 991px) { /*HL IDs*/ .section15, .section16 .control-events .HLLandingControl { padding-top: 2em; padding-bottom: 2em; } .control-discussions div[id*="BottomLink"], .control-events div[id*="BottomLink"], .control-documents div[id*="BottomLink"] { text-align: center; } .control-discussions .HLLandingControl, .control-documents .HLLandingControl { max-width: 60rem; margin: 0 auto; } .date-block { width: 3em; } .control-events ul .col-md-10.no-pad { margin-top: -6.5rem; margin-left: 5rem; } .why-join-ilta .column { padding: 0 10% 2em; } .interior .interior-discussions-control { margin-top: 4em; border-top: 1px solid #a30134; } } @media screen and (min-width: 992px) { .carousel-wrapper .carousel.slide { min-height: 27.5rem; } .ad-column { text-align: right; margin-top: 0; } .footer-menu > li { width: 19.5%; max-width: 230px; margin: 0; } .section15, .section16 { margin-top: 2em; margin-bottom: 2em; } .section15 { padding-left: 1em; } .section16 { padding-right: 1em; } .event-listing-page .featured-events { padding: 8.5em 1em 1em 2em; } .event-listing-page .featured-events h2 { font-size: 2rem; padding: 1em 0 0 1em; } .event-listing-page .featured-events h3 { font-size: 1.8rem; } } /*direct override*/ @media screen and (max-width: 1200px) { #PageTitleH1 .dropdown-multi-option { text-indent: 0; } } @media screen and (min-width: 1201px) { .section16 { padding-right: 0; } } /*helper classes from Clay*/ .shadow2 { text-shadow: 2px 2px #454545; } .LF101 { background: rgba(112, 168, 176, 1); } .opac-white { background: rgba(66, 66, 66, 0.6); } .opac-dkblue { background: rgba(0, 33, 77, 0.6); } .opac-dkblue { background: rgba(32, 42, 50, 0.7); } /*OLD */ .opac-blue { background: rgba(130, 171, 203, 0.5); } .opac-orange { background: #ff8106; } .opac-red { background: rgba(163, 1, 52, 0.4); } .opac-grey { background: rgba(33, 33, 33, 0.3); } .grey-box, section.eventList-grey-box, .about-grey-box { background: #f2f2f2; color: black; padding: 2%; } .manage-alerts { background: #f2f2f2; color: black; padding: .8em 1em .8em 1em; margin-left: 30px; margin-right: 15px; margin-top: 15px; font-weight: bold; } .red-box, section.eventList-red-box, .about-red-box { background: #a30134; color: black; padding: 2%; } .tag-item a { font-size: 1.3rem; color: white; background: #82ABCB; border: 1px solid #82ABCB; padding: .25em .5em; transition: all .33s ease-in-out; } .tag-item a:hover { background: transparent; color: #82ABCB; } .tag-item a:visited { color: white; } /* FACETED SEARCH RELATED CSS */ select.form-control.selectSort { background-color: #ffffe8; } .content-search { background-color: #f4f4f4; } .refine-by { background-color: #e6e6e6; } input.form-control.tbSearch { background-color: #e5ffff; color: #222; } .fs-count-term { background-color: #f4f4f4; } .text-muted { color: #666; } .faceted-search-main .fs-result-row .hl-type .label { background-color: #d3f8d3; border: 1px solid #888; color: #666; font-family: Verdana,Geneva,sans-serif; font-size: 10px; font-weight: normal; padding: .4em .8em .5em; margin-bottom: 20px; } .row.fs-result-options.margin-bottom-medium.vertical-align { margin-right: 0px; } .faceted-search-main .facets .header { background-color: #7f0128; color: white; font-size: 1.2em; padding: 3px 5px; } .fs-result-row .meta-block { border-left: 1px solid #999; padding-left: 15px; margin-top: 20px; /* background-color: #e6e6e6; */ } /* END OF FACETED SEARCH CSS */ /*tags are placed inside of a panel that lacks a parents class*/ .ilta-event-list .panel { background: transparent; border-width: 1px 0 0 0; border-radius: 0; box-shadow: none; } .ilta-event-list .panel-body { padding: 1em 1em 1em 0; } /*special tweaks*/ @media screen and (max-width: 479px) { .control-discussions .title-row div:first-child, .control-documents .title-row div:first-child { margin-right: 0; } .control-discussions p, .control-discussions h5, .control-documents p, .control-documents h5 { padding-left: 4em !important; } .ilta-event-list input[value="Show Filter"], .ilta-event-list input[value="Hide Filter"] { top: 0; } } /* adding default styles for regular page titles for profile etc */ .interior #MPContentArea > #PageTitleH1 {background-color:#82ABCB; padding-bottom:20px; margin-bottom:20px !important} /*OVERRIDES*/ .headline-blue-variation { color: blue !important; } /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ /*@media only screen and (min-width : 320px) { }*/ /* Extra Small Devices, Phones */ /*@media only screen and (min-width : 480px) { }*/ /* Small Devices, Tablets */ @media only screen and (min-width: 768px) { .header-custom-flexy-headline h1 { font-size: 8.4rem; } } /* Medium Devices, Desktops */ /*@media only screen and (min-width : 992px) { }*/ /* Large Devices, Wide Screens */ /*@media only screen and (min-width : 1200px) { }*/ /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ /*@media only screen and (max-width : 1200px) { }*/ /* Medium Devices, Desktops */ /*@media only screen and (max-width : 992px) { }*/ /* Small Devices, Tablets */ /*@media only screen and (max-width : 768px) { }*/ /* Extra Small Devices, Phones */ /*@media only screen and (max-width : 480px) { }*/ /* very targeted */ /*@media screen and (min-width: 768px) and (max-width: 991px){ }*/ /*IE only fixes -- including breadcrumbs, and icon alignment*/ /*IE9*/ @media (min-width:768px) and (min-resolution: 0.001dpcm) { nav.navbar-default .navbar-nav > li:last-child a:after { margin-top: -.5rem\9 !important; } } @media (min-width:1201px) and (min-resolution: 0.001dpcm) { #MPOuterMost.full #BreadCrumb.BreadCrumb { left: 45%\9 !important; } } /*IE10 & IE11 */ @media (min-width:768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { nav.navbar-default .navbar-nav > li:last-child a:after { margin-top:-.5rem !important; } } @media (min-width:1201px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { #MPOuterMost.full #BreadCrumb.BreadCrumb { left: 45% !important; } } /* Back To Top Arrow CSS */ a.back-to-top { display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 80px; background: #82abcb url("https://higherlogicdownload.s3.amazonaws.com/ILTANET/ce7f3e74-fb70-402e-a1b3-5dc0abe72260/UploadedImages/icons/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .label.label-search-tag { font-size: 12px; color: #1e7eae; font-weight: 600; margin-bottom: 10px; background-color: #e6f7ff; border: 1px solid #888; } /*Faceted Search Page*/ @media(min-width: 992px) { .faceted-search-main { padding-right: 1em; padding-left: 1em; } } .faceted-search-main .search-divider { display: none; } /*prefereable to use an nth operator, but it's tricky here*/ .faceted-search-main .fs-result-row p { font-size: 1.4rem; } .faceted-search-main .fs-result-row .result-indent { padding-left: 0; margin-bottom: .2rem; } .faceted-search-main .content-search, .faceted-search-main .refine-by { background: rgba(242,242,242,1); } .faceted-search-main .fs-result-row:nth-of-type(2), .faceted-search-main .fs-result-row:nth-of-type(6), .faceted-search-main .fs-result-row:nth-of-type(10), .faceted-search-main .fs-result-row:nth-of-type(14), .faceted-search-main .fs-result-row:nth-of-type(18), .faceted-search-main .fs-result-row:nth-of-type(22), .faceted-search-main .fs-result-row:nth-of-type(26) { background: rgba(242,242,242,1); } .faceted-search-main .fs-result-row .hl-type .label { background: rgba(163, 1, 52, 1); color: rgba(255,255,255,1); border:none; text-transform: uppercase; } .faceted-search-main input.form-control.tbSearch { background: rgba(255,255,255,1); } .faceted-search-main .owner-block .owner-name a { font-weight: bold; color: rgba(0,0,0,1); } .facets .row { padding-bottom: .5rem; padding-left: .5em; } .faceted-search-main .facets .refine-by h4 { padding-bottom: .5rem; padding-left: .5em; } .faceted-search-main select.form-control.selectSort { background: rgba(255,255,255,1); } .fs-result-options .text-muted{ margin-right: 1em; font-size: 1.4rem; } .faceted-search-main .fs-count-term { background: transparent; font-style: italic; font-weight: bold; line-height: 1.8; } .faceted-search-main .fs-count-term span { font-style: normal; font-weight: normal; } .faceted-search-main .fs-result-row .hl-type .mt-count { background: transparent; } .faceted-search-main .fs-result-row .label-search-tag { color: rgba(130, 171, 203, 1); } /*jB Brightfind Dec 22 2016*/ [id*="ContactCommunications"] .btn.btn-default { font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.4rem; background: transparent; color: #a30134; border-width: 3px; border-color: #a30134; text-transform: uppercase; font-weight: bold; transition: .33s all ease; margin-right: 1em; padding: 1rem; margin-top: 1em; } body.mce-content-body a:link, body.mce-content-body a:visited { color: darkblue !important; text-decoration: underline !important; } body.mce-content-body a:hover { color: red !important; text-decoration: underline !important; } [id*="ContactCommunications"] .btn.btn-default:hover, [id*="ContactCommunications"] .btn.btn-default:active, [id*="ContactCommunications"] .btn.btn-default:focus { color: white; background: #a30134; } [id*="upSubscribe"] { font-size: 1.6rem; background: #eee; padding: 2em; overflow: hidden; } [id*="upSubscribe"] > .row { margin-right: 0 !important; margin-left: 0 !important; } [id*="upSubscribe"] [id*="hlcommonSubscribe_EmailEditSection"] + .row { font-weight: bold; padding-bottom: .5rem; } [id*="upSubscribe"] [class^="col"] [class^="col"] { padding-left: 0; } [action*="forwardmessages"] .radio, [action*="forwardmessages"] .checkbox, [action*="post-to-your-blog"] .radio, [action*="post-to-your-blog"] .checkbox, [action*="postmessage"] .radio, [action*="postmessage"] .checkbox, [action*="postreply"] .radio, [action*="postreply"] .checkbox, [action*="sponsor-directory"] .radio, [action*="sponsor-directory"] .checkbox, [action*="subscribe"] .radio, [action*="subscribe"] .checkbox { font-size: 1.5rem; font-weight: normal; margin-top: .5rem; margin-bottom: .5rem; } [action*="forwardmessages"] .panel-form, [action*="postmessage"] .panel-form, [action*="post-to-your-blog"] .panel-form, [action*="postreply"] .panel-form, [action*="sponsor-directory"] .panel-form, [action*="subscribe"] .panel-form { background: transparent !important; } [action*="forwardmessages"] .mce-tinymce, [action*="postmessage"] .mce-tinymce, [action*="post-to-your-blog"] .mce-tinymce, [action*="postreply"] .mce-tinymce, [action*="sponsor-directory"] .mce-tinymce, [action*="subscribe"] .mce-tinymce { padding-right: 2px; } [action*="forwardmessages"] .form-group .control-label label, [action*="forwardmessages"] .panel-form .control-label label, [action*="post-to-your-blog"] .form-group .control-label label, [action*="post-to-your-blog"] .panel-form .control-label label, [action*="postmessage"] .form-group .control-label label, [action*="postmessage"] .panel-group .control-label label, [action*="postreply"] .form-group .control-label label, [action*="postreply"] .panel-group .control-label label, [action*="sponsor-directory"] .form-group .control-label label, [action*="sponsor-directory"] .panel-group .control-label label, [action*="subscribe"] .form-group .control-label label, [action*="subscribe"] .panel-group .control-label label { text-align: left !important; font-weight: bold; } [action*="forwardmessages"] .form-group .control-label, [action*="forwardmessages"] .panel-form .control-label, [action*="post-to-your-blog"] .form-group .control-label, [action*="post-to-your-blog"] .panel-form .control-label, [action*="postmessage"] .form-group .control-label, [action*="postmessage"] .panel-group .control-label, [action*="postreply"] .form-group .control-label, [action*="postreply"] .panel-group .control-label, [action*="sponsor-directory"] .form-group .control-label, [action*="sponsor-directory"] .panel-group .control-label, [action*="subscribe"] .form-group .control-label, [action*="subscribe"] .panel-group .control-label { text-align: left !important; font-weight: bold; } [id*="MessageDiv"][class^="col"] { max-width: 992px; margin: 0 auto; } [id*="MessageDiv"] > .row { background: #eee; padding: 2em; } /*[action*="my-settings"] {}*/ .email-settings .community { font-size: 1.8rem; } /*[data-id*="NotifSettingsSort"]{ }*/ [action*="forwardmessages"] .form-horizontal .form-group, [action*="postmessage"] .form-horizontal .form-group, [action*="postreply"] .form-horizontal .form-group, [action*="sponsor-directory"] .form-horizontal .form-group, [action*="post-to-your-blog"] .form-horizontal .form-group, [action*="subscribe"] .form-horizontal .form-group { margin-left: 0; margin-right: 0; } [action*="forwardmessages"] .panel, [action*="postmessage"] .panel, [action*="postreply"] .panel, [action*="sponsor-directory"] .panel, [action*="post-to-your-blog"] .panel, [action*="subscribe"] .panel { border:none; box-shadow: none; } [id*="FindContactsPanel"] .col-md-10.col-md-offset-2 { margin-left: 0 !important; } /*adding list style to library page*/ .scopingClass .ContentUserControl ul { list-style: disc}; /*$ilta_blue: rgba(130, 171, 203, 1); $ilta_red: rgba(163, 1, 52, 1); */ /*NEVER edit in higher logic. */ /*ALWAYS update the code in the repo first*/