body, .l-canvas { background-color: #ffffff !important; } .card.ECCBlank.m-card-no-heading { background-color: transparent !important; } .ECCBlank { clear: both; } .ECCBtnRow { display: inline-block; width: 100%; } .ECC33 { width: 35.6% !important; display: inline-block; float: left; } /*Mobile Navigation Menu*/ .navbar-toggle.m-toggle-button { background-color: black !important; width: 45px; height: 5px; padding: 0 !important; top: 22px; left: 25px; position: fixed; border: none !important; } .navbar-toggle.m-toggle-button.s-active { background-color: transparent !important; } .navbar-toggle.m-toggle-button:before { content: ""; width: 45px; height: 5px; background-color: black !important; display: block; margin: 10px 0; z-index: 111111 !important; position: fixed; left: 25px; top: 3px; transition: 0.5s all linear; border: none !important; } .navbar-toggle.m-toggle-button.s-active:before { rotate: -45deg; top: 11px; transition: 0.5s all linear; border: none !important; } .navbar-toggle.m-toggle-button:after { content: ""; width: 45px; height: 5px; background-color: black !important; display: block; margin: 10px 0; z-index: 111111 !important; position: fixed; left: 25px; top: 21px; transition: 0.5s all linear; border: none !important; } .navbar-toggle.m-toggle-button.s-active:after { rotate: 45deg; top: 11px; transition: 0.5s all linear; border: none !important; } .navbar-toggle.m-toggle-button small.m-toggle-button-text { display: none; } small.m-toggle-button-text { text-transform: uppercase !important; border-radius: 16px !important; background-color: transparent !important; border: none; color: transparent !important; font-size: 11px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 11px 11px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; min-width: 90px !important; letter-spacing: 2.5px !important; font-weight: 700 !important; line-height: 30px !important; overflow: visible !important; box-sizing: border-box !important; padding: 0px 25px !important; height: 30px !important; position: fixed; left: 1px !important; } button#toggle-off-canvas-left { padding: 5px 0px 5px 0px; } .l-off-canvas .list-group-item, .l-off-canvas .list-group { border-bottom-color: #FFFFFF; border: 0; } .l-off-canvas.l-off-canvas-left a.list-group-item { color: black! important; background-color: transparent; text-transform: uppercase; letter-spacing: 2px; margin: 8px 0px 8px 25px; font-weight: 700; font-size: 15px !important; float: none !important; width: fit-content !important; display: block; } .navbar-default, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { border: none !Important; } .l-off-canvas.l-off-canvas-left a.list-group-item:hover { color: #5c5c5c !important; } html.s-off-canvas-active .l-canvas { z-index: 0; left: unset !important; } .l-off-canvas.l-off-canvas-left { height: fit-content; position: fixed; float: left; background-color: white; margin: 0px 0px 0px 0px; border: 0px solid #da291c !important; width: calc(100% - 0px) !important; top: 50px; } @media (min-width: 813px) { .navbar-toggle { display: block !important; } .navbar-toggle.m-toggle-button { top: 42px !important; position: absolute; } .navbar-toggle.m-toggle-button:before { top: -20px; position: absolute; left: 0px; } .navbar-toggle.m-toggle-button.s-active:before { top: -8px; } .navbar-toggle.m-toggle-button:after { top: 0px; position: absolute; left: 0px; } .navbar-toggle.m-toggle-button.s-active:after { top: -8px; } small.m-toggle-button-text { margin: 26px calc((-956px + 100vw)/2) !important; width: 20%; } .l-off-canvas.l-off-canvas-left a.list-group-item { color: white !important; } .l-off-canvas.l-off-canvas-left { position: absolute; top: 78px; border: none !important; background-color: #161919; width: 300px !important; } a.navbar-brand.m-navbar-logo { display: none; } } .m-tertiary-navigation { display: none; } /*Buttons*/ .table .btn { min-width: 0; } .ECCNewButton { display: inline-block; width: 100%; } .btn-secondary { text-transform: uppercase !important; border-radius: 16px !important; background-color: white !important; border: 1px solid #DA291C !important; color: #000 !important; text-align: center !important; font-size: 10px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 5px 0px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; min-width: 110px; letter-spacing: 2.5px; font-weight: 700; line-height: 30px; overflow: visible; box-sizing: border-box; padding: 0px 26px; } .btn-secondary:hover { background-color: #DA291C !important; color: #fff !important; } .btn-secondary:active { background-color: transparent; color: #fff; border-color: #da291c; box-shadow: none; } .card.ECCButtonRow.m-card-no-heading { width: 100% !important; display: inline-block; } @media (max-width: 813px) { .card.ECCButtonsLeft.ECCGlobalNav.m-card-no-heading button.btn.btn-lg.btn-secondary.dropdown-toggle.s-lockable { border-radius: 0 !important; margin: 0 !important; } .card.ECCButtonsLeft.ECCGlobalNav.m-card-no-heading ul.dropdown-menu { width: 100%; } .card.ECCButtonsLeft.ECCGlobalNav.m-card-no-heading .dropdown-menu li a { font-size: 12px !important; height: unset; line-height: 1.8; font-family: Inter !important; border-radius: 0 !important; } } @media (min-width: 813px) { .ECCButtonsLeft { width: 40%; background-color: transparent !important; background: transparent; position: relative; top: 0px; } .ECCButtonsLeft a.btn.btn-lg.btn-secondary, .ECCButtonsLeft a.btn.btn-lg.btn-primary { width: 100% !important; } .ECCButtonsLeft .pull-left { width: 100% !important; } .card.ECCButtonsLeft .card-heading { font-family: 'Oswald' !important; font-size: 40px !important; } .ECCButtonsLeft a.btn.btn-lg.btn-secondary.m-btn-menu-button { text-transform: uppercase !important; border-radius: 16px !important; background-color: white !important; border: 1px solid #DA291C !important; color: #000 !important; text-align: center !important; font-size: 10px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 15px 10px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; min-width: 110px; letter-spacing: 2.5px; font-weight: 700; line-height: 30px; overflow: visible; box-sizing: border-box; padding: 0px 26px !important; width: 95% !important; } .ECCButtonsLeft ul.dropdown-menu { border: 0px solid #000000; border-radius: 0px; min-width: min-content !important; max-width: 600px; width: 400px; } .ECCButtonsLeft a.btn.btn-lg.btn-secondary.m-btn-menu-button:hover { background-color: #DA291C !important; border: none; color: white !important; } .card.ECCButtonsLeft.ECCGlobalNav.m-card-no-heading button.btn.btn-lg.btn-secondary.dropdown-toggle.s-lockable:hover { background-color: transparent !important; color: #da291c !important; border-bottom: 1px solid white !important; } .ECCButtonsLeft ul.dropdown-menu:before { content: "Connecting Chicago's Top Leaders"; font-family: Oswald; color: black !important; font-weight: bold; padding: 15px 6px 23px 13px; font-size: 24px !important; text-transform: uppercase; letter-spacing: 2.57px; float: left; } .card.ECCButtonsLeft.ECCGlobalNav.m-card-no-heading { position: absolute; top: -64px; z-index: 10000; } .card.ECCButtonsLeft.ECCGlobalNav.m-card-no-heading button.btn.btn-lg.btn-secondary.dropdown-toggle.s-lockable { color: white !important; border: none !important; background-color: transparent !important; border-bottom: 1px solid #DA291C !important; border-radius: 0 !important; padding: 0 0 0 0 !important; line-height: 2; } button.btn.btn-lg.btn-secondary.dropdown-toggle.s-lockable:after { content: "▼"; color: #da291c; } button.btn.btn-lg.btn-secondary.dropdown-toggle.s-lockable:hover::after { color: white; } .card.ECCComAck.ECCCon.ECCO1.ECCPTM1.m-card-no-heading { width: 100%; margin-left: 0%; min-height: 105px; } .ECCComAck.ECCCon.ECCO1.ECCPTM1 h1 { font-size: 70px; top: 8px; } .ECCComAck.ECCCon.ECCO1.ECCPTM1 h2 { font-size: 22px !important; } .card.ECCPTM.m-card-no-heading { width: 100%; margin-left: 0%; margin-top: 45px; } .card.ECCPTM.m-card-no-heading h1 { font-weight: 700 !important; font-family: 'oswald'; font-size: 80px !important; color: black !important; text-transform: uppercase; padding: 15px 0px 10px 0px; letter-spacing: 2.57px; } .card.ECCComAck.ECCCon.ECCO1.ECCPTM1.m-card-no-heading .card-detail .pull-left .m-margin-separation .btn { margin: 0 !important; } .card.ECCComAck.ECCCon.ECCO1.ECCPTM1.m-card-no-heading .card-detail .pull-left .m-margin-separation { margin: 0 !important; } } button#modalCancel { text-transform: uppercase !important; border-radius: 16px !important; background-color: white !important; border: 1px solid #DA291C !important; color: #000 !important; text-align: center !important; font-size: 10px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 5px 0px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; min-width: 110px; letter-spacing: 2.5px; font-weight: 700; line-height: 30px; overflow: visible; box-sizing: border-box; padding: 0px 26px; } .slds-popover.slds-nubbin_top .slds-popover__body.slds-popover__body_small, .slds-popover.slds-nubbin_top .slds-popover__body, .slds-popover__body.slds-popover__body_small, .slds-popover__body.slds-popover__body_small .slds-popover__body{ top: 0 !important; right: 0 !important; } .slds-popover.slds-nubbin_top .slds-popover__body lightning-formatted-rich-text.slds-rich-text-editor__output { font-size: 12px; } lightning-popup.helptext__popup { position: absolute; } .ECCBreadcrumbs h1 { color: rgb(68, 68, 68); background-color: rgb(255, 255, 255); font-size: 16px; text-align: center; font-family: 'Roboto', sans-serif; margin-bottom: 5px; font-style: normal; } .ECCBreadcrumbs .card-detail { color: rgb(68, 68, 68); background-color: rgb(255, 255, 255); font-size: 11px !important; font-style: italic; font-family: 'Roboto', sans-serif; text-align: center; } .ECCBreadcrumbs .card-detail strong { font-weight: 600 !important; color: rgb(139, 99, 75); } .ECCBreadcrumbs .card-detail em { color: rgb(163, 163, 163); } .card.ECCBreadcrumbs.m-card-no-heading { margin-bottom: 18px; } .ECCIncomplete { background-color: #ffeeee !important; } .ECCIncomplete, .ECCMyProfilePhoto.ECCIncomplete.m-profile-card, .card.ECCFileUpload.ECCHelpDescription.ECCIncomplete.Biography { background-color: #ffeeee !important; position: relative; } .ECCBioNotComplete a.btn.btn-lg.btn-secondary.s-lockable { pointer-events: none; cursor: not-allowed !important; background-color: #cccccc !important; border: 0px solid black !important; color: grey !important; } .ECCBioNotComplete { cursor: not-allowed !important; } .ECCBioNotComplete:after { content: "You must submit the candidate biography before proceeding."; text-align: right !important; width: 100% !important; float: right; color: #da291c; font-style: italic; opacity: 0; transition: all 1s !important; font-family: 'Inter'; } .ECCBioNotComplete:hover::after { opacity: 1; transition: all 1s !important; } .ECCIncomplete:after { content: "This section has not been completed"; position: absolute !important; top: 2px !important; color: #da291c !important; font-family: inter !important; font-style: italic !important; width: 94% !important; text-align: center !important; transition: all 1s !important; opacity: 0 !important; } .ECCIncomplete:hover::after { opacity: 1 !important; } .card.ECCFileDownload.UploadedFiles:after, .card.ECCFileDownload:after { content: "You must delete the existing file before replacing the file."; color: rgb(139, 99, 75); font-style: italic; font-weight: 500; text-align: center; padding-left: 16px; letter-spacing: 1px; } /*Location: blank, Left, Right, Bottom, warning buttons*/ .btn-primary { text-transform: uppercase !important; border-radius: 16px !important; background-color: #da291c !important; border: 1px solid transparent !important; color: #fff !important; text-align: center !important; font-size: 10px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 5px 0px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; min-width: 110px; letter-spacing: 2.5px; font-weight: 700; line-height: 30px; overflow: visible; box-sizing: border-box; padding: 0px 26px; } .btn-primary:hover { background-color: white !important; color: #2d2e33 !important; border-color: #da291c !important; } .btn-primary:active { background-color: transparent !important; color: #000 !important; border-color: #cacacf !important; } /*Location: Button Block*/ .btn-block { border-radius: 22px !important; background-color: #fff; border: 1px solid #DA291C; color: #333; text-align: center !important; font-size: 11px !important; transition: all 0.5s !important; cursor: pointer !important; font-family: 'Inter'; text-indent: 0px !important; text-decoration: none; min-width: 110px; letter-spacing: 1.62px; font-weight: 600; } .btn-block:hover { background-color: #DA291C; color: white; } m-global-nav-item { padding: 0px 0px 5px 0px !important; } .button-align { display: table-cell !important; } /*Custom Buttons*/ .ECCCandidateLink li { text-align: right; } .ECCCandidateLink a { /*text-transform: uppercase !important;*/ border-radius: 4px !important; background-color: #ddd !important; border: 1px solid #ccc !important; color: #333 !important; text-align: center !important; font-size: 14px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 5px 0px !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; /*box-shadow: 0 0.5px 0 0 #ddd inset, 0 1px 2px 0 #7e7e7e;*/ text-decoration: none; font-weight: 500px; padding: 10px 20px; line-spacing: .62px; } .ECCCandidateLink a:hover { background-color: #7E7E7E !important; color: white !important; border: 1px solid #7e7e7e !important; } .smallbuttons a.btn.btn-lg.btn-secondary.btn.btn-sm.btn-secondary { padding: 0px 10px; min-width: 32px; line-height: 18px; border: none !important; background-color: transparent !important; color: #da291c !important; margin: 0px 0px 0px 0px !important; } .smallbuttons a.btn.btn-lg.btn-secondary.btn.btn-sm.btn-secondary:hover { color: black !important; background-color: #ffffff !important; } /*Pagination*/ .m-paging-nav .pagination > .active > a, .m-paging-nav .pagination > .active > a:focus, .m-paging-nav .pagination > .active > a:hover, .m-paging-nav .pagination > .active > span, .m-paging-nav .pagination > .active > span:focus, .m-paging-nav .pagination > .active > span:hover, .btn-group > .m-btn-selected, .btn-group > .m-btn-selected:hover, .btn-group > .m-btn-selected:focus { background-color: #CFCFCF; border: #da291c; } .m-paging-nav.text-center { padding: 0px 0px 20px 0px; font-family: 'Inter'; clear: both; } .m-paging-nav .pagination > li > a, .m-paging-nav .pagination > li > span { padding: 6px 14px 6px 14px !important; } .card.m-card-as-alert.alert-success.m-card-no-heading { margin: 0px 0px 20px 0px; } .m-paging-nav .pagination > li > a { background-color: #ffffffbf !important; } li.disabled a { background-color: #CFCFCF !important; color: gray !important; border-color: gray !important; } .m-paging-nav a { border: 1px solid #da291c !important; border-radius: 0px !important; } .pagination li.active a { background-color: #da291c !important; color: white !important; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 40px !important; border-top-left-radius: 40px !important; padding-left: 20px !important; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 40px !important; border-top-right-radius: 40px !important; padding-right: 20px !important; } .pagination { width: 100%; justify-content: center; display: flex !important; } .m-paging-nav .pagination > .disabled > a { background-color: #7b7b7b87 !important; color: #4e4e4e !important; } @media (max-width: 812px) { .m-paging-nav .pagination > li > a { padding: 3px 10px !important; font-size: 11px; } } /*Hyperlink*/ a { color: #da291c !important; font-weight: 500; text-decoration: underline; } a:hover { color: #112750 !important; text-decoration: none; } /*Forms*/ .ui-autocomplete { border-radius: 0px !important; padding: 4px !important; border: none !important; } .ui-menu-item:not(:last-child) { border: none !important; } .ui-menu-item:last-of-type, .ui-menu-item:last-of-type > a { border-radius: 0px !important; } .ui-autocomplete.ui-state-active, .ui-autocomplete.ui-widget-content .ui-state-active, .ui-autocomplete.ui-widget-header .ui-state-active, .ui-autocomplete.ui-widget-content .ui-state-focus, .ui-autocomplete.ui-widget-header .ui-state-focus, .ui-autocomplete.ui-widget-content .ui-state-hover, .ui-autocomplete.ui-widget-header .ui-state-hover, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus a, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-active a, .ui-autocomplete.ui-menu-item a:hover { background-color: #f2f2f2 !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-autocomplete, .ui-menu-item, .ui-menu-item:hover, .ui-menu-item a, .ui-menu-item a:hover, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a { text-decoration: none !important; color: black !important; font-family: inter !important; font-size: 14px !important; } span.form-control { padding-left: 14px !important; padding-right: 14px !important; } .form-control { display: block; width: 100%; height: 32px; padding: 6px 14px; font-size: 14px; line-height: 20px; color: #000; background-color: #fff; background-image: none; border: 1px solid #14141459 !important; border-radius: 0px; box-shadow: none !important; } .form-control:active, .form-control:focus, .form-control:focus-visible { border: 1px solid #da291c !important; } .col-md-8 { padding-left: 25px !important; } /*Forms Login Page Addon Forms*/ span.input-group-addon { box-shadow: none !important; border: 1px solid #14141459 !important; border-right: none !important; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; /*height: 41px !important;*/ } .form-control.input-lg { height: 41px !important; } /*Checkbox Form Cell - Checkbox to Slider*/ img.checkImg { height: 30px; width: 40px; margin: 0px 10px 10px 10px; } .col-md-8.m-control-value:hover { color: #112750 !important; } .checkbox input[type="checkbox"] { margin-top: 2px; height: 20px; width: 30px; } .checkbox input[type="checkbox"] { display: none; } label.col-md-12.text-left.checkbox :checked ~ .valign-middle:after { border-color: #da291c; color: #da291c; } label.col-md-12.text-left.checkbox :checked ~ .valign-middle:before { background: #da291c; border-color: #da291c; transform: translatex(27px); } label.col-md-12.text-left.checkbox span.valign-middle:before{ content: ""; position: relative; width: 25px; height: 25px; top: 2px; right: 58px; box-sizing: border-box; background: #b9b9b9; border: 2px solid #b9b9b9; border-radius: 40px; transition: .5s; z-index: 0; float: right; } label.col-md-12.text-left.checkbox span.valign-middle:after { display: block; width: 50px; height: 35px; border: 1px solid #b9b9b9; border-radius: 60px; transition: .5s; cursor: pointer; padding: 8px 31px; text-align: center; font-size: 12px; text-transform: uppercase; content: ' '; margin-left: 20px; float: right; top: -3px; position: relative; } label.col-md-12.text-left.checkbox span.valign-middle { position: absolute; color: #333; font-size: 14px !important; } @media (min-width: 813px) and (max-width: 992px) { label.col-md-12.text-left.checkbox span.valign-middle:before { top: 29px; } } /*Multipicklist Form Cell*/ .bootstrap-datetimepicker-widget table td span.active { background-color: #da291c !important; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #da291c !important; } .chosen-container-multi .chosen-choices { display: block; width: 100%; height: 40px; padding: 6px 14px; font-size: 14px; line-height: 38px; color: #000; background-color: #fff; background-image: none; border: 1px solid #14141459 !important; border-radius: 0px !important; box-shadow: none !important; } .chosen-container-multi .chosen-choices li.search-choice { margin: 4px 5px 4px 0 !important; padding: 8px 8px 8px 5px !important; border-radius: 0px !important; border: 1px solid #333 !important; box-shadow: 0 1px 1px rgb(0 0 0 / 10%) !important; color: black !important; cursor: default !important; background-color: white !important; background-image: none !important; transition: 1s; } .chosen-container .chosen-results li.active-result:hover { background-color: #2e2e2e !important; color: white !important; } .chosen-container-multi .chosen-choices:focus { box-shadow: none !important; border: 1px solid #134da4ab !important; } li.picker-switch.accordion-toggle { /*min-height: 195px !important;*/ } /*Multipicklist selected values*/ li.search-choice { padding: 4px 20px 4px 4px !important; } a.search-choice-close { position: absolute !important; top: 3px !important; right: 5px !important; display: block !important; width: 20px !important; height: 20px !important; background: url(https://econclubchi--c.na88.content.force.com/servlet/servlet.ImageServer?id=0151Y00000GQrLC&oid=00DF00000006CWk&lastMod=1579633630000) no-repeat !important; font-size: 1px !important; background-size: 24px !important; opacity: 0; } a.search-choice-close:hover { opacity: 1 !important; transition-duration: 1s; } .search-choice:hover a.search-choice-close { opacity: .1; transition-duration: 1s; } .chosen-container-multi .chosen-choices li.search-choice:hover { padding: 8px 26px 8px 5px !important; transition: 1s; } /*Multipicklist Drop Down - Unselected values*/ .chosen-container .chosen-results li.active-result { display: inline-block !important; cursor: pointer !important; margin: 5px 0px 7px 6px !important; padding: 7px 8px 7px 5px !important; border-radius: 0px !important; border: 1px solid #333 !important; box-shadow: 0 1px 1px rgb(0 0 0 / 10%) !important; color: black !important; background-color: white !important; background-image: none !important; transition: 1s; } /*Multipicklist Drop Down - Selected values*/ .chosen-container-multi .chosen-drop .result-selected { display: none !important; color: #ccc; cursor: default; padding: 5px !important; } /*Picklist Drop Down*/ option { display: list-item; cursor: pointer; padding: 5px !important; } option:hover { background-color: #eaeaea !important; cursor: pointer; } /*Ellipsis Drop Downs*/ .dropdown-menu { background-color: #ffffff !important; z-index: 1000 !important; border: 1px solid #da291c; border-radius: 0px; } a.btn.btn-lg.btn-secondary.m-btn-menu-button { margin: 0 !important; padding: 0 8px !important; border: none !important; font-family: segoe ui !important; font-weight: 600; } a.btn.btn-lg.btn-secondary.btn-block.m-btn-menu-button { margin: 0 !important; padding: 0 8px !important; border: none !important; font-family: segoe ui !important; font-weight: 600; } /*Tables*/ .table { padding: 0px 0px 5px 0px; margin-bottom: 0px; font-size: 15px; } .m-card-table { table-layout: auto; } td { padding: 5px 5px 5px 0 !important; } td.button-align { } td.button-align { width: 2px; } th { border-bottom: none !important; } @media (max-width: 812px) { .m-table-mobile tr:nth-child(odd) { background-color: #f9f9f9 !important; } } /*Cards*/ .card, .card-list { background-color: #ffffff !important; } .card .card-heading { font-family: Inter, Georgia, times, Times New Roman, times-roman, serif; color: black !important; font-weight: bold; padding: 15px 0px 10px 0px; font-size: 17px !important; text-transform: uppercase; letter-spacing: 2.57px; } .card-list-heading { font-family: Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; text-align: center; font-size: xx-large; } .card-list .card-list-heading { border-bottom: none; text-align: left;} .card-list { background-color: #fff; border-radius: 0; border: none; margin-bottom: 0px; } .card-list .card { border: none; border-bottom: none; border-radius: 0; margin-bottom: 0; background: 0 0; } span.card-detail-value.l-break-word { text-align: right !important; } /*May Candidates Super HEader?*/ .col-sm-12.m-no-padding { color: #161919; letter-spacing: 1.8px; } .card-list-heading.row { padding: 0px 0px 0px 0; } .card.ECCNameHeader { position: absolute; top: -64px; z-index: 10000; background-color: transparent !important; } .card.ECCNameHeader { position: absolute; top: -74px; z-index: 10000; background-color: transparent !important; width: 100%; left: 0px; } .ECCNameHeader .card-heading { color: white !important; font-size: 24px !important; text-align: center; text-transform: uppercase; font-family: 'Oswald', segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; margin-top: -1px !important; letter-spacing: 3px; width: 100%; } /*Card List Labels*/ label.card-detail-label { font-family: 'Inter', Inter, Segoe UI, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px !important; font-weight: 600 !important; color: #333; line-height: 1.6; } /*Card Table Headers*/ th { font-family: Inter, Segoe UI, Helvetica, "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; font-size: 12px !important; padding: 0px 5px 0px 0px !important; letter-spacing: 0.5px; } /*Card Form Labels*/ label.col-md-4.control-label { font-family: Inter, Segoe UI, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px !important; padding: 2px 0px 0px 0px !important; font-weight: 600 !important; color: #333; } /*Card Form Labels*/ p { margin: 0 0 15px; } /*Card ListView - Fields with Labels*/ span.card-detail-value { float: right !important; padding: 0 0 0 0 !important; font-family: Inter, 'Inter', Ariel; font-size: 14px; line-height: 1.6; } div.card-heading { color: #000000; } div.col-sm-5.col-md-7.col-lg-8 { color: #000000; } div.card-detail { padding: 0px 0px 5px 0px; margin: 0px; } /*Record List Card Types*/ .col-sm-5.col-lg-7 { padding: 0; width: 70%; } .col-lg-5 { width: 30% !important; position: absolute; right: 0%; transform: translate(10px, 10px); padding:0px; } .col-xs-12.m-include-labels { padding: 0; } li { padding: 0 !important; } /*General Class Commands*/ /*add ECCTwoCardWide to make cards half the width of the screen*/ .ECCTwoCardWide { width: 47.5%; display: inline-grid; margin-right: 2.5% !important; } .ECCGuideBorder.ECCTwoCardWide, .ECCConnectPick.ECCTwoCardWide { margin-right: 2.5% !important; margin-bottom: 30px !important; } /*Enhanced Member Directory*/ .ECCDirectoryBackgroundPhoto li:nth-child(1):after { width: 38%; content: ''; display: block; position: fixed; top: 0; background: linear-gradient(to left, rgb(255 255 255) 8%,rgba(255,255,255,0) 85%); height: 100%; z-index: -1; left: 0%; } .ECCDirectoryBackgroundPhoto img { -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 40%; opacity: 1; left: -2%; position: fixed; top: 40px !important; z-index: -1; overflow: hidden !important; pointer-events: none; object-fit: cover; min-height: 100%; } .ECCDirectoryBackgroundPhoto { background-color: transparent !important; position: fixed; z-index: -1; } .ECCDirectoryMainInfo { border-radius: 0; background-color: white !important; position: absolute; left: -31%; top: 39px; z-index: 0; margin: 0 !important; padding: 0px 0 0 0 !important; max-width: 32%; background-color: transparent !important; background: transparent !important; } .ECCDirectoryMainInfo li:nth-child(1) img { height: 200px !important; object-fit: cover; width: 166px; top: 20px; box-shadow: 0 4px 20px 0 rgb(0 0 0 / 20%), 1px 1px 6px 0 rgb(0 0 0 / 20%) !important; } .ECCDirectoryMainInfo li:nth-child(2) { font-size: 32px !important; letter-spacing: 1.1px; margin: 10px 0 0px 0; text-align: left; padding: 0; color: black !important; font-family: 'Oswald'; text-transform: uppercase; font-weight: 700; line-height: 1; } .ECCDirectoryMainInfo li:nth-child(3) { display: inline-flex; font-size: 16px; margin-top: 2px; } .ECCDirectoryMainInfo li:nth-child(3):after { display: inline-block; color: #DA291C; font-weight: 900; content: " / " !important; padding-left: 5px; } .ECCDirectoryMainInfo li:nth-child(4) { font-size: 16px; font-weight: 700; TOP: -10px !IMPORTANT; POSITION: relative; } .ECCDirectoryMainInfo li:nth-child(5) { position: relative; top: -13px !important; font-size: 14px !important; color: #8B634B; } .ECCDirectoryMainInfo li:nth-child(6) { position: relative; top: -18px; } .ECCDirectoryContactInfo { width: 90.5%; border-radius: 0; float: right; margin: 0px 2.5% 20px 5% !important; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); } @media (max-width: 992px) { .ECCDirectoryContactInfo { width: 83.5% !important; margin: 0 2.5% 20px 14% } } .ECCDirectoryContactInfo ul.card-detail { margin-left: 20px !important; font-size: 14px !important; line-height: 22px !important; } .ECCDirectoryContactInfo .card-heading { padding: 5px; } .ECCDirectoryContactInfo li:nth-child(1):before { content: ""; height: 20px !important; display: inline-block !important; width: 27px !important; background: transparent url(https://www.shareicon.net/data/128x128/2015/08/10/82805_email_4096x4096.png) no-repeat !important; background-size: cover !important; position: absolute; } .ECCDirectoryContactInfo li:nth-child(1) a { overflow-wrap: anywhere !important; width: 95%; display: inline-block; } .ECCDirectoryContactInfo li:nth-child(1) span { overflow-wrap: anywhere !important; width: 95%; display: inline-block; padding-left: 30px !important; } .ECCDirectoryContactInfo li:nth-child(2):before { height: 16px !important; display: inline-block !important; width: 16px !important; background: transparent url(https://www.shareicon.net/data/48x48/2016/01/05/698517_phone_512x512.png) no-repeat !important; background-size: cover !important; content: ""; margin-left: 5px; margin-right: 4px; } .ECCDirectoryContactInfo li:nth-child(3) { margin-left: 30px !important; } .ECCDirectoryContactInfo li:nth-child(3):before { height: 16px !important; display: inline-block !important; width: 16px !important; background: transparent url(https://www.shareicon.net/data/128x128/2016/01/13/702671_placeholder_512x512.png) no-repeat !important; background-size: cover !important; content: ""; margin-left: 5px; margin-right: 4px; position: absolute; transform: translate(-28px, 4px); } .ECCDirectoryContactInfo .col-md-3 { width: 100% !important; position: relative; bottom: -18px !important; } .ECCDirectoryContactInfo a.btn.btn-lg.btn-primary { float: right; margin-top: 5px !important; margin-right: 0px !important; } .ECCDirectoryContactInfo .row { position: absolute; transform: translateX(-4px) translateY(-45px); right: 3.5%; } .ECCDirConnect { border: none !important; box-shadow: none; overflow: visible; width: 41%; position: absolute; left: -31%; top: 480px; background-color: transparent !important; } @media (max-width: 1200px) { .ECCDirConnect { top: 490px; } } @media (max-width: 992px) { .ECCDirConnect { top: 500px; } } .ECCDirConnect .card-heading { font-family: 'Inter' !important; font-weight: 1000 !important; font-size: 11px !important; letter-spacing: 1px !important; padding: 0; color: black !important; left: 50px !important; position: relative; } .ECCDirConnect .card-heading:before { content: "Connect With "; background-position: 90% 33% !important; position: relative; } .ECCDirConnect .card-heading:after { height: 36px !important; width: 36px !important; background: transparent url(https://cdn-icons-png.flaticon.com/512/2391/2391810.png) no-repeat !important; background-size: cover !important; display: inline-block; left: -45px !important; content: ""; position: absolute !important; top: 0px !important; } .ECCDirConnect .btn-primary:after, .ECCDirConnect .btn-secondary:after { font-family: Bressay; font-style: italic; color: transparent; transition: all 1s !important; position: absolute; text-transform: none; font-weight: 400; left: -47px; top: 17px; overflow: visible; width: 350px; white-space: normal; text-align: left; height: min-content !important; line-height: 1.4; } .ECCDirConnect .btn-primary:after { content: "\a You are both enrolled in ECC Connect! Clicking Prefer To Connect will increase the chances that you are matched in future months."; } .ECCDirConnect .btn-secondary:after { content: "\a This Member is enrolled in ECC Connect but you are not. You must enroll in Connect to use this feature."; } .ECCDirConnect .btn-primary:hover::after, .ECCDirConnect .btn-secondary:hover::after { color: black; background-color: white !important; display: inline-block; transition: all 1s !important; padding: 10px; border: 1px solid #8b634b; } .ECCDirConnect.ECCPreferredExists .btn-primary:active, .ECCDirConnect.ECCPreferredExists .btn-secondary:active { pointer-events: none; } .ECCDirConnect .btn-primary, .ECCDirConnect .btn-secondary { background-color: transparent !important; color: #da291c !important; margin: 0 !important; line-height: 2 !important; padding: 0 !important; letter-spacing: 1px !important; font-family: 'Inter' !important; font-weight: 1000 !important; font-size: 11px !important; border: none !important; left: 50px !important; position: relative; } .ECCDirConnect .btn-primary:active, .ECCDirConnect .btn-secondary:active { border: none !important; background-color: transparent !important; } .ECCDirConnect .card-detail.card-actions.m-overflow-auto { overflow: visible; height: min-content !important; } .ECCDirConnect .btn-primary:hover, .ECCDirConnect .btn-secondary:hover { border: none !important; color: #8b634b !important; box-shadow: none; } .ECCDirConnect.ECCPreferredExists .btn-primary, .ECCDirConnect.ECCPreferredExists .btn-secondary { color: #008140 !important; cursor: unset !important; box-shadow: none; } .ECCDirConnect.ECCPreferredExists .btn-primary:after { content: "\a ECC Connect: You have indicated that you would prefer to connect with this member, which will increase the chances that you are matched in future months."; } .ECCDirConnect.ECCPreferredExists .btn-secondary:after { content: "\a ECC Connect: You have already been matched with this member. Visit ECC Connect to manage past connections."; } .ECCDirConnect.ECCNotEnrolled .btn-primary:after { content: "\a This Member is not enrolled in ECC Connect. You may Prefer to Connect with this member and we will remember your preference if this member enrolls in ECC Connect in the future."; } .ECCDirConnect.ECCNotEnrolled .card-heading:after { filter: grayscale(100%); opacity: .3; } .ECCDirConnect.ECCNotEnrolled .card-heading { color: #929292 !important; } .ECCDirConnect.ECCNotEnrolled .btn-secondary:after { content: "\a Neither you nor this member is enrolled in ECC Connect. You must enroll in Connect to use this feature."; } .card.m-card-no-heading { background: transparent !important; } .ECCLinkedIn { display: inline-block; float: left; width: 41.8% !important; padding: 0 !important; background: transparent !important; margin: 0 0% 20px 7% !important; } .ECCLinkedIn.ECCTwitter { margin: 0 2% 20px 0% !important; float: right; width: 49.2% !important; } @media (max-width: 992px) { .ECCLinkedIn { width: 34.8% !important; margin: 0 0% 20px 14% } } .ECCLinkedIn .card-heading { padding: 0 !important; } .profile-badge.profile-badge--width-250.profile-badge--light { width: 99.5% !important; } .profile-badge { border-radius: 0 !important; } .ECCDirectoryBackTo a.btn.btn-lg.btn-secondary.s-lockable:before { content: ""; height: 20px !important; display: inline-block !important; width: 20px !important; background: transparent url(https://www.shareicon.net/data/64x64/2015/10/18/658145_arrows_512x512.png) no-repeat !important; background-size: cover !important; position: absolute; left: -2px; top: 13px; } .ECCDirectoryBackTo { position: absolute; left: -31%; top: -15px; } .ECCDirectoryBackTo a.btn.btn-lg.btn-secondary.s-lockable { border: none !important; background: none !important; color: #da291c !important; font-size: 13px !important; font-weight: 700 !important; } .ECCDirectoryBackTo a.btn.btn-lg.btn-secondary.s-lockable:hover { color: #8b634b !important; } .ECCDirectoryBackTo a.btn.btn-lg.btn-secondary.s-lockable:hover::before { background: transparent url(https://www.shareicon.net/data/64x64/2015/09/20/104246_down_256x256.png) no-repeat !important; height: 21px !important; display: inline-block !important; width: 21px !important; background-size: cover !important; -webkit-transform: rotate(90deg); -moz-transform: rotate(120deg); background-repeat: no-repeat; } .ECCDirTwo { width: 63% !important; display: inline-block !important; float: left !important; margin-right: 4% !important; height: 278px !important; margin-bottom: 50px !important; } .ECCDirTwo th:nth-child(3) { min-width: 120px !important; } .ECCNMBS.COM.ECCDirectory .col-sm-5.col-lg-7 { width: 100% !important; } .ECCNMBS.COM.ECCDirectory .card-detail.card-actions.m-overflow-auto { position: absolute; transform: translate(45px, 157px); } .ECCDirOne, .ECCMyProfileAffils.ECCDirOne { float: left !important; width: 90.5% !important; margin: 0 0% 20px 7% !important; max-height: 180px; } .ECCDirectory a.btn.btn-lg.btn-primary.btn-list-button.s-lockable:hover { background-color: transparent !important; color: white !important; } .ECCDirectory a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { min-width: 160px; } @media (max-width: 992px) { .ECCDirOne, .ECCMyProfileAffils.ECCDirOne { width: 83.5% !important; margin: 0 0% 20px 14% !important; } } /*Upcoming Meetings*/ @media (min-height: 780px) { .ECCHybridDecision img { min-height: 1150px !important; } } @media (min-height: 1200px) { .ECCHybridDecision img { min-height: 1500px !important; } } @media (min-width: 2500px) { .ECCHybridDecision img { min-width: 1300px !important; } } @media (min-width: 813px) { .ECCEventHeader.two { width: 98%; margin-left: 0 !important; position: absolute !important; top: 62px; z-index: 1400; background-color: transparent !important; } .ECCEventHeader.two.three { top: -81px; } .ECCHybridDecision { display: inline-block; float: left; width: 50%; } .ECCHybridDecision img { min-height: 722px; object-fit: cover; padding: 0 !important; -webkit-filter: grayscale(100%) brightness(.5); filter: grayscale(100%) brightness(.5); position: fixed; } } .ECCEventHeader.two li:nth-child(3) { display: none; } .ECCEventHeader.two li:nth-child(2) { display: none; } @media (max-width: 813px) { .ECCEventHeader.two { width: 100%; margin-left: 0 !important; position: absolute !important; top: -77px; z-index: 1400; background-color: transparent !important; } .ECCHybridDecision { width: 100%; max-height: 300px; overflow: hidden; } .ECCHybridDecision img { min-width: 100% !important; object-fit: cover; padding: 0 !important; -webkit-filter: grayscale(100%) brightness(.5); filter: grayscale(100%) brightness(.5); max-height: 300px !important; } .ECCHybridDecision li:nth-child(2) { top: 22px !important; } .ECCHybridDecision li:nth-child(2):before { opacity: 1 !important; } } .ECCHybridDecision:hover img { -webkit-filter: grayscale(100%) brightness(.1); filter: grayscale(100%) brightness(.1); transition: 1.0s linear; cursor: pointer; } .ECCHybridDecision li:nth-child(2):before { content: '' !important; line-height: 2; opacity: 0; cursor: pointer; transition: opacity 3s linear; } .ECCHybridDecision:hover li:nth-child(2):before { line-height: 2; transition: opacity 3s linear; opacity: 1; } .ECCEventHeader.two li:nth-child(1) { text-align: center !important; display: flex; justify-content: space-between; color: white; font-size: 23px; text-transform: uppercase; font-family: Oswald, segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; margin: 0px 0px 5px 0px !important; letter-spacing: 5px; font-weight: 700; } .ECCHybridDecision li:nth-child(2) { position: absolute; top: 370px; left: 0px; z-index: 100; color: white; display: flex; justify-content: center; flex-wrap: nowrap; align-content: center; align-items: center; width: 80%; flex-direction: column; font-size: 50px; font-family: 'Oswald'; text-transform: uppercase; font-weight: 700 !important; letter-spacing: 1.2px; cursor: pointer; pointer-events: none; line-height: 1.2; text-align: center; margin: 0px 10% !important; } .ECCHybridDecision li:nth-child(3) { position: absolute; top: 520px; left: 0px; z-index: 100; color: white; display: flex; justify-content: center; flex-wrap: nowrap; align-content: center; align-items: center; width: 100%; flex-direction: column; font-size: 18px; font-family: 'Inter'; text-transform: uppercase; font-weight: 700 !important; letter-spacing: 1.2px; cursor: pointer; pointer-events: none; line-height: 1; opacity: 0; cursor: pointer; transition: opacity 3s linear; } .ECCHybridDecision:hover li:nth-child(3) { transition: opacity 3s linear; opacity: 1; } .ECCHybridDecision li:nth-child(4) { position: absolute; top: 568px; left: 0px; z-index: 100; color: white; display: flex; justify-content: center; flex-wrap: nowrap; align-content: center; align-items: center; width: 100%; flex-direction: column; font-size: 18px; font-family: 'Inter'; text-transform: uppercase; font-weight: 700 !important; letter-spacing: 1.2px; cursor: pointer; pointer-events: none; line-height: 1; opacity: 0; cursor: pointer; transition: opacity 3s linear; } .ECCHybridDecision:hover li:nth-child(4) { transition: opacity 3s linear; opacity: 1; } /*TEMPLATE: "/C12DynamicPage" 1 large column in middle, centers site*/ span.MiddleHeader { margin-right: 24%; } /*JS Card Adds MiddleHeader Class and centers page*/ .MiddleHeader { margin-left: 0 !important; margin-right: 0 !important; } @media (min-width: 813px) { .col-sm-offset-3.col-sm-6.MiddleHeader { margin-left: 12.5% !important; } .col-sm-offset-3.col-sm-6.ECCFullScreen { margin-left: 0%; width: 100%; } .col-sm-12.ECCFullScreen { position: absolute; left: 0; padding: 0; top: 0px; } } .page-header.page-header-anchor.m-page-header.ECCSubHeader p { top: 1px; color: transparent; width: 100% !important; padding: 34px 20% !important; position: relative; background-color: #f2f2f2; text-align: left; font-size: 20px; font-family: Bressay; font-weight: 600; line-height: 1.5; display: inline-block; margin: 0 !important; letter-spacing: 0.4px !important; } .page-header.page-header-anchor.m-page-header.ECCSubHeader .container { margin: 0 !important; padding: 0 !important; display: inline-block; width: 100% !important; } .page-header.page-header-anchor.m-page-header.ECCSubHeader{ position: relative; } /*New Member Buddy System*/ /* .card.ECCNMBS { width: 31%; display: inline-block; border: 0px solid black; border-radius: 6px; margin: 1% 2% 1% 0%; padding: 0% 1% 1% 1%; VERTICAL-ALIGN: TOP; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); min-height: 200px; float: left; } .ECCNMBS .card-heading { font-size: 18px !important; text-align-last: center; padding: 5px 0px; } .ECCNMBS .card-detail li { margin: 0 !important; line-height: 1.4; font-size: 14px; }*/ .card.ECCNewMemberBenefits.m-card-no-heading { width: 48%; margin: 10px 1%; float: left; min-height: 480px; } @media (max-width: 813px) { .card.ECCNewMemberBenefits.m-card-no-heading { width: 100%; margin: 10px 1%; float: left; } } .card.ECCIBTITLE.m-card-no-heading { padding: 0 !important; margin: 0px 0px 0px 0 !important; display: grid; text-align: center; width: 100%; } .card.ECCNMBS.NM:before { content: "Member Peer"; position: absolute; transform: translate(18%, -30px) !important; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; font-size: 14px; z-index: 100 !important; font-style: italic; } .card.ECCNMBS.NMS1:before { content: "Candidacy Sponsor"; position: absolute; transform: translate(10%, -30px) !important; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; font-size: 14px; z-index: 100 !important; font-style: italic; } .ECCNMBS.NP li:nth-child(1n + 2) { transform: translate(18px, -246px); opacity: 1; width: 94%; } .card.ECCNMBS { width: 30%; display: inline-block; height: 319px; VERTICAL-ALIGN: TOP; padding: 0px 0px 0px 0px !important; margin: 0px 3% 40px 0px; border: 2px black; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2), 1px 1px 6px 0 rgba(0, 0, 0, 0.2); float: left; min-width: 240px; border-radius: 0px; } .ECCNMBS .card-heading a { text-decoration: none !important; } .ECCNMBS:hover li:nth-child(1) { z-index: -1 !important; } .ECCNMBS .card-detail li { margin: 0px 0% !important; line-height: 1.4; font-size: 12px; width: 100%; } .ECCNMBS:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .03; transition: visibility 4.0s linear,opacity 1s linear; } .ECCNMBS img { width: 100% !important; height: 320px; min-height: 320px; overflow: hidden; object-fit: cover; object-position: top; bottom: 52px; position: relative; transition: visibility 4.0s linear,opacity 1s linear; z-index: 1; /*background-color: #c2c3c5;*/ } .ECCNMBS li:nth-child(1) { min-height: 240px; } .ECCNMBS li:nth-child(1) img { pointer-events: none; } .ECCNMBS .card-heading { font-size: 18px !important; font-style: normal; text-align: center; font-weight: 1000; font-family: Bressay; text-transform: unset; letter-spacing: 0px; } .ECCNMBS .col-lg-5 { width: 30% !important; position: absolute; right: inherit !important; transform: translate(-25px, 45px); padding: 0px; z-index: 1 !important; } @media (max-width: 813px) { .ECCNMBS.COM.ECCDirectory .col-lg-5 { transform: unset !important; width: 90% !important; left: 9% !important; bottom: 40px !important; position: absolute; } .ECCNMBS.COM.ECCDirectory .card-detail.card-actions.m-overflow-auto { transform: unset; max-width: 100%; } .card.ECCSearch.MemberSearch.Collapse .card-heading a { display: none; } .card.ECCSearch.MemberSearch.Collapse { margin-top: 5px; } .card.ECCDirectoryBackTo.m-card-no-heading { position: unset; width: 100% !important; display: flex; justify-content: center; } .ECCDirectoryBackTo a.btn.btn-lg.btn-secondary.s-lockable { position: relative; } .ECCDirectoryBackTo a.btn.btn-lg.btn-secondary.s-lockable:before { top: 5px !important; } .ECCDirectoryMainInfo { position: unset; width: 100% !important; margin: 2% 5px !important; max-width: 100%; text-align: center; } .ECCDirectoryMainInfo li:nth-child(2) { text-align: center; } .ECCDirConnect { position: initial; width: 300px !important; margin: 0 calc((100% - 260px)/2) !important; } .ECCDirConnect .card-detail.card-actions.m-overflow-auto { height: fit-content !important; } .ECCDirConnect .btn-primary, .ECCDirConnect .btn-secondary { text-align: left !important; padding-right: 50px !important; height: 28px; } .ECCDirConnect .btn-primary:hover, .ECCDirConnect .btn-secondary:hover { height: 150px !important; box-shadow: none; } .ECCDirConnect .btn-primary:after, .ECCDirConnect .btn-secondary:after { display: contents !important; width: 100% !important; white-space: break-spaces !important; } .ECCDirectoryContactInfo, .ECCDirOne, .ECCMyProfileAffils.ECCDirOne { width: 99% !important; margin: 2% 5px !important; float: none; } html, body { overflow-x: hidden !important; } .ECCMyProfileAffils.ECCDirOne .m-table-mobile tr:hover td:before { display: block; } .ECCMyProfileAffils.ECCDirOne .m-table-mobile td:before { display: none; } } .ECCNMBS li:nth-child(1n + 2) { transform: translate(14px, -326px); opacity: 1; width: 94%; } .ECCNMBS:hover li:nth-child(1n + 2) { visibility: visible; opacity: 1; transition: visibility 4.0s linear,opacity 2s linear; } .ECCNMBS:hover a.btn.btn-lg.btn-secondary.btn-list-button { color: #7d3025 !important; } .ECCNMBS a.btn.btn-lg.btn-secondary.btn-list-button { text-transform: uppercase !important; border-radius: 0px !important; background-color: transparent !important; border: 1px solid transparent !important; color: #ffffff00 !important; text-align: right !important; font-size: 14px !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; width: 100%; margin: 0px !important; padding: 10px 5px 16px 0px; cursor: not-allowed !important; pointer-events: none !important; } .ECCNMBS:hover a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { color: #327a4d !important; } .ECCNMBS a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { text-transform: uppercase !important; border-radius: 0px !important; background-color: transparent !important; border: 1px solid transparent !important; color: #ffffff00 !important; text-align: right !important; font-size: 14px !important; transition: all 0.5s !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; transform: unset; width: 100%; margin: 0px !important; padding: 10px 5px 16px 0px; cursor: not-allowed !important; pointer-events: none !important; } .ECCNMBS.NM.NP li { opacity: 1; } .ECCNMBS.NM.NP li:nth-child(1n + 2) { transform: translate(18px, -246px); opacity: 1; width: 94%; } .card.ECCISTITLE.m-card-no-heading { width: 100%; display: inline-block; } /*Member Dashboard*/ .card.ECCTiles.m-card-no-heading { display: inline-block; width: 47.4%; margin: 0% 1% 2% 1%; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2), 1px 1px 6px 0 rgba(0, 0, 0, 0.2); border-radius: 0; padding: 0 !important; overflow: hidden; object-fit: cover; object-position: top; float: left; max-width: 500px; } .card.ECCTiles.Two.m-card-no-heading { height: 333px; width: 47.4%; border-radius: 13px !important; } .card.ECCTiles.Two.ECCConnectWelcome.m-card-no-heading { position: absolute; top: 100px; z-index: 100000; left: -12%; } @media (max-width: 500px) { .card.ECCTiles.Two.m-card-no-heading { display: none; } } .card.ECCTiles.Two.m-card-no-heading .card-detail { line-height: 0; } .card.ECCTiles.Two.m-card-no-heading iframe { height: 333px !important; } .ECCTiles.Two a.btn.btn-lg.btn-primary.btn-block { bottom: 400px !important; position: relative; z-index: 100; width: 120%; right: 20px; height: 400px; background: transparent !important; border: transparent !important; } @media (min-width: 992px) and (max-width: 1200px) { .card.ECCTiles.Two.m-card-no-heading iframe { height: 276px !important; } .card.ECCTiles.Two.m-card-no-heading { height: 271px; width: 47.4%; } } @media (min-width: 813px) and (max-width: 992px) { .card.ECCTiles.Two.m-card-no-heading { height: 213px; width: 47.4%; } .card.ECCTiles.Two.m-card-no-heading iframe { height: 213px !important; } } @media (max-width: 813px) { .card.ECCTiles.Two.m-card-no-heading { height: 285px; width: 47.4%; } .card.ECCTiles.Two.m-card-no-heading iframe { height: 285px !important; } } @media (max-width: 620px) { .card.ECCTiles { width: 98% !important; } } .card.ECCTiles { display: inline-block; width: 47.4%; margin: 0% 1% 2% 1%; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2), 1px 1px 6px 0 rgba(0, 0, 0, 0.2); border-radius: 0; padding: 0 !important; overflow: hidden; object-fit: cover; object-position: top; float: left; max-width: 500px; } .ECCTiles .card-heading { padding: 0; } .ECCTiles p { margin: 0; } /*.card.ECCTiles.m-card-no-heading:nth-child(odd) { margin: 0; }*/ .ECCTiles:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: filter 1.3s linear; } .ECCTiles img { position: relative; } /*twitter testing*/ a.Icon.Icon--informationCircleWhite.js-inViewportScribingTarget { display: none !important; } .Icon--informationCircleWhite { display: none !important; } .css-1dbjc4n.r-14lw9ot.r-1ets6dv.r-1q9bdsx.r-rs99b7.r-1udh08x { max-height: 333px !important; border-radius: 0 !important; } .css-1dbjc4n { max-height: 333px !important; border-radius: 0 !important; } /*Member Directory*/ @media (min-width: 813px) { .card.ECCSearch.MemberSearch.Collapse { width: 66%; } .ECCSearch a { display: none; } .ECCSearch.MemberSearch.Collapse .form-control { width: 104%; } .ECCSearch .chosen-container.chosen-container-multi { width: 104% !important; } .ECCSearch .form-control { width: 102%; padding: 2px 15px; height: 25px; } .ECCRightColumn.ECCTeam { left: 68%; position: absolute; top: 0px; width: 32%; background-color: #f7f7f7; border: 1px solid #CFCFCF !important; color: #333; border-radius: 0; padding: 0px 10px; text-align: center; height: 159px; } .ECCRightColumn.ECCTeam .card-heading { padding-top: 40px !important; } } .card.ECCSearch.MemberSearch.Collapse { border-radius: 0px; padding: 0px 25px !important; background-color: #ffffff00; border: 1px solid #CFCFCF !important; color: #333; margin-bottom: 40px; } .card.ECCSearch { border-radius: 0px; padding: 0px 25px !important; border: 1px solid #CFCFCF !important; color: #333; } .ECCSearch label.col-md-4.control-label { padding: 0px 8px 0px 0px !important; } .ECCSearch .form-horizontal { line-height: 15px !important; } .ECCSearch input.btn.btn-lg.btn-primary { background: none; padding: 0px 26px; } @media (max-width: 813px) { .ECCSearch label.col-md-4.control-label { padding: 4px 0px 8px 0px !important; } } /*Member Direcory Collapse hyperlink*/ span#j_id0\:j_id1\:j_id2\:j_id3\:j_id170\:j_id176\:j_id177\:j_id178_1\:j_id207\:j_id210 { display: none; } /*My Account*/ .card.ECCMyAccountNav.m-card-no-heading { position: absolute; top: -72px; z-index: 2000; width: 100%; background-color: transparent !important; } .ECCMyAccountNav a.btn.btn-lg.btn-secondary.s-lockable { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border: none !important; padding-top: 5px; padding-bottom: 5px; } .ECCMyAccountNav a.btn.btn-lg.btn-secondary { border: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; padding-top: 6px !important; padding-bottom: 6px !important; background-color: #343436 !important; color: white !important; margin-right: 10px !important; } @media (min-width: 813px) and (max-width: 992px) { .ECCMyAccountNav a.btn.btn-lg.btn-secondary { font-size: 10px !important; padding-left: 8px !important; padding-right: 8px !important; } .ECCMyAccountNav a.btn.btn-lg.btn-primary { font-size: 10px !important; padding-left: 8px !important; padding-right: 8px !important; } } @media (min-width: 992px) and (max-width: 1200px) { .ECCMyAccountNav a.btn.btn-lg.btn-secondary { font-size: 12px !important; padding-left: 15px !important; padding-right: 15px !important; } .ECCMyAccountNav a.btn.btn-lg.btn-primary { font-size: 12px !important; padding-left: 15px !important; padding-right: 15px !important; } } @media (min-width: 1200px) { .ECCMyAccountNav a.btn.btn-lg.btn-secondary { font-size: 14px !important; } .ECCMyAccountNav a.btn.btn-lg.btn-primary { font-size: 14px !important; } } @media (max-width: 813px) { .page-header.page-header-anchor.m-page-header.ECCSubHeader p { display: none; } .card.ECCMyAccountNav.m-card-no-heading { position: initial; } .ECCMyAccountNav a.btn.btn-lg.btn-secondary { width: 100% !important; border-radius: 30px !important; } .ECCMyAccountNav a.btn.btn-lg.btn-primary { width: fit-content !important; border-radius: 30px !important; border: 1px black solid !important; display: none; } } .ECCMyAccountNav a.btn.btn-lg.btn-secondary:hover { background-color: white !important; color: #000 !important; } .ECCMyAccountNav a.btn.btn-lg.btn-primary { border: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; padding-top: 6px !important; padding-bottom: 6px !important; background-color: #ffffff !important; color: black !important; margin-right: 10px !important; } .card.ECCMyAccountButton.m-card-no-heading { margin: -17px 26px 30px 0 !important; display: inline-block; float: right; } .ECCMembershipInfo label.card-detail-label { display: none; } .ECCMembershipInfo.ECCMyProfileAffils .col-sm-5.col-md-7.col-lg-8.Membership { padding-left: 0 !important; } .ECCMembershipInfo.ECCMyProfileAffils ul.card-detail.m-card-detail-striped { float: left; } .ECCMembershipInfo.ECCMyProfileAffils .col-sm-7.col-md-5.col-lg-4.l-text-right-desktop.l-no-gutter-left { position: relative; top: 15px; left: 22px; } .card.ECCMembershipInfo.ECCMyProfileAffils { padding: 2px 25px 16px 18px !important; width: 63.9%; } .nu-lightning-wrapper.ECCFlowAddAffil { display: none; width: 97.5%; margin-bottom: 30px !important; box-shadow: 0 4px 8px 0 rgb(236 9 31 / 20%), 1px 1px 6px 0 rgb(236 19 19 / 20%); opacity: 0; transition: all 2s !important; } .nu-lightning-wrapper.ECCFlowAddAffil.ECCFlowVisible { display: block; opacity: 1; transition: all 2s !important; float: left; } span.slds-card__header-link.slds-text-heading_small { font-size: 18px !important; font-family: OSWALD; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-style: normal; margin-left: 2px; color: #3c3d3e7a; } .ECCFlowAddAffil label.slds-form-element__label { text-transform: uppercase !important; color: #3c3d3ed4 !important; font-size: 10px !important; font-weight: 600 !important; display: inline-block !important; font-family: Inter !important; letter-spacing: 1.6px !important; } .m-button-row-item.m-button-right.pull-right.ECCMyActBtn { margin-right: 2.5%; } @media (max-width: 813px) { .m-button-row-item.m-button-right.pull-right.ECCMyActBtn a.btn.btn-lg.btn-primary { font-size: 9px !important; letter-spacing: 1px !important; } .m-button-row-item.m-button-right.pull-right.ECCMyActBtn { padding-bottom: 20px !important; } } .container dflowp-dynamic-flow-progress-l-w-c { width: 90% !important; display: block; } .slds-scope .slds-path__nav .slds-is-active:first-child .slds-path__link { color: white !important; } .slds-scope .slds-path__nav .slds-path__link { color: black !important; } .slds-scope .slds-path__nav .slds-is-incomplete:hover { background: initial !important; } .container dflowp-dynamic-flow-progress-l-w-c a.slds-path__link { cursor: default !important; } .container dflowp-dynamic-flow-progress-l-w-c li.slds-path__item.slds-is-incomplete:before { cursor: default !important; } /*My Profile*/ .ECCMyAccount { padding: 2px 20px 20px 20px !important; margin: 15px 0px 30px 0px !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); } .ECCMyAccount .card-detail-value { line-height: 1.6; padding: 0px 0px 6px 0px !important; font-size: 14px; } .ECCMyAccount li { border-bottom: 1px solid #cfd0d2; } .ECCMyAccount img { border-radius: 50%; width: 200px; height: 200px; object-fit: cover; overflow: hidden; padding: 10px; object-position: top; } .img-thumbnail { border: none; height: 150px; width: 150px; object-fit: cover; overflow: hidden; padding: 0; object-position: top; } .m-profile-img-container { max-width: 150px; } /*Picture Upload*/ ul.m-profile-info.card-detail { line-height: 1.4; } .card ul.m-profile-info li:first-of-type { font-size: 26px; font-family: Bressay, Times; } .card ul.m-profile-info li { line-height: 20px; } .card ul.m-profile-info li:nth-child(2):after { content: ' / '; display: contents; color: #da291c; } .card .m-profile-info.card-detail li:last-child img { max-height: 27px; } .ECCMyProfileCard input.btn.btn-primary.pull-right { text-transform: uppercase !important; border-radius: 16px !important; background-color: #da291c !important; border: 1px solid transparent !important; color: #fff !important; text-align: center !important; font-size: 10px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 0px 0px 10px 0px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; min-width: 72px; letter-spacing: 2.5px; font-weight: 700; line-height: 22px; overflow: visible; box-sizing: border-box; padding: 0px 16px; } .ECCMyProfileCard input.btn.btn-primary.pull-right:hover { text-transform: uppercase !important; border-radius: 16px !important; background-color: white !important; border: 1px solid #DA291C !important; color: #000 !important; text-align: center !important; font-size: 10px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 0px 0px 10px 0px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; min-width: 72px; letter-spacing: 2.5px; font-weight: 700; line-height: 22px; overflow: visible; box-sizing: border-box; padding: 0px 16px; } .ECCMyProfileCard { width: 31%; display: inline-block; color: #000; background-image: none; padding: 2px 10px 10px 10px !important; margin: 0px 2.33% 26px 0px !important; border-radius: 0px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); float: left; } @media (max-width: 992px) { .ECCMyProfileCard { min-width: 340px; width: 100%; } .ECCMyProfileAffils, .card.ECCMembershipInfo.ECCMyProfileAffils, .card.ECCMyAccountNav.m-card-no-heading { width: 100% !important; } .col-sm-offset-3.col-sm-6 .m-paging-nav.text-center { right: unset !important; } } .ECCMyProfileCard:hover, .ECCMyInfoPreferences:hover, .ECCMyProfileAffils:hover { bottom: 2px; position: relative; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 14%), 0 3px 7px 0 rgb(0 0 0 / 12%), 0 5px 3px -2px rgb(0 0 0 / 20%); } .ECCMyProfileCard .card-heading { width: 85%; padding-left: 10px; font-size: 15px !important; font-family: Inter; font-weight: 700; text-transform: uppercase; letter-spacing: 1.4px; padding-top: 10px; } .ECCMyProfileCard .card-heading a.pull-right { position: relative; left: 48px !important; text-decoration: none; font-weight: 600; font-size: 12px; float: right !important; } .ECCMyProfileCard span.card-detail-value { font-size: 13px; } .ECCMyProfileCard li { line-height: 0.9; font-size: 12px !important; } .ECCMyProfileCard.NameandTitleChanges .card-heading, .ECCMyProfileCard.SocialMediaAccountsCancelChanges .card-heading, .ECCMyProfileCard.BusinessInformationCancelChanges .card-heading, .ECCMyProfileCard.PersonalInformationCancelChanges .card-heading, .ECCMyProfileCard.MyAssistantsCancelChanges .card-heading, .ECCMyProfileCard.AccountsPayableDepartmentCancelChanges .card-heading, .ECCMyProfileCard.CreditCardBillingAddressCancelChanges .card-heading { color: #c9c9c9 !important; margin-bottom: 15px; } .ECCMyProfileCard .form-control { font-size: 13px; padding-left: 5px; } .ECCMyProfileCard label.col-md-4.control-label { line-height: 1.1; width: 92%; padding-bottom: 5px !important; padding-top: 4px !important; } .ECCMyProfileCard .col-md-8.m-control-value { width: 98%; padding-left: 30px; padding-bottom: 2px; } .ECCMyProfileCard .form-group { margin-bottom: 5px; } .ECCMyProfileCard.BusinessInformationEdit ul.card-detail.m-card-detail-striped li:nth-child(n+2), .ECCMyProfileCard.PersonalInformationEdit ul.card-detail.m-card-detail-striped li:nth-child(n+2), .ECCMyProfileCard.AccountsPayableDepartmentEdit ul.card-detail.m-card-detail-striped li:nth-child(n+2), .ECCMyProfileCard.CreditCardBillingAddressEdit ul.card-detail.m-card-detail-striped li:nth-child(n+2) { display: none; } .ECCMyProfileCard.BusinessInformationEdit label.card-detail-label, .ECCMyProfileCard.PersonalInformationEdit label.card-detail-label, .ECCMyProfileCard.AccountsPayableDepartmentEdit label.card-detail-label, .ECCMyProfileCard.CreditCardBillingAddressEdit label.card-detail-label { display: none; } .ECCMyProfileCard.BusinessInformationCancelChanges .form-group:nth-child(1), .ECCMyProfileCard.PersonalInformationCancelChanges .form-group:nth-child(1), .ECCMyProfileCard.AccountsPayableDepartmentCancelChanges .form-group:nth-child(1), .ECCMyProfileCard.CreditCardBillingAddressCancelChanges .form-group:nth-child(1), .ECCMyProfileCard.SocialMediaAccountsCancelChanges .form-group:nth-child(1) { display: none; } .ECCMyProfileCard.MyAssistantsEdit ul.card-detail.m-card-detail-striped li:nth-child(n+3) { display: none; } .ECCMyProfileCard.MyAssistantsCancelChanges .form-group:nth-child(1), .ECCMyProfileCard.MyAssistantsCancelChanges .form-group:nth-child(2) { display: none; } .ECCMyInfoPreferences.ECCHelpDescription.ContactPreferencesEdit ul.card-detail.m-card-detail-striped li:nth-child(n+4), .ECCMyInfoPreferences.ECCHelpDescription.ContactPreferences.Edit ul.card-detail.m-card-detail-striped li:nth-child(n+4), .ECCMyInfoPreferences.ECCHelpDescription.MyDirectoryPreferencesEdit ul.card-detail.m-card-detail-striped li:nth-child(n+4), .ECCMyInfoPreferences.ECCHelpDescription.MyDirectoryPreferences.Edit ul.card-detail.m-card-detail-striped li:nth-child(n+4){ display: none; } .ECCMyInfoPreferences.ECCHelpDescription.ContactPreferencesCancelChanges .form-group:nth-child(-n+3), .ECCMyInfoPreferences.ECCHelpDescription.ContactPreferences.CancelChanges .form-group:nth-child(-n+3), .ECCMyInfoPreferences.ECCHelpDescription.MyDirectoryPreferencesCancelChanges .form-group:nth-child(-n+3), .ECCMyInfoPreferences.ECCHelpDescription.MyDirectoryPreferences.CancelChanges .form-group:nth-child(-n+3){ display: none; } .ECCMyProfileCard.ECCConnectContactInfoEdit .card-detail-label { display: none !important; } /*Candidate Summary Page*/ .ECCMyProfileCard.CandidateInfoEdit ul.card-detail.m-card-detail-striped li:nth-child(n+2), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationEdit ul.card-detail.m-card-detail-striped li:nth-child(n+2), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo ul.card-detail.m-card-detail-striped li:nth-child(n+2){ display: none; } .ECCMyProfileCard.CandidateInfoEdit ul.card-detail.m-card-detail-striped label.card-detail-label, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationEdit ul.card-detail.m-card-detail-striped label.card-detail-label, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo ul.card-detail.m-card-detail-striped label.card-detail-label { display: none; } .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfoEdit ul.card-detail.m-card-detail-striped li:nth-child(n+2), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationEdit ul.card-detail.m-card-detail-striped li:nth-child(n+2), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo ul.card-detail.m-card-detail-striped li:nth-child(n+2) { display: none; } .ECCMyProfileCard.CandidateInfoCancelChanges .form-group:nth-child(-n+1), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationCancelChanges .form-group:nth-child(-n+1), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.ECC66PercentCard.CommitteeReviewCancelChanges .form-group:nth-child(-n+1), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.SponsorsCancelChanges .form-group:nth-child(-n+1) { display: none; } .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfoEdit ul.card-detail.m-card-detail-striped label.card-detail-label, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationEdit ul.card-detail.m-card-detail-striped label.card-detail-label, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo ul.card-detail.m-card-detail-striped label.card-detail-label { display: none; } .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfoCancelChanges .form-group:nth-child(-n+1), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationCancelChanges .form-group:nth-child(-n+1), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.ECC66PercentCard.CommitteeReviewCancelChanges .form-group:nth-child(-n+1), .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.SponsorsCancelChanges .form-group:nth-child(-n+1) { display: none; } .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfoEdit { float: right !important; } @media (min-width: 813px) { .ECCMyProfileCard.CandidateInfoCancelChanges, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfoCancelChanges, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationCancelChanges, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.ECC66PercentCard.CommitteeReviewCancelChanges, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.SponsorsCancelChanges { width: 100% !important; float: right; transition: all 3s !important; } .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationCancelChanges label.col-md-4.control-label, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfoCancelChanges label.col-md-4.control-label, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.ECC66PercentCard.CommitteeReviewCancelChanges label.col-md-4.control-label, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.SponsorsCancelChanges label.col-md-4.control-label { width: 35%; } .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationCancelChanges .col-md-8.m-control-value, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfoCancelChanges .col-md-8.m-control-value, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.ECC66PercentCard.CommitteeReviewCancelChanges .col-md-8.m-control-value, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.SponsorsCancelChanges .col-md-8.m-control-value { width: 65%; padding-left: 30px !important; } .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.CandidateApplicationCancelChanges .form-group, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfoCancelChanges .form-group, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.ECC66PercentCard.CommitteeReviewCancelChanges .form-group, .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo.SponsorsCancelChanges .form-group { width: 50% !important; float: left !important; } .card.ECCHeaderButtonIcons.m-card-no-heading { position: absolute; top: -70px; right: 0; z-index: 10000; float: right; } .card.ECCHeaderButtonIcons.m-card-no-heading .fa:hover { color: white !important; } .card.ECCHeaderButtonIcons.m-card-no-heading .btn { color: transparent !important; } .card.ECCHeaderButtonIcons.m-card-no-heading .btn:hover { color: white !important; } .card.ECCHeaderButtonIcons.m-card-no-heading .btn:hover .fa { color: white !important; } .card.ECCHeaderButtonIcons.m-card-no-heading .btn:hover em { width: 110px; transition: 1s all; } .card.ECCHeaderButtonIcons.m-card-no-heading .btn em { font-style: normal; width: 0; transition: 1s all; overflow: hidden; } } .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo a { color: #161919 !important; } .ECCMyProfileCard.ECCHelpDescription.CandidateContactInfo a.pull-right { color: #da291c !important; } .card.ECCHeaderButtonIcons.m-card-no-heading .btn { border: none !important; background-color: transparent !important; padding: 0 !important; width: max-content; display: inline-flex; align-content: center; flex-wrap: wrap; justify-content: flex-end; align-items: center; min-width: 10px !important; line-height: 1.4; text-align: left !important; font-style: normal !important; margin-left: 20px !important; } .card.ECCHeaderButtonIcons.m-card-no-heading .fa { color: #da291c !important; font-size: 35px !important; padding-right: 4px; } .card.ECCHeaderButtonIcons.m-card-no-heading i.fa.fa-share-square-o { top: 2px; position: relative; } .card.ECCHeaderButtonIcons.m-card-no-heading .btn em { font-style: normal; } .ECCMyProfileCard ul.card-detail.m-card-detail-striped li:nth-child(even) { background: #eeeeee00 !important; } .ECCMyProfileAffils { width: 97.5%; display: inline-block; color: #000; background-image: none; padding: 2px 18px 10px 18px !important; margin: 0px 26px 26px 0px !important; border-radius: 0px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); float: left; max-height: 300px; overflow-y: auto; } .ECCMyProfileAffils td { padding: 2px 2px 2px 0px !important; } .ECCHelpDescription { position: relative; } .ECCHelpDescription .card-detail p:hover { color: black; background-color: #f2f2f2; width: 88% !important; overflow: visible; height: fit-content; border-radius: 17px; padding: 5px 10px !important; width: fit-content; } .ECCHelpDescription .card-detail p:before { background-image: url(https://icones.pro/wp-content/uploads/2021/05/icone-point-d-interrogation-question-rouge.png); background-size: 20px 20px; background-repeat: no-repeat; width: 26px !important; height: 20px !important; content: ""; margin-right: 10px; display: inline-block; } .ECCHelpDescription .card-detail p { color: transparent; font-size: 14px !important; transition: all 0.2s; position: absolute; right: 0px; top: 0px; background-color: transparent; z-index: 1000; width: 35px; height: 30px; overflow: hidden; padding: 5px 10px !important; margin: 0 !important; float: left; font-weight: 400; } .ECCHelpDescription .card-detail p:hover::before { opacity: 0.2; } .ECCHelpDescription .card-detail .col-md-12.pull-right.text-right p { opacity: 1; width: 100% !important; height: fit-content; margin-bottom: 11px !important; position: initial; } .ECCHelpDescription .card-detail .col-md-12.pull-right.text-right p:hover { background: transparent !important; } .ECCHelpDescription .card-detail .col-md-12.pull-right.text-right p:before { display: none !important; } @media (max-width: 813px) { .ECCCandidateCard .btn:hover { width: max-content !important; transition: all 0.2s !important; overflow: visible !important; } .ECCCandidateCard .btn { left: 11px !important; bottom: -8px !important; z-index: 10 !important; } .ECCCandidateCard li:nth-child(6), .ECCCandidateCard li:nth-child(8) { bottom: -66px !important; } .ECCSCCandidateCard .btn { left: 47px !important; bottom: -9px !important; line-height: 1.15 !important; } .ECCButtonsLeft.two { display: none !important; } } @media (min-width: 813px) { .card.ECCClearHeader.ECCH6.ECCCMRight .card-heading { text-align: left !important; } .card.ECCClearHeader.ECCH6.ECCCMRight { margin-top: 42px !important; width: calc(100% - 30%); float: right !important; } .card.ECCButtonsLeft.two { position: fixed !important; width: 18% !important; z-index: 2 !important; background-color: transparent !important; top: 178px !important; } .card.ECCComPhoto.two.candidates { position: relative; } .card.ECCComPhoto.two.candidates img { left: 40%; filter: grayscale(0.8) blur(0.2px) saturate(0.5) opacity(0.7); } .ECCCandidateCard.right { position: relative !important; left: 27% !important; top: -20px !important; width: 35% !important; margin: 10px 1% 30px 1% !important; } .card.ECCButtonsLeft.two .card-heading { font-family: 'Oswald' !important; font-size: 50px !important; position: fixed !important; width: 91vw !important; color: #ffffff9c !important; left: 0vw !important; top: 90px !important; overflow: hidden !important; z-index: 5 !important; text-wrap: nowrap !important; text-align: left; } .card.ECCComPhoto.two.candidates img { left: 0% !important; position: fixed !important; top: -135px !important; z-index: 1 !important; overflow: hidden !important; min-height: 200px !important; -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important; object-fit: cover !important; height: 300px !important; object-position: top !important; width: 100vw !important; } .card.ECCButtonsLeft.two a.btn.btn-lg.btn-secondary { max-width: 290px; min-width: 204px; } } .ECCCandidateCard { border: 0px black solid !important; display: inline-block; float: left; width: 31.3%; margin: 10px 1% 30px 1% !important; border-radius: 0px !important; padding: 10px 26px !important; height: 100px; background-color: white !important; min-width: 310px !important; } .ECCCandidateCard .card-heading img { border-radius: 100px; border: 1px black solid; height: 80px !important; overflow: hidden; object-fit: cover; object-position: top; width: 80px !important; padding: 0 !important; display: inline-block; float: left; z-index: 1 !important; position: relative; } .ECCCandidateCard .card-heading { padding: 0 !important; } .ECCCandidateCard .card-heading:after { content: 'No Image'; width: 62px; height: 34px; z-index: 0 !important; position: absolute; display: inline-block; left: 10px !important; top: 24px; overflow: visible !important; text-align: center; font-size: 10px; } .ECCCandidateCard .row { display: inline-block; float: left; width: 100%; position: relative; } .ECCCandidateCard .col-sm-5.col-lg-7 { width: 100%; } .ECCCandidateCard ul.card-detail { display: inline-block; float: left; width: calc(100% - 90px) !important; margin-left: 10px !important; margin-top: 4px !important; line-height: 14px !important; } .ECCCandidateCard li { padding: 0 !important; line-height: 0.5; margin: 0 !important; } .ECCCandidateCard li:nth-child(1) { font-family: Inter; padding: 0 !important; font-size: 16px; font-weight: 600; position: relative; right: 6px; bottom: 2px; line-height: 14px; } .ECCCandidateCard li:nth-child(3):before { content: "/" !important; color: #da291c !important; display: inline-block !important; width: 5px !important; margin-right: 2px !important; } .ECCCandidateCard li:nth-child(2) { display: inline-block; width: fit-content !important; word-wrap: break-word; list-style-type: none !important; color: #6d6d6d; font-size: 12px; line-height: 13px; } .ECCCandidateCard li:nth-child(3) { display: contents; float: left !important; width: fit-content !important; word-wrap: break-word !important; list-style-type: none !important; color: #6d6d6d; font-size: 12px; font-weight: 600; } .ECCCandidateCard li:nth-child(4) img { height: 16px !important; width: 2px !important; margin-top: 3px !important; } .ECCCandidateCard li:nth-child(4) a img { height: 16px !important; width: 16px !important; } .ECCCandidateCard li:nth-child(4) { font-size: 10px; width: 50%; color: #6d6d6d; font-style: italic; } .ECCCandidateCard li:nth-child(5) img, .ECCCandidateCard li:nth-child(7) img, .ECCSCCandidateCard li:nth-child(9) img { transform: skewX(338deg); margin: 8px 0px !important; position: relative; border: 1px solid #da291c; filter: grayscale(25%); cursor: help; transition: all 1s ease-out; } .ECCCandidateCard li:nth-child(5) img:hover, .ECCCandidateCard li:nth-child(7) img:hover, .ECCSCCandidateCard li:nth-child(9) img:hover { filter: saturate(0); transition: all 1s ease-out; } .ECCCandidateCard li:nth-child(5), .ECCCandidateCard li:nth-child(7), .ECCSCCandidateCard li:nth-child(9) { width: fit-content !important; position: relative; right: 9px; display: inline-block; } .ECCCandidateCard li:nth-child(5):hover ~ li:nth-child(6), .ECCCandidateCard li:nth-child(5):focus ~ li:nth-child(6), .ECCCandidateCard li:nth-child(7):hover ~ li:nth-child(8), .ECCCandidateCard li:nth-child(7):focus ~ li:nth-child(8), .ECCSCCandidateCard li:nth-child(9):hover ~ li:nth-child(10), .ECCSCCandidateCard li:nth-child(9):focus ~ li:nth-child(10), .ECCCandidateCard li:nth-child(6):focus, .ECCCandidateCard li:nth-child(6):hover, .ECCCandidateCard li:nth-child(8):focus, .ECCCandidateCard li:nth-child(8):hover, .ECCSCCandidateCard li:nth-child(9):focus, .ECCSCCandidateCard li:nth-child(10):hover { visibility: visible !important; opacity: 1; transition-delay: 0s; overflow: visible !important; z-index: 1000 !important; } .ECCCandidateCard li:nth-child(6), .ECCCandidateCard li:nth-child(8), .ECCSCCandidateCard li:nth-child(10) { visibility: hidden; overflow: hidden; opacity: 0; transition: visibility 0s ease-out 1s,opacity 1s ease-out; position: absolute; bottom: 28px; background: #ffffff; height: fit-content; padding: 8px 2% 8px 2% !important; z-index: 3; border: 1px solid black; width: 125%; left: 0; line-height: 1; font-size: 14px; } .ECCCandidateCard li:nth-child(6):before, .ECCCandidateCard li:nth-child(8):before, .ECCSCCandidateCard li:nth-child(10):before { z-index: 28; top: 0px !important; position: relative; font-family: 'Oswald'; letter-spacing: 2px; font-weight: 600; padding-bottom: 7px; } .ECCCandidateCard li:nth-child(6):before { content: 'OPEN ITEMS' !important; } .ECCCandidateCard li:nth-child(8):before { content: 'SUPPORT SUMMARY' !important; } .ECCSCCandidateCard li:nth-child(10):before { content: 'COMMITTEE REVIEW SUMMARY' !important; } .ECCCandidateCard .btn { position: absolute !important; left: -1px; bottom: 2px; padding: 2px 6px !important; line-height: 1.1; font-size: 9px !important; transform: skewX(338deg); border-radius: 0 !important; width: 65px !important; overflow: hidden; min-width: 31%; } .ECCSCCandidateCard .btn { left: 38px; bottom: 1px; } .ECCCandidateCard .btn:hover { width: max-content !important; } .ECCCandidateCard .col-sm-7.col-lg-5 { width: calc(100% - 148px) !important; bottom: 12px !important; position: absolute; z-index: 1; } .ECCButtonsLeft.Three { width: 100%; text-align: center; } .ECCResources { width: 48%; float: left; margin: 0px 1% 0px 1% !important; } .card.ECCMyProfileNoPA.m-card-no-heading { display: inline-block; background-image: none; padding: 0px 18px 0px 18px !important; margin: 0px 26px 14px 0px !important; border-radius: 0px; /*box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);*/ float: left; width: 47.7%; } .ECCMyProfileNoPA .card-detail p { color: #da291c !important; font-size: 14px !important; letter-spacing: 1px !important; line-height: 1.4 !important; transition: all 0.2s; margin: 0 !important; } .ECCFullMyPF .alert-info { display: inline-block; width: 100%; background-image: none; padding: 0px 18px 0px 18px !important; margin: 0px 26px 14px 0px !important; border-radius: 0px; /*box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);*/ float: left; font-size: 14px; color: #da291c !important; letter-spacing: 1px; line-height: 1.4; background-color: #ffffff !important; border: none; } .ECCMyProfileNoAlumni { display: none; } .ECCMyProfilePhoto { display: inline-block; float: left; width: 31%; padding: 30px 10px 28px 10px !important; margin: 0px 2.33% 26px 0px !important; border-radius: 0px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); } @media (max-width: 992px) { .ECCMyProfilePhoto { min-width: 340px; width: 100%; } } .ECCMyProfilePhoto .m-flex-centered { display: block; } .ECCMyProfilePhoto .col-md-3 { width: 100%; } .ECCMyProfilePhoto .col-md-9 { top: 10px; width: 100%; text-align: center !important; } .ECCMyProfilePhoto li { display: contents; text-align: center !important; } .ECCMyProfilePhoto ul.m-profile-info li:nth-child(2):after { display: none !important; } /*@media (max-width: 813px) { .ECCMyProfilePhoto { width: 100%; } } @media (min-width: 813px) and (max-width: 992px) { .ECCMyProfilePhoto { left: 34%; } } @media (min-width: 992px) and (max-width: 1200px) { .ECCMyProfilePhoto { left: 28%; } } @media (min-width: 1200px) { .ECCMyProfilePhoto { left: 32%; } } .ECCMyProfilePhoto { z-index: 2000 !important; position: absolute; top: -97px; background: transparent !important; } */ .ECCMyProfilePhotoInstr .card-detail { color: transparent; font-size: 14px !important; transition: all 0.2s; position: absolute; left: 20px; top: 24px; background-color: transparent; z-index: 2000; width: 35px; height: 30px; overflow: hidden; padding: 5px 10px !important; margin-left: 54% !important; } .ECCMyProfilePhotoInstr .card-detail:hover { color: black; background-color: #f2f2f2; width: 31% !important; overflow: visible; height: fit-content; border-radius: 17px; padding: 5px 10px !important; } .ECCMyProfilePhotoInstr .card-detail:hover::before { opacity: 0.2; } .ECCMyProfilePhotoInstr .card-detail:before { background-image: url(https://icones.pro/wp-content/uploads/2021/05/icone-point-d-interrogation-question-rouge.png); background-size: 20px 20px; background-repeat: no-repeat; display: inline-block !important; width: 26px !important; height: 20px !important; content: ""; margin-right: 10px; } .ECCMyProfilePhotoInstr .card-detail p { margin: 0; text-align: left !important; } .ECCMyProfileHeader .card-detail p { margin: 0 !important; } .ECCMyProfileHeader, .ECCMyProfileHeader .card-detail { margin: 18px 0 10px 0 !important; font-size: 15px !important; font-family: INTER, Bressey !important; text-align: left; background: transparent; display: inline-block; width: 100%; border-bottom: 1px solid #f2f2f2; padding: 0px 0px 8px 0px !important; color: #00000085 !important; line-height: 1.4 !important; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; } .ECCMyInfoPreferences { display: inline-block; background-image: none; padding: 2px 18px 6px 18px !important; margin: 0px 26px 26px 0px !important; border-radius: 0px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); float: left; width: 97.5%; } .ECCMyInfoPreferences .card-heading a.pull-right { top: 0px; position: relative; left: -4%; text-decoration: none; font-weight: 600; font-size: 12px; } @media (max-width: 812px) { .ECCMyInfoPreferences .card-heading a.pull-right, .ECCMyProfileCard .card-heading a.pull-right { text-align: right !important; left: unset !important; } .ECCMyProfileCard .card-heading { width: 100% !important; } } /*ACTIONPOPUP Cards*/ .card.ECCACTIONPOPUP:before { Content: "Dues Reminder"; text-transform: uppercase; font-family: Oswald; font-size: 41px; line-height: 46px; font-weight: 600; letter-spacing: 1.5px; color: #2d2e33; } .ECCACTIONPOPUP img { border-radius: 50%; border: 1px solid #cfd0d2; transition: all .2s ease-in-out; display: inline-block; padding: 4px; margin-bottom: 10px; } .ECCACTIONPOPUP .text-danger { color: #da291c; } @media (min-width: 813px) { .card.ECCACTIONPOPUP { width: 70%; position: fixed; z-index: 500; left: 15%; margin: 15px 0px 30px 0px !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); background-color: #f2f2f2; color: #2d2e33 !important; height: 358px; } body:hover .card.ECCACTIONPOPUP { opacity: 0; visibility: hidden; transition: visibility 2s 2s ease-in, opacity 2s 2s ease-in; } .ECCACTIONPOPUP .card-detail { border: 1px solid #8b634b !important; padding: 66px 20px 34px 20px !important; position: relative; bottom: 73px; font-size: 26px !important; margin: 24px !important; font-family: Inter; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .ECCACTIONPOPUP font { font-size: 20px; line-height: 1.75; } .ECCACTIONPOPUP li { } .ECCACTIONPOPUP .card-detail-value { text-align: left; min-width: 50%; max-width: 50%; } .ECCACTIONPOPUP .btn { min-width: 200px !important; margin-top: 30px !important; margin-bottom: 20px !important; } .card.ECCACTIONPOPUP:before { top: 30px !important; left: 29%; position: relative; } } @media (min-width: 882px) { .card.ECCACTIONPOPUP { height: 322px; } .card.ECCACTIONPOPUP:before { left: 30% !important; position: relative; } } @media (min-width: 1030px) { .card.ECCACTIONPOPUP { height: 288px; } .card.ECCACTIONPOPUP:before { left: 35% !important; position: relative; } } @media (min-width: 1330px) { .card.ECCACTIONPOPUP { height: 254px; } .card.ECCACTIONPOPUP:before { left: 37% !important; position: relative; } .ECCACTIONPOPUP .card-detail { height: 208px; } } @media (max-width: 813px) { .ECCACTIONPOPUP .btn { width: 100% !important; margin: 5px 0px !important; } .ECCACTIONPOPUP .card-detail-value { text-align: right !important; } } /*Review My Contact Information Card*/ .card.ECCReviewContact:before { Content: "Review My Information"; font-size: 32px; text-transform: uppercase; font-family: 'Oswald',segoe ui; font-weight: 600; } @media (min-width: 813px) { .card.ECCReviewContact { width: 70vw; position: fixed; top: 18px; z-index: 5000; left: 15%; max-height: 90vh; max-width: 95%; overflow-y: scroll; padding: 20px 100px; margin: 15px 0px 30px 0px !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); } .ECCReviewContact .card-detail { } .ECCReviewContact li { border-bottom: 1px solid #cfd0d2; } .ECCReviewContact .card-detail-value { text-align: left; min-width: 50%; max-width: 50%; line-height: 1.6; } .ECCReviewContact .btn { min-width: 200px !important; margin-top: 30px !important; margin-bottom: 20px !important; } } @media (max-width: 813px) { .ECCReviewContact .btn { width: 100% !important; margin: 5px 0px !important; } .ECCReviewContact .card-detail-value { text-align: right !important; } } /*My Orders*/ .label-info { background-color: #000000; text-transform: uppercase; font-family: Segoe UI, Helvetica, "Helvetica Neue", Arial, sans-serif; } .card.OutstandingOrders td { color: #7d3025; } /*Express Payments*/ .card-detail.card-actions.m-recurring-auto-renew a.btn.btn-lg.btn-secondary.btn-list-button.btn-sm { top: 12px; position: relative; font-size: 10px !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; display: inline-block !important; letter-spacing: 0px; max-width: 100% !important; overflow-wrap: anywhere; white-space: normal; line-height: 13px; padding: 5px 12px 5px 12px !important; } .card-detail.card-actions.m-recurring-auto-renew a.btn.btn-lg.btn-secondary.btn-list-button.btn-sm:hover { background-color: #DA291C !important; } .card-detail.card-actions.m-recurring-auto-renew button.btn.btn-lg.btn-success.btn-list-button.btn-sm.dropdown-toggle.s-lockable { font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; line-height: 22px !important; position: relative; } .card.OrderDetails { display: inline-block; } .m-list-group-select a.list-group-item { display: contents; } .m-list-group-select a.list-group-item.active { background: none !important; color: #222 !important; font-weight: 600; } button.slds-button.slds-button_neutral { text-transform: uppercase !important; border-radius: 16px !important; background-color: #da291c99 !important; border: none !important; color: white !important; text-align: center !important; font-size: 10px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 5px 0px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; min-width: 110px; letter-spacing: 2.5px; font-weight: 700; line-height: 30px; overflow: visible; box-sizing: border-box; padding: 0px 26px; margin-left: 10px !important; margin-right: 10px !important; } button.slds-button.slds-button_neutral:hover, .nu-lightning-wrapper .slds-scope .slds-button.slds-button_neutral:hover { background-color: white !important; color: black !important; border: 1px solid #da291c !important; } .nu-lightning-wrapper .slds-scope .slds-card .slds-p-around_small .slds-rich-text-editor__output span { line-height: 3 !important; font-size: 20px; } lightning-formatted-rich-text.slds-rich-text-editor__output { font-weight: 400 !important; text-transform: none !important; font-size: 16px; } span.slds-radio { margin: 0 !important; width: 100% !important; } .slds-scope .slds-p-bottom_x-small, .slds-scope .slds-p-bottom--x-small { margin-bottom: 14px !important; } /*Order Summary*/ .col-xs-12 { padding: 0; } .col-xs-12.col-md-3.col-lg-3.pull-left { padding: 0px 15px 0px 0px; } .card.m-min-height-address-box.BillTo .card-heading:before { content: "Member "; } /* ECC Connect @media (min-width: 813px) { .ConnectLinks { left: 80%; position: absolute; top: 0px; width: 22%; } .ConnectLinks .btn { width: 242px; margin: 0px !important; } .ConnectLinks .card-heading { font-size: 16px !important; display: none; } }*/ @media (min-width: 813px) { .ECCwdykCount { width: 58%; } .ECCwdykCount { text-align: right !important; margin: 85px 10px 0px 10px !important; padding: 0px !important; } .ECCwdykCount .card-heading { padding: 0px !important; } .ECCwdykCount i.fa.fa-users { width: 160%; } .ECCConnect { width: 77%; } } .ECCwdykCount { text-align: center; } .ECCConnect a.yesButton { background-color: #ffffff00 !important; } .ECCConnect a.noButton { background-color: #dddddd !important; } .ECCConnect a.noButton:hover { background-color: #acacac !important; color: #fff !important; border: 1px solid #acacac !important; } /*Who Do You Know*/ .ECCwdyk.card { text-align: center; padding: 2px 20px 40px 20px !important; margin: 0px 10px 10px 10px !important; border: 2px black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); position: relative; /*top: 40px;*/ } .ECCwdyk .card-heading { font-size: 12px !important; font-weight: 300; } .ECCwdyk img { max-height: 180px; align-items: center; border-radius: 50%; border: 1px solid #cfd0d2; padding: 4px; } .ECCwdyk ul.card-detail img { border-radius: 0; border: 0px solid #cfd0d2; padding: 0px; } .ECCwdyk a:link { color: #da291c !important; overflow-wrap: anywhere; } .ECCwdyk a { color: #da291c !important; text-decoration: underline; } .ECCwdyk a:link:hover { text-decoration: none; color: #112750 !important; } .ECCwdyk li:first-child { font-size: 20px; text-decoration: none; } .ECCwdyk a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { font-size: 20px !important; margin: 10px 20px 0 20px !important; width: 140px; } .ECCwdyk a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { margin: 10px 20px 0 20px !important; color: white !important } .ECCwdyk a.btn.btn-lg.btn-primary.btn-list-button.s-lockable:hover { color: #333 !important; } /*WDYK Grid*/ @media (min-width: 992px) { span.MiddleHeader.two { margin-left: 11% !important; margin-right: 0 !important; } } .ECCwdyk.two a { color: #222 !important; } .ECCwdyk.grid-card { text-align: center; border: 1px black; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 1px 1px 6px 0 rgb(0 0 0 / 12%); position: relative; min-height: 200px; margin: 1.5%; width: 22%; border-radius: 0 !important; height: 340px; min-width: 200px; } .ECCwdyk.grid-card .card-heading img { border: 0px solid #cfd0d2; overflow: hidden !important; object-fit: cover; object-position: top; height: 349px; width: 104.3% !important; border-radius: 0; transition: all 1.5s !important; position: absolute; left: -4px; top: -4px; max-height: 419px; max-width: 110%; pointer-events: none; z-index: 10; font-size: 0; } .ECCwdyk.grid-card:hover .card-heading img { transition: all 1.5s !important; -webkit-filter: none; filter: none; opacity: 0.1 !important; } .ECCwdyk.grid-card .card-heading { min-height: 0 !important; } .ECCwdyk.grid-card .ECCwdyk .card-detail { color: #2226; font-family: Inter, 'Inter', Ariel; transition: all 1.5s !important; } .ECCwdyk.grid-card:hover .ECCwdyk ul.card-detail { color: #222; transition: all 1.5s !important; } .ECCwdyk.grid-card .ECCwdyk .card-detail { text-align: left; } .ECCwdyk.grid-card .ECCwdyk .card-detail li:nth-child(1) { font-family: Bressay; } .ECCwdyk.grid-card .ECCwdyk .card-detail li:nth-child(1n+2) { font-size: 12px; } .ECCwdyk.grid-card .ECCwdyk .card-detail li:nth-child(2):after { content: '/'; display: inline-block; padding-right: 5px; color: #DA291C; font-weight: 900; } .ECCwdyk.grid-card .ECCwdyk .card-detail li:nth-child(3) { font-weight: 600; margin-bottom: 4px; } .ECCwdyk ul.card-detail img { transition: all 1.5s !important; } .ECCwdyk.grid-card:hover .ECCwdyk ul.card-detail img { -webkit-filter: none; filter: none; transition: all 1.5s !important; } .ECCwdyk.grid-card .ECCwdyk .btn-primary { background-color: #da291c !important; border: 1px solid #da291c !important; color: #000000 !important; background: none; letter-spacing: 1px; padding: 0 !important; text-decoration: none !important; color: white !important; } .ECCwdyk.grid-card:hover .btn { } .ECCwdyk.grid-card .ECCwdyk .btn-primary:hover { background-color: transparent !important; text-decoration: none; color: black !important; } .ECCwdyk.grid-card .ECCwdyk .btn.btn-primary.btn-list-button.chosen { background-color: #c6c6c6 !important; border: 1px solid #919191 !important; color: #848484 !important; } .ECCwdyk.grid-card .ECCwdyk .btn.btn-primary.btn-list-button.not-chosen { background-color: #d2d2d2 !important; border: 1px solid white !important; color: #9f9f9f !important; } .ECCwdyk.grid-card .ECCwdyk .btn.btn-primary.btn-list-button.already-connected { /*background-color: #d2d2d2 !important;*/ /*border: 1px solid white !important;*/ /*color: #9f9f9f !important;*/ background-color: transparent !important; border: none !important; color: #8b634b !important; font-size: 20px !important; transition: all 2s cubic-bezier(1, -0.82, 1, 1) !important; font-weight: 800 !important; font-family: 'Oswald' !important; } .ECCwdyk li:nth-child(1) a { text-decoration: none; } .slds-spinner--brand.slds-spinner:after, .slds-spinner--brand.slds-spinner:before, .slds-spinner--brand .slds-spinner__dot-a:after, .slds-spinner--brand .slds-spinner__dot-a:before, .slds-spinner--brand .slds-spinner__dot-b:after, .slds-spinner--brand .slds-spinner__dot-b:before, .slds-spinner_brand.slds-spinner:after, .slds-spinner_brand.slds-spinner:before, .slds-spinner_brand .slds-spinner__dot-a:after, .slds-spinner_brand .slds-spinner__dot-a:before, .slds-spinner_brand .slds-spinner__dot-b:after, .slds-spinner_brand .slds-spinner__dot-b:before { background-color: #da291c !important; } .slds-scope .slds-spinner_container { top: 15px !important; } .slds-scope [kx-scope=button-brand]:hover:before { display: none; } .ECCDonewdyk .btn-secondary { background-image: none; border: 1px solid #da291c !important; font-weight: 300; background-color: #da291c !important; padding: 0; color: white !important; margin-top: 20px !important; margin-bottom: 20px !important; font-size: 12px !important; transition: all 0.5s !important; font-weight: bold; } .ECCDonewdyk .btn-secondary:hover { background-color: white !important; border: 1px solid #da291c !important; color: #222 !important; } .card.ECCConnect.RecentConnections { width: 45%; } .ECCwdyk.grid-card .ECCwdyk .btn.btn-primary.btn-list-button { position: absolute; bottom: 0; margin: 5% 5% !important; left: 0; width: 90%; z-index: 100; } @media (min-width: 813px) { .ECCDonewdyk .btn-secondary { left: 92%; width: 200px; top: 12px; border: none !important; position: relative; } .card.ECCDonewdyk.m-card-no-heading { background: none !important; text-align: center !important; position: relative; bottom: 21px; width: 200px; z-index: 0; left: 70px; height: 30px; } .ECCwdyk.card { position: relative; border-radius: 0; margin: 0px 10% 10px 10% !important; box-shadow: 0 4px 30px 0 rgba(255, 255, 255, 0.5), 1px 1px 8px 0 rgba(255, 255, 255, 0.5) !important; } } @media (min-width: 992px) { .ECCDonewdyk .btn-secondary { left: 124%; width: 200px; top: 12px; border: none !important; position: relative; } .card.ECCDonewdyk.m-card-no-heading { background: none !important; text-align: center !important; position: relative; bottom: 21px; width: 200px; z-index: 0; left: 117px; height: 30px; } .ECCwdyk.card { margin: 0px 15% 10px 15% !important; } } @media (min-width: 1198px) { .ECCDonewdyk .btn-secondary { left: 152%; width: 200px; top: 12px; border: none !important; position: relative; } .card.ECCDonewdyk.m-card-no-heading { background: none !important; text-align: center !important; position: relative; bottom: 21px; width: 200px; z-index: 0; left: 161px; height: 30px; } .ECCwdyk.card { margin: 0px 25% 10px 25% !important; } } .col-sm-offset-3.col-sm-6 .m-paging-nav.text-center { color: #333 !important; /*border-radius: 10px;*/ right: 8%; position: relative; margin: 0 10px; /*font-size: 16px;*/ /*mix-blend-mode: difference !important;*/ z-index: 100; /*top: 28px;*/ font-style: italic; } /*Connect - Review My Card*/ @media (min-width: 813px) { .ECCmywdyk.card { position: relative; border-radius: 0; } form#j_id0\:j_id2\:j_id3\:j_id4\:j_id177 .alert { /* width: 120%; */ right: 50px; position: relative; } } .ECCmywdyk.card { padding: 2px 20px 100px 20px !important; margin: 15px 0px 10px 0px !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); } .ECCmywdyk.preferences { padding: 2px 20px 20px 20px !important; } .ECCmywdyk img { max-height: 180px; align-items: center; } .ECCmywdyk ul.card-detail img { border-radius: 0; border: 0px solid #cfd0d2; padding: 0px; } .ECCmywdyk a:link { text-decoration: none; } .ECCmywdyk a { color: #000000 !important; font-size: 24px; } .ECCmywdyk li:first-child img { font-size: 24px; margin: 0px 5px 15px 5px !important; border-radius: 50%; border: 0px solid #cfd0d2; padding: 4px; height: 180px; width: 180px; object-fit: cover; } .ECCmywdyk li:nth-child(2) { font-family: Bressay; font-size: 24px; text-decoration: none; margin-bottom: 10px !important; } .ECCmywdyk li:nth-child(3) { font-size: 14px; margin: 0 !important; line-height: 13px; } .ECCmywdyk a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { font-size: 20px !important; margin: 10px 20px 0 20px !important; width: 140px; } .ECCmywdyk a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { font-size: 20px !important; margin: 10px 20px 0 20px !important; width: 140px; color: white !important } .ECCmywdyk ul.card-detail { padding: 5% 5% !important; border: 2px black !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); margin: 10px 2% !important; border-radius: 0px; text-align: center; } @media (min-width: 813px) { .ECCmywdyk ul.card-detail { margin: 0px 30% !important; } .ECCmywdykbuttons.card { right: -5%; position: relative; background: none; bottom: 80px; width: 92%; } .ECCmywdykbuttons .btn { margin: 0px 10% !important; right: 0%; position: relative; } .ECCmywdykbuttons .pull-right { right: 5%; position: relative; } } .ECCeditmywdyk { padding: 0 20px !important; padding-bottom: 12px !important; } .ECCeditmywdyk .card-heading a { display: none; } .ECCeditmyPAmiddle span.card-detail-value.l-break-word b i { font-weight: 200 !important; text-decoration: none !important; font-style: normal !important; font-size: 14px; } @media (min-width: 813px) { .ECCeditmywdyk.card { position: relative; width: 400px !important; min-width: 200px; margin: 0 calc((100% - 400px)/2) 0px calc((100% - 400px)/2); border-radius: 0; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 1px 1px 6px 0 rgb(0 0 0 / 12%); z-index: 1; } } .ECCeditmywdyk .m-profile-img-container:after, .ECCMyProfilePhoto .m-profile-img-container:after { Content: "Click Photo to Update"; font-style: italic; width: 100%; display: block; font-size: 10px; } .ECCeditmywdyk img, .ECCMyProfilePhoto img { max-height: 120px; align-items: center; margin: 16px 0 0 0; border-radius: 0; max-width: 100px !important; } .ECCeditmywdyk .col-md-3 { width: 100% !important; margin-left: 10%; } .ECCeditmywdyk .col-md-9 { width: 0% !important; } .ECCeditmywdyk .fa-4x, .ECCMyProfilePhoto .fa-4x { font-size: 5em; } .ECCeditmywdyk .fa-2x, .ECCMyProfilePhoto .fa-2x { font-size: 3em; color: #da291c !important; } .modal-content { top: 200px; } .ECCeditmywdyk .m-profile-img-container { position: relative; overflow: hidden; max-width: 100%; text-align: center; margin: 0 auto; width: 100%; } .ECCeditmyPAmiddle.grey .card-heading, .ECCeditmyPAmiddle .card-heading { display: none; } .ECCeditmyPAmiddle.grey label.card-detail-label, .ECCeditmyPAmiddle.grey span.card-detail-value.l-break-word b i { font-size: 12px !important; } .ECCeditmyPAmiddle .col-md-offset-9 { margin-left: 71%; bottom: 5px; } .ECCeditmyPAmiddle .col-md-8.m-control-value, .ECCeditmywdykBottom .col-md-8.m-control-value { padding-right: 0 !important; } .ECCeditmyPAmiddle .btn { line-height: 22px; padding: 0 0 0 0 !important; min-width: 90px; } .ECCeditmywdykBottom label.col-md-4.control-label, .ECCeditmyPAmiddle label.col-md-4.control-label { font-size: 12px !important; } .ECCeditmywdykBottom .form-control, .ECCeditmyPAmiddle .form-control { font-size: 12px; padding: 5px 5px 4px 5px; height: 26px; } .ECCeditmywdykBottom .form-group, .ECCeditmyPAmiddle .form-group { margin: 0px 0px 4px 0px !important; } .ECCeditmyPAmiddle .form-horizontal { padding: 0px 0px 4px 0px !important; } @media (min-width: 813px) { .ECCeditmyPAmiddle.card { position: relative; z-index: 1; } } .ECCeditmyPAmiddle.card { padding: 0px 20px 0px 20px !important; width: 400px !important; min-width: 200px; margin: 0 calc((100% - 400px)/2) 0px calc((100% - 400px)/2); border-radius: 0; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 12%), 1px 2px 3px 0 rgb(0 0 0 / 12%); } .ECCeditmyPAmiddle.grey { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 1px 2px 1px 0 rgb(0 0 0 / 12%); } .card.ECCeditmyPAmiddle.OtherCurrentAffiliations .btn { position: initial; } .card.ECCeditmyPAmiddle.SearchResults .btn { position: initial; } .card.ECCeditmyPAmiddle.PastAffiliations .btn { position: initial; } .card.ECCeditmyPAmiddle.m-card-no-heading p { position: relative; top: 7px; width: 100%; left: -5px; font-size: 12px; line-height: 1.2; margin: 0 !important; } .ECCeditmywdykBottom .col-md-offset-9.text-right.col-md-3 { margin-left: 65%; } } @media (min-width: 992px) { } @media (min-width: 1198px) { .card.ECCeditmyPAmiddle.OtherCurrentAffiliations .btn { position: initial; } .card.ECCeditmyPAmiddle.SearchResults .btn { position: initial; } .card.ECCeditmyPAmiddle.PastAffiliations .btn { position: initial; } } .card.ECCeditmyPAmiddle.SearchResults { background-color: #fdfdfd; } .card.ECCeditmyPAmiddle.Edit { background-color: #fdfdfd; } .card.ECCeditmyPAmiddle.m-card-no-heading { background-color: #fdfdfd; } /*.ECCeditmywdykBottom .form-group:first-child { padding-top: 20px; }*/ .ECCeditmyPAmiddle.Edit .card-heading { visibility: hidden; padding: 0 !important; } .ECCeditmyPAmiddle.Edit li { border-radius: 0px; } .ECCeditmyPAmiddle.Edit li.search-field { background-color: transparent; } .card.ECCeditmyPAmiddle.OtherCurrentAffiliations { background-color: #fdfdfd; } .card.ECCeditmyPAmiddle.PastAffiliations { background-color: #fdfdfd; } .ECCeditmyPAmiddle.grey { background-color: transparent !important; position: absolute; height: 29px; z-index: 3; width: 11px !important; min-width: 20px; right: 0; padding: 0 !important; cursor: pointer; box-shadow: none !important; } .ECCeditmyPAmiddle.grey.m-card-no-heading p { position: unset; color: #da291c; padding: 4px; background-color: transparent !important; font-size: 14px; font-weight: 700; } .ECCeditmyPAmiddle.grey.m-card-no-heading:after { content: "If you are unable to find your company, click the Create New Company button to manage your affiliations and to add a new company."; position: absolute; width: 300px !important; max-width: 300px !important; top: -25px; left: 28px; font-family: inter; font-size: 12px; font-style: italic; opacity: 0; transition: all 2s; } .ECCeditmyPAmiddle.grey.m-card-no-heading:hover:after { opacity: 1; } .ECCeditmyPAmiddle.grey .btn { line-height: 22px; padding: 0px 12px 0 12px !important; min-width: 90px; right: -168px !important; position: absolute; z-index: 2; bottom: -30px; opacity: 0; } .ECCeditmyPAmiddle.grey:hover .btn { opacity: 1; } @media (min-width: 813px) { .ECCeditmywdykBottom.card { position: relative; background-color: #fdfdfd; z-index: 1; } .ECCeditmywdykBottom.card { padding: 0px 20px 20px 20px !important; width: 400px !important; min-width: 200px; margin: 0 calc((100% - 400px)/2) 0px calc((100% - 400px)/2); border-radius: 0; box-shadow: 0 8px 8px 0 rgb(0 0 0 / 12%), 1px 1px 0px 0 rgb(0 0 0 / 12%); } } .ECCeditmywdykBottom.card { padding: 0px 20px 20px 20px !important; } .ECCeditmyPAmiddle .form-group { margin: 10px 0px 0px 0px; } .ECCeditmywdyk .form-group { margin: 10px 0px 0px 0px; } .ECCeditmywdykBottom .card-heading { padding: 0; } .WelcomeToECCConnect { margin-left: 52% !important; position: relative; background: transparent !important; padding-bottom: 6px !important; z-index: 1; } .WelcomeToECCConnect .card-heading:before { content: "One-on-One Member Connections"; display: block; font-family: 'Inter'; font-weight: 1000; font-size: 15px; color: #8b634b; letter-spacing: 2px; margin-top: 39px; } .WelcomeToECCConnect a.btn.btn-lg.btn-primary.s-lockable { } .WelcomeToECCConnect .card-heading { font-weight: 700 !important; font-family: 'oswald'; font-size: 42px !important; color: black !important; } .card.ECCComAck.ECCCon.m-card-no-heading { width: 48%; min-width: 165px; margin-left: 52%; position: relative; margin-right: 0px; z-index: 1; margin-bottom: 10px !important; border-bottom: 1px solid black !important; box-shadow: none !important; } .ECCComAck.ECCCon .card-detail { background: white !important; padding: 13px !important; min-height: 20px; color: black !important; line-height: 1.2; font-family: inter; font-size: 14px; min-height: 40px; padding-left: 12% !important; } .ECCComAck.ECCCon h1 { color: rgb(139 99 75) !important; font-weight: 800; font-size: 51px; margin: 0; text-align: left; font-family: oswald; position: absolute; left: 4%; } .ECCComAck.ECCCon h2 { color: black !important; font-family: Bressay; font-style: normal; text-transform: none; font-size: 18px !important; border: none !important; padding: 0 !important; margin: 6px 0px 0 0 !important; text-align: left; font-weight: 800; width: 86%; } .ECCComAck.ECCCon h3 { font-size: 12px; color: #7a7a7a; text-transform: none; font-style: italic; font-weight: 100; margin-top: 4px; padding-bottom: 14px; } .card.ECCO4.m-card-no-heading { margin-left: 52%; position: relative; background-color: transparent !important; width: 43%; z-index: 1; } /*.col-sm-12 { overflow: hidden; }*/ .ECCOptInButton { background-color: transparent !important; z-index: 1; position: relative; margin-left: 52% !important; } .ECCOptInButton .btn:hover { background-color: transparent !important; } .ECCMembersPhotoScroll .card-heading { padding: 0 !important; } @-webkit-keyframes scrollthempics { 0% {transform: translate(0px, -2500px);} 20% {transform: translate(0px, -2000px);} 33% {transform: translate(0px, -1500px);} 53% {transform: translate(0px, -1000px);} 80% {transform: translate(0px, -2000px);} 100% {transform: translate(0px, -2500px);} } @keyframes scrollthempics { 0% {transform: translate(0px, -2500px);} 20% {transform: translate(0px, -2000px);} 33% {transform: translate(0px, -1500px);} 53% {transform: translate(0px, -1000px);} 80% {transform: translate(0px, -2000px);} 100% {transform: translate(0px, -2500px);} } .ECCMembersPhotoScroll img { display: inline-block; float: left; padding: 0 !important; margin: 0 !important; overflow: hidden !important; position: relative; bottom: 608px; transform: translate(-300px, 8px); z-index: -1; -webkit-filter: grayscale(100%); filter: grayscale(100%); right: 17vw; } .ECCMembersPhotoScroll img { -webkit-animation-name: scrollthempics; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 150s; animation-name: scrollthempics; animation-iteration-count: infinite; animation-duration: 150s; } .ECCMembersPhotoScroll { max-height: 0px !important; padding: 0 !important; margin: 0 !important; display: inline-table; z-index: 0; background-color: transparent !important; float: left; } .card.MostRecentMatch a { background-color: #ffffff00 !important; text-decoration: none; } .card.MostRecentMatch { padding: 2px 20px 20px 20px !important; border: 2px black !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); } .MostRecentMatch a.btn.btn-lg.btn-secondary.btn.btn-sm.btn-secondary { BACKGROUND-COLOR: #ddd !important; } .PreferencesAndMatchHistory { margin: 40px 0px 30px 0px !important; } @media (min-width: 813px) { .ECCGuideBorder { padding: 2px 20px 20px 20px !important; margin: 15px 0px 10px 0px !important; border-radius: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); position: relative; } } .ECCBorder.card { padding: 2px 20px 20px 20px !important; margin: 15px 0px 30px 0px; border: 2px black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); border-radius: 0px; } @media (min-width: 813px) { .ECCBorder.card { position: relative; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .ECCConnectPick .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute !important; top: 4px !important; right: 13px !important; display: block !important; width: 20px !important; height: 20px !important; background: url(https://icon-library.net/images/x-png-icon/x-png-icon-25.jpg) no-repeat !important; font-size: 1px !important; background-size: 24px !important; } } .ECCActionNoticeWhite.ECCRightWhite { width: 47%; border-radius: 0; } .ECCActionNoticeWhite.ECCRightWhite .card-detail, .ECCActionNoticeWhite.ECCRightWhite .card-detail font { color: black !important; font-size: 12px !important; font-family: 'Inter'; letter-spacing: 1.0px; line-height: 1.4; font-weight: 500; } .ECCButtonsLeft.WelcomeBack .pull-left .btn-primary:after { content: "See who is currently participating in ECC Connect and you can even tell us who you would prefer to connect with (although this is not required). Selecting 'Prefer To Connect' with members will not guarentee that you are connected but it will greatly increase the chances that you are connected during months when you are both available."; font-family: Bressay; font-style: italic; color: transparent; transition: all 1s !important; position: absolute; text-transform: none; font-weight: 400; left: 43%; overflow: visible; width: 50%; white-space: normal; text-align: left; height: min-content !important; line-height: 1.5; letter-spacing: 1px; font-size: 14px; pointer-events: none; z-index: 10; } .ECCButtonsLeft.WelcomeBack .pull-left .btn-primary:hover::after { color: black; background-color: #f2f2f2 !important; display: inline-block; transition: all 1s !important; padding: 10px; border: 1px solid #da291c; } .ECCButtonsLeft.WelcomeBack .btn-primary:hover { transition: all 4s !important; background: linear-gradient(to left, #f2f2f2 50%, #da291c 50%) right; background-size: 200% 100%; } .ECCNMBS.COM.CON .btn-primary:after, .ECCNMBS.COM.CON .btn-secondary:after { content: "Click 'We Met' if you were able to connect with this member. This will move this connection to your 'Past Connections' list on this page."; font-family: Bressay; font-style: italic; color: transparent; transition: all 1s !important; position: absolute; text-transform: none; font-weight: 400; left: 15%; overflow: visible; width: 87%; white-space: normal; text-align: left; height: min-content !important; line-height: 1.5; letter-spacing: 1px; font-size: 14px; transform: translate(0px, -169px); top: 0px; pointer-events: none; } .ECCNMBS.COM.CON .btn-primary:hover::after, .ECCNMBS.COM.CON .btn-secondary:hover::after { color: black; background-color: #f2f2f2 !important; display: inline-block; transition: all 1s !important; padding: 10px; border: 1px solid #da291c; } .ECCNMBS.COM.CON .btn-primary:after { content: "Click 'We Met' if you were able to connect with this member. This will move this connection to your 'Past Connections' list on this page."; } .ECCNMBS.COM.CON .btn-secondary:after { content: "Click 'We Did Not Meet' if you were NOT able to connect with this member. This will remove this connection and re-enter them into your connection pool."; } .ECCNMBS.COM.CON a.btn.btn-lg.btn-secondary.btn-list-button { padding: 0px 20px !important; line-height: 20px !important; max-width: 210px !important; width: 160px !important; min-width: 160px !important; text-transform: uppercase !important; border-radius: 16px !important; background-color: #ffffff !important; border: 1px solid #da291c !important; color: #000 !important; text-align: center !important; font-size: 10px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 5px 0px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; letter-spacing: 2.5px; font-weight: 700; overflow: visible; box-sizing: border-box; pointer-events: all !important; } .ECCNMBS.COM.CON a.btn.btn-lg.btn-secondary.btn-list-button:hover { background-color: #f2f2f2 !important; color: black !important; transition: all 4s !important; background: linear-gradient(to left, #f2f2f2 50%, white 50%) right; background-size: 200% 100%; } .ECCNMBS.COM.CON .btn-primary:hover { transition: all 4s !important; background: linear-gradient(to left, #f2f2f2 50%, #da291c 50%) right; background-size: 200% 100%; } .card.ECCNMBS.COM.InCon:after { height: 36px !important; width: 36px !important; background: transparent url(https://cdn-icons-png.flaticon.com/512/2391/2391810.png) no-repeat !important; background-size: cover !important; display: inline-block; right: 6px !important; content: ""; position: absolute !important; bottom: 6px !important; } .card.ECCNMBS.COM.InCon { /*box-shadow: 3px 5px 10px 1px rgb(170 146 168), 1px 1px 10px 1px rgb(125 130 103) !important;*/ box-shadow: #ffffff 0px 0px 18px 4px, #999999 7px 5px 16px 0px; } .card.ECCNMBS.COM.InCon .col-lg-5 { width: 100% !important; overflow: hidden !important; bottom: 1px; left: 25px; overscroll-behavior: none !important; z-index: 20 !important; height: 80px; } .card.ECCNMBS.COM.InCon .card-detail.card-actions.m-overflow-auto { overflow: hidden !important; z-index: 100 !important; position: absolute; height: 80px; } .card.ECCNMBS.COM.InCon a.btn.btn-lg.btn-primary.btn-list-button.s-lockable:hover { color: #8b634b !important; } .card.ECCNMBS.COM.InCon a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { background-color: transparent !important; border: none !important; color: transparent !important; z-index: 0 !important; position: relative; bottom: 6px; left: 0px; height: 32px !important; width: 100% !important; white-space: normal; line-height: 1; text-align: right !important; padding: 0px 48px 0px 38px !important; } .card.ECCNMBS.COM.InCon a.btn.btn-lg.btn-secondary.btn-list-button { background-color: transparent !important; border: none !important; color: transparent !important; z-index: 0 !important; position: relative; bottom: -1px; left: 0px; height: 32px !important; width: 100% !important; white-space: normal; line-height: 1; text-align: right !important; padding: 0px 48px 0px 35px !important; font-size: 10px !important; font-family: inter !important; pointer-events: all !important; cursor: pointer !important; } .card.ECCNMBS.COM.InCon a.btn.btn-lg.btn-secondary.btn-list-button:hover { color: #8b634b !important; } .card.ECCNMBS.COM.InCon a.btn.btn-lg.btn-secondary.btn-list-button:hover::after { background-color: #ffffffe8 !important; color: black !important; } .card.ECCNMBS.COM.InCon a.btn.btn-lg.btn-secondary.btn-list-button:after { content: "You must first enroll in ECC Connect to set your connection preferences with this member."; position: absolute; text-transform: none; bottom: -40px; left: 0px; width: 100%; pointer-events: none; letter-spacing: 0; font-weight: 400; font-style: italic; z-index: -1; font-size: 11px; padding: 5px; } .card.ECCNMBS.COM.InCon .col-sm-5.col-lg-7 { width: 100% !important; } .ECCConnectPick .search-choice { font-size: 20px; width: 100%; line-height: 23px !important; } .ECCConnectPick .col-md-8.m-control-value { width: 100%; } .ECCConnectPick .chosen-container-multi .chosen-drop .result-selected { display: none !important; } .ECCConnectPick .col-md-4.control-label { width: 100%; text-align: center; } .ECCConnectPick input.default { display: none; } .ECCConnectPick ul.chosen-choices:after { content: "Click here to see available months"; font-size: 16px; font-style: italic; cursor: pointer; width: 100%; display: inline-block; position: relative; text-align: center; border: 1px solid #DA291C; transition: 1s; border-radius: 40px; } .ECCConnectPick ul.chosen-choices:hover:after { background: #DA291C; color: white !important; transition: 1s; } .ECCConnectPick li.search-field { cursor: pointer; width: 105%; position: relative; left: -5%; display: contents; transition: 1s; } /* old selection boxes .ECCConnectPick .chosen-container-multi .chosen-drop .result-selected { color: #ccc !important; display: inline-block !important; cursor: not-allowed; margin: 5px 0px 7px 6px !important; padding: 40px 0px 40px 0px !important; border-radius: 0px !important; background-color: white !important; background-image: none !important; transition: 1s; border: solid 1px #ccc; width: 23.5%; min-height: 100px; overflow-wrap: normal; text-align: center; font-size: 14px !important; text-transform: uppercase; } .ECCConnectPick .chosen-container-multi .chosen-drop li.active-result { padding: 40px 0px 40px 0px !important; width: 23.5%; min-height: 100px; overflow-wrap: normal; text-align: center; font-size: 14px !important; text-transform: uppercase; } .ECCConnectPick .chosen-container-multi .chosen-choices li.search-choice { padding: 40px 0px 40px 0px !important; width: 23.5% !important; min-height: 100px; overflow-wrap: normal; text-align: center; font-size: 14px !important; text-transform: uppercase; }*/ /* calendar picklist*/ .ECCConnectPick .chosen-container-multi .chosen-drop li.active-result { padding: 28px 0px 32px 0px !important; width: 23.5%; min-height: 100px; overflow-wrap: normal; text-align: center; font-size: 18px !important; border: 10px solid #262626 !important; border-radius: 28px !important; font-family: 'Oswald'; text-transform: uppercase; min-width: 110px !important; margin: 4px 1.5% 20px 0 !important; } .ECCConnectPick .chosen-container-multi .chosen-drop li.active-result:before { content: "2022/2023"; position: relative; width: 102% !important; border-radius: 0px; left: -1%; background: #262626; height: 22px; top: -30px; display: inline-block; color: white; font-size: 14px; } .ECCConnectPick .chosen-container .chosen-results li.active-result:hover { color: #da291c !important; background-color: #f4f4f4 !important; } .ECCConnectPick .chosen-container-multi .chosen-choices li.search-choice { width: 23.5% !important; padding: 28px 0px 32px 0px !important; min-height: 100px; overflow-wrap: normal; text-align: center; font-size: 18px !important; border: 10px solid #262626 !important; border-radius: 28px !important; font-family: 'Oswald'; text-transform: uppercase; min-width: 100px !important; margin: 4px 1.5% 20px 0 !important; } .ECCConnectPick .chosen-container-multi .chosen-choices li.search-choice:before { content: "2022/2023"; position: relative; width: 102% !important; border-radius: 0px; left: -1%; background: #262626; height: 22px; top: -30px; display: inline-block; color: white; font-size: 14px; } .ECCConnectPick .chosen-container-multi .chosen-drop .result-selected { color: #ccc !important; display: inline-block !important; cursor: not-allowed; margin: 5px 0px 7px 6px !important; background-color: white !important; background-image: none !important; transition: 1s; border: solid 10px #ccc; width: 22.5% !important; padding: 28px 0px 32px 0px !important; min-height: 100px; overflow-wrap: normal; text-align: center; font-size: 18px !important; border-radius: 28px !important; font-family: 'Oswald'; text-transform: uppercase; min-width: 100px !important; margin: 4px 1.5% 20px 0 !important; } li.result-selected:before { content: "2022/2023"; position: relative; width: 102% !important; border-radius: 0px; left: -1%; background: #ccc; height: 22px; top: -30px; display: inline-block; color: white; font-size: 14px; } .ECCConnectPick a.search-choice-close { position: absolute !important; top: 25px !important; right: 25% !important; display: block !important; width: 60px !important; height: 60px !important; background: url(https://econclubchi--c.na88.content.force.com/servlet/servlet.ImageServer?id=0151Y00000GQrLC&oid=00DF00000006CWk&lastMod=1579633630000) no-repeat !important; font-size: 1px !important; background-size: 70px !important; opacity: 0; } .ECCConnectPick .chosen-results:before { content: "Months Available for Matching"; text-align: center; font-family: Inter, Segoe UI, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px !important; padding: 15px 0px 0px 0px !important; font-weight: 600 !important; color: #333; width: 100%; display: inline-block; opacity: 0; transition: 1s; } .ECCConnectPick .chosen-drop:hover .chosen-results:before { opacity: 1; transition: 1s; } .ECCConnectPick .chosen-container .chosen-drop { border: none; box-shadow: none; } .ECCConnectPick .chosen-container-multi .chosen-choices { border: none !important; box-shadow: none !important; } .ECCConnectPick.card { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 1px 1px 6px 0 rgb(0 0 0 / 12%); padding: 2px 20px 20px 20px !important; border-radius: 0px; } .ECCGuideBorder { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 1px 1px 6px 0 rgb(0 0 0 / 12%); padding: 2px 20px 20px 20px !important; border-radius: 0px; margin-bottom: 20px !important; } @media (min-width: 813px) { .ECCConnectPick.card { padding: 2px 20px 20px 20px !important; border-radius: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 1px 6px 0 rgba(0, 0, 0, 0.12); position: relative; margin-bottom: 30px; } /* .ECCConnectPick ul.chosen-choices { width: 50%; left: 25%; text-align: center; }*/ .ECCConnectPick.card .chosen-drop { /*width: 50% !important;*/ /*left: 25% !important;*/ /*position: relative !important;*/ background-color: white !important; border: 1px solid #DA291C; padding: 3%; } .ECCConnectPick.card ul.chosen-results { position: relative !important; height: fit-content; overflow-x: visible; max-height: none; } } @media (max-width: 813px) { .card.ECCNMBS.COM.CON .col-lg-5 a.btn { width: fit-content !important; } .ECCNMBS.COM.CON .col-lg-5 { width: 50% !important; } } .card.ECCNMBS.COM.CON { margin-bottom: 20px; } .card.ECCNMBS.COM.CON .card-detail.card-actions.m-overflow-auto { overflow: visible !important; } .ECCNMBS.COM.CON .col-lg-5 { width: 100% !important; transform: translate(-8%, 190px); } .ECCNMBS.COM.CON li:nth-child(1n + 2) { font-size: 12px; transform: translate(8px, 36px); -webkit-transform: translate(8px, 36px); } .ECCNMBS.COM.CON a.btn.btn-lg.btn-primary.btn-list-button { padding: 0px 20px !important; line-height: 20px !important; max-width: 210px !important; width: 160px !important; margin: 2px 2px !important; min-width: 160px !important; } .ECCNMBS.COM:hover li:nth-child(1) { z-index: -1 !important; } .card.ECCComHead.CON.m-card-no-heading { padding-top: 70px !important; } .card.ECCComHead.ECCGrayWidescreen.m-card-no-heading { padding: 23px calc((-1158px + 100vw)/2) 8px calc((-1138px + 100vw)/2) !important; width: calc(100vw - 2px) !important; left: calc((100% - 100vw)/2); z-index: 200; background-color: #f2f2f2 !important; position: absolute; border-radius: 0 !important; transform: translate(0px,-46px); } @media (min-width: 1524px) { .card.ECCComHead.ECCGrayWidescreen.m-card-no-heading { width: calc(100vw - 2px) !important; } } /*My Committees*/ @media (max-width: 450px) { .ECCCommittees { width: 98% !important; } } .ECCCommittees { float: left; width: 22%; height: 200px !important; margin: 1.5% 1.5% 1.5% 1.5% !important; display: inline-block !important; position: relative; background-color: #f8f8f8 !important; min-width: 200px; } .ECCCommittees .row { height: 200px; position: absolute; bottom: 0px; left: 0px; width: 100%; } .ECCCommittees .card-heading { position: absolute; top: 0px; left: 0px; width: 100%; font-family: 'Oswald'; font-size: 25px !important; text-align: center; height: 200px; display: flex; align-content: center; flex-wrap: wrap; padding: 0px 14% !important; justify-content: center; transition: all 1.8s ease; transition-delay: 1s !important; } .ECCCommittees:hover .card-heading { opacity: 0; transition: all 1.8s ease; } .ECCCommittees .card-detail.m-card-detail-striped { opacity: 0; position: relative; top: 0px; left: 0px; width: 100%; line-height: 1.2; text-align: center; height: 200px; display: flex; align-content: center; flex-wrap: wrap; padding: 0px 12px !important; transition: all 0.8s ease; } .ECCCommittees:hover .card-detail.m-card-detail-striped { transition-delay: 1.8s !important; opacity: 1; transition: all 2.8s ease; } .ECCCommittees .col-xs-12 { width: 100% !important; height: 200px !important; bottom: 0px; left: 0px; opacity: 1; margin-right: 0px; transition: width 1s ease, opacity 1.8s ease; position: absolute; } .ECCCommittees .card-detail.card-actions.m-overflow-auto { position: absolute; width: 100% !important; height: 200px !important; bottom: 0px; left: 0px; opacity: 0; margin-right: 0px; transition: width 1s ease, opacity 1.8s ease; overflow: visible; } .ECCCommittees .card-detail.card-actions.m-overflow-auto .pull-right { position: absolute; width: 100% !important; height: 200px !important; bottom: 0px; left: 0px; opacity: 1; margin-right: -1px; transition: width 1s ease, opacity 1.8s ease; } .ECCCommittees .card-detail.card-actions.m-overflow-auto .pull-right a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { width: 100% !important; height: 200px; position: absolute; background: none !important; top: -5px; left: 0; border-radius: 0 !important; border: none !important; color: transparent !important; z-index: 15 !important; } .ECCCommittees:hover .card-detail.card-actions.m-overflow-auto { z-index: 9 !important; border: 1px solid black !important; transition: opacity 1s ease; opacity: 1; } .ECCCommittees:hover .card-detail.card-actions.m-overflow-auto:before { transition: height 1.2s ease, opacity 0.3s ease; height: 85%; opacity: 1; } .ECCCommittees .card-detail.card-actions.m-overflow-auto:before { width: calc(100% + 2px); height: 100%; z-index: 11; transition: height 0.2s ease, opacity 0.8s ease; border-left: 2px solid #dbdbdb; border-right: 2px solid #dbdbdb; } .ECCCommittees .card-detail.card-actions.m-overflow-auto:before, .ECCCommittees .card-detail.card-actions.m-overflow-auto:after { content: ""; display: inline-block; position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); animation-iteration-count: 1; transform-origin: 50% 50%; opacity: 0; } .ECCCommittees:hover .card-detail.card-actions.m-overflow-auto:after { transition: width 0.5s ease, opacity 0.3s ease; width: 85%; opacity: 1; } .ECCCommittees .card-detail.card-actions.m-overflow-auto:after { height: calc(100% + 2px); width: 100%; z-index: 0; transition: width 0.2s ease, opacity 0.8s ease; border-top: 2px solid #dbdbdb; border-bottom: 2px solid #dbdbdb; } /*My Candidates*/ .card.ECCCandBack.m-card-no-heading { background: none !important; margin-top: 70px; width: 100% !important; clear: both; padding-top: 70px !important; } @media (min-width: 813px) { .ECCMRosterButtons a.btn.btn-lg.btn-secondary { margin-right: 5px !important; letter-spacing: 1px; } .ECCMRosterButtons .m-margin-separation { margin: 2px 0px; } } @media (min-width: 813px) { .card.ECCMRosterButtons.m-card-no-heading { right: 57%; position: absolute; top: 130px; width: 78%; } .ECCMSCButtonsRight a.btn.btn-lg.btn-secondary { font-size: 11px !important; margin: 5px 5px !important; min-width: 85px; letter-spacing: 1px; padding: 0px 15px; } .card.ECCMSCButtonsRight.m-card-no-heading { right: 57%; position: absolute; top: 130px; width: 78%; } .ECCMSCButtonsRight .m-margin-separation { margin: 2px 0px; } .ECCLeftMSC { right: 57%; position: absolute; top: 0px; width: 78%; } .card.ECCMSCSearch { left: 45%; position: relative; width: 58%; } .ECCMSCSearch .card-heading { padding: 0px !important; font-size: 18px !important; margin: 10px 0px 0px 18px; } .ECCMSCSearch a { display: none; } .card.ECCMSCSearch.Search.Collapse { border: 1px solid #0c083c !important; border-radius: 4px; padding: 0px !important; } .card.ECCMSCSearch { border: 1px solid #838282 !important; border-radius: 0px; padding: 0px !important; } .ECCMSCSearch .form-control { margin: 0px 10px; width: 94%; padding: 2px 15px; height: 25px; } .ECCMSCSearch label.col-md-4.control-label { padding: 0px 0px 0px 10px !important; } .ECCMSCSearch .card-detail { line-height: 15px !important; } .ECCMSCSearch .btn { margin: 0px 29px !important; } .card.ECCMSCCandidates { width: 138%; position: relative; right: 35%; } .ECCMSCCandidates th { position: sticky; position: -webkit-sticky; top: 41px; background-color: #ccc; padding: 0px 5px 5px 5px !important; border: none; z-index: 20; } .ECCMSCCandidates td:nth-child(6) { min-width: 100px; } .ECCMSCCandidates td:nth-child(5) { min-width: 100px; } .ECCMSCCandidates td:nth-child(4) { min-width: 100px !important; } .ECCMSCCandidates td:nth-child(3) { min-width: 150px !important; } .ECCMSCCandidates td:nth-child(2) { min-width: 150px; } .ECCMSCCandidates td:nth-child(1) { min-width: 150px !important; } .ECCMSCCandidates button.btn.btn-lg.btn-secondary.btn.btn-sm.btn-secondary.dropdown-toggle.s-lockable { padding: 0 15px; } } @media (min-width: 992px) { .card.ECCMRosterButtons.m-card-no-heading { right: 57%; position: absolute; top: 130px; width: 78%; } .ECCMSCButtonsRight a.btn.btn-lg.btn-secondary { } .card.ECCMSCButtonsRight.m-card-no-heading { right: 71.5%; position: absolute; top: 130px; width: 64%; } .ECCMSCButtonsRight .m-margin-separation { margin: 2px 0px; } .ECCLeftMSC { right: 70%; position: absolute; top: 0px; width: 65%; } .card.ECCMSCSearch { left: 30%; position: relative; width: 70%; } .ECCMSCSearch .card-heading { padding: 0px !important; font-size: 18px !important; margin: 10px 0px 0px 18px; } .ECCMSCSearch a { display: none; } .card.ECCMSCSearch.Search.Collapse { border: 1px solid #0c083c !important; border-radius: 4px; padding: 0px !important; } .ECCMSCSearch .form-control { margin: 0px 10px; width: 94%; padding: 2px 15px; height: 25px; } .ECCMSCSearch label.col-md-4.control-label { padding: 0px 0px 0px 10px !important; } .ECCMSCSearch .card-detail { line-height: 15px !important; } .card.ECCMSCCandidates { width: 138%; position: relative; right: 35%; } .ECCMSCCandidates th { position: sticky; position: -webkit-sticky; top: 41px; background-color: #ccc; padding: 0px 5px 5px 5px !important; border: none; z-index: 20; } .ECCMSCCandidates td:nth-child(6) { min-width: 125px; } .ECCMSCCandidates td:nth-child(5) { min-width: 125px; } .ECCMSCCandidates td:nth-child(4) { min-width: 125px !important; } .ECCMSCCandidates td:nth-child(3) { min-width: 175px !important; } .ECCMSCCandidates td:nth-child(2) { min-width: 175px; } .ECCMSCCandidates td:nth-child(1) { min-width: 175px !important; } } @media (min-width: 1110px) { .card.ECCMRosterButtons.m-card-no-heading { right: 63%; position: absolute; top: 130px; width: 78%; } .ECCMSCButtonsRight a.btn.btn-lg.btn-secondary { } .card.ECCMSCButtonsRight.m-card-no-heading { right: 61.5%; position: absolute; top: 130px; width: 80%; } .ECCMSCButtonsRight .m-margin-separation { margin: 2px 0px; } .ECCLeftMSC { right: 63%; position: absolute; top: 0px; width: 78%; } .card.ECCMSCSearch { left: 39%; position: relative; width: 70%; } .ECCMSCSearch .card-heading { padding: 0px !important; font-size: 18px !important; margin: 10px 0px 0px 18px; } .ECCMSCSearch a { display: none; } .card.ECCMSCSearch.Search.Collapse { border: 1px solid #0c083c !important; border-radius: 4px; padding: 0px !important; } .ECCMSCSearch .form-control { margin: 0px 10px 10px 10px; width: 94%; padding: 2px 15px; height: 25px; } .ECCMSCSearch label.col-md-4.control-label { padding: 0px 0px 0px 10px !important; } .ECCMSCSearch .card-detail { line-height: 15px !important; } .card.ECCMSCCandidates { width: 150%; position: relative; right: 41%; } .ECCMSCCandidates th { position: sticky; position: -webkit-sticky; top: 41px; background-color: #ccc; padding: 0px 5px 5px 5px !important; border: none; z-index: 20; } .ECCMSCCandidates td:nth-child(6) { min-width: 150px; } .ECCMSCCandidates td:nth-child(5) { min-width: 150px; } .ECCMSCCandidates td:nth-child(4) { min-width: 150px !important; } .ECCMSCCandidates td:nth-child(3) { min-width: 200px !important; } .ECCMSCCandidates td:nth-child(2) { min-width: 200px; } .ECCMSCCandidates td:nth-child(1) { min-width: 200px !important; } } .ECCCandidatePhoto { margin: 30px 0% 30px 10% !important; } .ECCCandidatePhoto .col-md-3 { padding-left: 10% !important; } /*Reciprocity*/ .card.ECCText.m-card-no-heading { padding: 0 !important; margin: 0 !important; } .card.ECCText { padding: 0 !important; } .ECCText p { margin: 0; } .ECCText.ECCBorder .card-detail { padding: 1% 6%; } .ECCText.ECCBorder { margin: 0 15%; } .ECCText.ECCBorder label.col-md-12.text-left.checkbox span.valign-middle { transform: translatex(0px); } @media (max-width: 812px) { .ECCText.ECCBorder { margin: 0 0%; } } @media (min-width: 992px) { .ECCText.ECCBorder .col-md-8 { width: 100%; } .ECCText.ECCBorder .form-horizontal .checkbox, .form-horizontal .radio { margin-left: 14px; } } .ECCText.ECCBorder span.valign-middle { font-family: Segoe UI, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px !important; padding: 2px 0px 0px 0px !important; font-weight: 500 !important; color: #333; } .ECCText.ECCBorder label.col-md-4.control-label { font-family: Segoe UI, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px !important; padding: 2px 0px 0px 0px !important; font-weight: 500 !important; color: #333; } .ECCClubGuide h4 { padding: 0 !important; } .card.ECCClubGuide.m-card-no-heading { padding: 0 !important; margin: 0 !important; } .card.ECCClubGuide { padding: 0 !important; } .ECCClubGuide p { margin: 0; word-wrap: break-word !important; overflow: visible; overflow-wrap: break-word; word-break: keep-all; } @media (min-width: 813px) { .ECCClubGuide { width: 100%; } } button.btn.btn-lg.btn-secondary.btn-list-button.dropdown-toggle.s-lockable { padding: 7px 12px; } div.m-card-no-heading { padding: 0px 0px 5px 0px !important; margin: 0px; } div.card m-profile-card { padding: 0px 0px 5px 0px; margin: 0px; } div.card{ padding: 0px 0px 30px 0px; margin: 0px; border: none; } div.card .card-detail { padding: 0px 0px 0px 0px; margin: 0px; font-size: 15px; line-height: 27px; font-family: Inter, 'Inter', Ariel; } /*Lightning Card*/ .nu-lightning-wrapper { position: relative; margin-bottom: 15px; margin-top: 7px; BORDER: 1PX TRANSPARENT SOLID; /*box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%), 1px 1px 6px 0 rgb(0 0 0 / 12%);*/ z-index: 2; border-radius: 0px !important; background-color: white !important; } .slds-card { border: none !important; } .slds-checkbox_faux_container { } label.slds-checkbox_toggle.slds-grid .slds-form-element__label { text-transform: uppercase !important; color: #3c3d3ed4 !important; font-size: 10px !important; font-weight: 600 !important; display: inline-block !important; font-family: Inter !important; letter-spacing: 1.6px !important; } button.section-control.slds-button.slds-button_reset.slds-accordion__summary-action { font-weight: 400; font-size: 18px; color: black; } section.slds-accordion__section.slds-is-open { border: 1px solid #e8e8e8; padding-bottom: 0; } .slds-scope .slds-accordion__list-item:last-child { margin-bottom: 12px; } .slds-accordion__summary { padding: 2px 10px !important; } span.slds-accordion__summary-content { font-size: 12px; } .section.slds-grid.slds-gutters.slds-wrap { margin: 0; } .section.slds-grid.slds-gutters.slds-wrap flowruntime-screen-field.column.slds-col { margin: 0; } .section.slds-grid.slds-gutters.slds-wrap flowruntime-screen-field.column.slds-col .flowruntime-input-label lightning-formatted-rich-text span { font-size: 10px !important; } .section.slds-grid.slds-gutters.slds-wrap flowruntime-screen-field.column.slds-col input { min-height: 18px; height: 22px; font-size: 12px; } .section.slds-grid.slds-gutters.slds-wrap flowruntime-screen-field.column.slds-col .container.slds-m-bottom_x-small { margin-bottom: 10px !important; } span.slds-checkbox_off, span.slds-checkbox_on { font-size: 12px; } /*span.slds-checkbox_faux { background-color: white !important; border-color: #DA291C !important; } span.slds-checkbox_faux:before { background-color: #da291c !important; } span.slds-checkbox_faux:after { background-color: #da291c !important; }*/ .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux:after, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux:after, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox_faux:after, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox--faux:after, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:after, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux:after, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux:after, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox_faux:after, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox--faux:after, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:after { display: none; } .slds-card__body.slds-p-horizontal_small.flowruntimeBody { padding-left: 3%; padding-top: 12px; margin-bottom: 0; } .slds-form-element__row { top: 10px; position: relative; } lightning-formatted-rich-text.slds-rich-text-editor__output p span { font-family: inter !important; } flowruntime-navigation-bar.slds-card__footer.navigationBar { border: none; } label.slds-form-element__label.slds-no-flex abbr.slds-required { left: 99%; position: absolute; top: 46px; } /*Lightning Card - Email Field Required Asterisk*/ abbr.slds-required { float: left !important; position: relative !important; display: contents !important; font-weight: 500 !important; font-size: 18px !important; top: -7px !important; font-family: inter !important; letter-spacing: 2px !important; } .slds-popover__body { font-family: inter !important; position: relative !important; right: 72px !important; top: 14px !important; font-style: italic !important; color: transparent } .slds-form-element__control { font-family: Inter, Arial; } /*Lightning Card - Input cells*/ .nu-lightning-wrapper .slds-form-element__control .input { line-height: 1rem; width: 66%; height: 2rem; padding: 0.125rem 0.875rem; margin-bottom: 0.25rem; font-weight: 400; font-size: 1.1rem; color: #3c3d3e; border-radius: 0.25rem; border: 1px solid #767676 !important; } /*Lightning Card - Email Field Input cell*/ input#input-4 { line-height: 1rem; width: 67.5%; height: 2rem; padding: 0.125rem 0.875rem; margin-bottom: 0.25rem; font-weight: 400; font-size: 1.1rem; color: #3c3d3e; border-radius: 0.25rem; border: 1px solid #767676 !important; } .flowruntimeEmail .slds-form-element__control { text-align: right; padding-right: 0.8em; } .flowruntimeEmail label.slds-form-element__label.slds-no-flex { width: 30%; text-align: right; } .flowruntimeEmail .slds-form-element__help { text-align: right; margin-right: 1em; } .flowruntimeEmail { max-width: 700px; } .container.slds-m-bottom_x-small { width: 100% !important; } .slds-m-bottom_x-small { margin-bottom: 14px !important; display: flow-root; } .flowruntime-input-label .slds-form-element__label.slds-rich-text-editor__output span { text-transform: uppercase !important; color: #3c3d3ed4 !important; font-size: 10px !important; font-weight: 600 !important; display: inline-block !important; font-family: Inter !important; letter-spacing: 1.6px !important; } .slds-form-element__legend.slds-form-element__label .slds-rich-text-editor__output span { text-transform: uppercase !important; color: #3c3d3ed4 !important; font-size: 10px !important; font-weight: 600 !important; display: inline-block !important; font-family: Inter !important; letter-spacing: 1.6px !important; } label.slds-form-element__label { text-transform: uppercase !important; color: #3c3d3ed4 !important; font-size: 10px !important; font-weight: 600 !important; display: inline-block !important; font-family: Inter !important; letter-spacing: 1.6px !important; } .slds-scope .slds-button_icon-inverse, .slds-scope .slds-button--icon-inverse, .slds-scope .slds-button_icon-border-inverse, .slds-scope .slds-button--icon-border-inverse { COLOR: BLACK !IMPORTANT; } .slds-scope .slds-button_icon-inverse:hover, .slds-scope .slds-button_icon-inverse:focus, .slds-scope .slds-button--icon-inverse:hover, .slds-scope .slds-button--icon-inverse:focus, .slds-scope .slds-button_icon-border-inverse:hover, .slds-scope .slds-button_icon-border-inverse:focus, .slds-scope .slds-button--icon-border-inverse:hover, .slds-scope .slds-button--icon-border-inverse:focus { COLOR: #da291c !important; } .slds-scope .slds-button_icon, .slds-scope .slds-button--icon, .slds-scope .slds-button_icon-inverse, .slds-scope .slds-button--icon-inverse, .slds-scope .slds-button_icon-container, .slds-scope .slds-button--icon-container, .slds-scope .slds-button_icon-border, .slds-scope .slds-button--icon-border, .slds-scope .slds-button_icon-border-filled, .slds-scope .slds-button--icon-border-filled, .slds-scope .slds-button_icon-border-inverse, .slds-scope .slds-button--icon-border-inverse, .slds-scope .slds-button_icon-more, .slds-scope .slds-button--icon-more, .slds-scope .slds-button_icon-error, .slds-scope .slds-button--icon-error, .slds-scope .slds-button_icon-warning, .slds-scope .slds-button--icon-warning { COLOR: #8b634b !important; } .slds-scope .slds-button:hover, .slds-scope .slds-button:focus { COLOR: #da291c !important; } /* Member Hosted Meetings Flow */ .slds-scope .slds-rich-text-editor__textarea, .slds-scope .slds-rich-text-editor__output { line-height: 1.6 !important; color: black; } .flowruntime-input-label[flowruntime-inputWrapper2_inputWrapper2] { vertical-align: middle !important; } .nu-lightning-wrapper .bBody .inputHeader .richTextLabel { display: inline-block; float: left; font-size: 0.875rem; font-weight: 700; padding-top: 0.375rem; width: 45.5%; padding-right: 1.25rem; font-weight: normal; margin-bottom: 4px; } .nu-lightning-wrapper .slds-form-element__control .input { line-height: 1rem; width: 99%; height: 2rem; padding: 0.125rem 0.875rem; margin-bottom: 0.25rem; font-weight: 400; font-size: 1.1rem; color: #3c3d3e; border-radius: 0.25rem; border: 1px solid rgb(217, 219, 221) !important; margin: 0px 3px; } .nu-lightning-wrapper .bBody .inputHeader .required { float: right; margin-right: 0; margin-left: 0; font-size: 15px; left: 25px; position: relative; vertical-align: bottom; } lightning-formatted-rich-text.slds-form-element__label.slds-rich-text-editor__output { text-transform: UPPERCASE; font-family: 'Inter'; font-size: 15px; color: #000; letter-spacing: 0.5px; font-weight: 600; } .flowruntime-input.slds-form-element.slds-form-element_stacked { margin: 0px; } div#input-label-2-48 { line-height: 0px !important; position: relative; top: 12px; } div#input-label-2-9 { position: relative; top: 12px; } .flowruntime-input.slds-form-element.slds-form-element_stacked { margin: 0 !important; } .slds-scope .slds-form-element__icon { vertical-align: middle !important; top: -10px !important; } .slds-m-bottom_large.flowruntimeRichTextWrapper { font-family: Georgia, times, Times New Roman, times-roman, serif; } /*ECC Connect - Add Interests Flow*/ .slds-form-element__control .slds-checkbox .slds-checkbox__label span.slds-form-element__label { font-size: 18px !important; font-weight: 400 !important; text-transform: none; color: black; } .slds-scope .slds-form-element__legend { float: none !important; } .slds-form-element__control .slds-checkbox .slds-checkbox__label { margin: 0 !important; max-height: 30px; } .slds-form-element__control .slds-checkbox { margin: 0 !important; max-height: 22px; } .nu-lightning-wrapper .slds-scope .slds-form-element__control .slds-checkbox { position: initial; display: block; margin-top: 4px !important; width: 50% !important; display: inline-block; } /*Lightning Card - Group Registration Page*/ span.slds-text-heading_small.slds-truncate { text-transform: uppercase; font-style: normal; font-family: 'Inter'; } .slds-card__header.slds-grid { padding-left: 0; } p.slds-text-align_left { font-family: 'Inter'; } .slds-truncate { font-family: 'Inter'; } /* neutral lightning buttons need to be reviewed here and when submitting exchanges .slds-grid.slds-m-top_small.slds-m-bottom_small .slds-col_bump-left button.slds-button.slds-button_neutral { background-color: white !important; color: black !important; border: 1px solid #da291c !important; } */ /* Style the buttons that are used to open and close the accordion panel */ .eccaccordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px 36px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } .slds-form-element__label.slds-form-element__label.flowruntimeRichTextWrapper { text-transform: capitalize; font-family: segoe ui, "Segoe UI", Arial; font-size: 15px; color: #333; letter-spacing: -0.5px; font-weight: 600; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .eccaccordion:hover { background-color: #ccc; } .eccaccordion:hover:before { border-width: 0.65em 0.35em 0px 0.35em; border-color: #111 transparent; transition: all .05s; } .eccaccordion { margin: 0px 0px 15px 0px; } .eccaccordion:before { content: ""; border-color: transparent #111; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0px; width: 0; left: -18px; top: 20px; position: relative; } .card:hover .eccpanel, .card:active .eccpanel, .card:focus .eccpanel { height: fit-content; visibility: visible !important; opacity: 1; transition: opacity 3s, visibility 3s !important; padding: 0px 25px 15px 15px; } /* Style the accordion panel. Note: hidden by default */ .eccpanel { padding: 0px 25px 15px 15px; background-color: white; visibility: hidden; overflow: hidden; height: 0; opacity: 0; transition: opacity 500ms, visibility 500ms !important; } .card.ECCSafetyProto { padding: 0 !important; } .card.ECCSafetyProto .card-detail { font-size: 18px !important; } @media (min-width: 813px) { .card.ECCSafetyProtoFooter.m-card-no-heading { width: calc(100vw - 0px) !important; position: absolute; left: calc((100% - 100.1vw)/2); bottom: 0px; z-index: 200; } } .card.ECCSafetyProtoFooter.m-card-no-heading { background-color: #f2f2f2 !important; line-height: 1.5; display: inline-block; margin: 0 !important; letter-spacing: 0.4px !important; background-image: url(https://econclubchi.org/wp-content/themes/yootheme/cache/ECC_banquet_image-scaled-cb53f26e.jpeg); border-radius: 0; background-repeat: no-repeat; background-size: 100vw 608px !important; background-position-y: calc(-135.78px); } @media (min-width: 1200px) { .card.ECCSafetyProtoFooter.m-card-no-heading { padding: 8px calc((-1158px + 100vw)/2) !important; } .navbar-default .navbar-toggle.m-toggle-button, .l-off-canvas.l-off-canvas-left { margin-left: calc((-1215px + 100vw)/2) !important; } } @media (min-width: 992px) and (max-width: 1200px) { .card.ECCSafetyProtoFooter.m-card-no-heading { padding: 8px calc((-956px + 100vw)/2) !important; } .navbar-default .navbar-toggle.m-toggle-button, .l-off-canvas.l-off-canvas-left { margin-left: calc((-1002px + 100vw)/2) !important; } } @media (min-width: 813px)and (max-width: 992px) { .card.ECCSafetyProtoFooter.m-card-no-heading { padding: 8px calc((-735px + 100vw)/2) !important; } .navbar-default .navbar-toggle.m-toggle-button, .l-off-canvas.l-off-canvas-left { margin-left: calc((-794px + 100vw)/2) !important; } } .card.ECCSafetyProtoFooter.m-card-no-heading p { color: black; font-size: 13px; text-align: center; margin: 0; } /*Lightning Card - Button*/ button.slds-button.slds-button_brand { text-transform: uppercase !important; border-radius: 16px !important; background-color: white !important; border: 1px solid #DA291C !important; color: #000 !important; text-align: center !important; font-size: 10px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 5px 0px !important; font-family: Inter !important; text-indent: 0px !important; text-decoration: none; min-width: 110px; letter-spacing: 2.5px; font-weight: 700; line-height: 30px; overflow: visible; box-sizing: border-box; padding: 0px 26px; } button.slds-button.slds-button_brand:hover { background-color: #DA291C !important; color: #fff !important; } button.slds-button.slds-button_brand:active { background-color: transparent; color: #fff; border-color: #da291c; } .nu-lightning-wrapper .slds-scope .slds-button_brand:hover, .nu-lightning-wrapper .slds-scope .slds-button_brand:focus, .nu-lightning-wrapper .slds-scope .slds-button_brand.is-selected { background: #DA291C !important; border-color: #DA291C !important; } /*Consent Card*/ .alert-info, .card.m-card-as-alert.alert-info { background-color: #f7f7f7; border: 1px solid #cfcfcf; color: #333; border-radius: 0; font-family: Inter !important; margin: 20px 0px; padding: 5px 5px 5px 5px !important; } /*Card Alert Messages*/ .card.m-card-as-alert .card-detail, .card .m-alert-container { padding: 10px 15px 5px !important; } .nu-sticky-notice { box-shadow: none !important; } /*CUSTOM ECC CSS Classes - only works with plain text cards*/ .ECCPhotoUpload { padding: 0 !important; box-shadow: -3px 6px 4px 0 rgba(0, 0, 0, 0.12), 3px 6px 7px 0 rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .ECCPhotoUpload .col-md-3 { width: 100% !important; margin-left: 4%; } .ECCPhotoUpload .col-md-9 { width: 0% !important; } .ECCPhotoUpload .fa-4x { font-size: 8em; } .ECCPhotoUpload .fa-2x { font-size: 5em; } .ECCPhotoUpload .m-profile-img-container { position: relative; overflow: hidden; max-width: 100%; text-align: center; margin: 0 auto; width: 100%; } .ECCName span { font-size: 26px !important; text-align: center; } .card.ECCName { padding: 20px 0 0 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 0px 8px 3px rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ECCName .card-heading { padding: 0; font-size: 26px !important; text-align: center; font-weight: normal !important; font-style: normal !important; } .ECCName li { text-align: center; font-style: italic; } .ECCName2 span { font-size: 26px !important; text-align: center; } .ECCName2 .card-heading { padding: 0; font-size: 26px !important; text-align: center; font-weight: normal !important; font-style: normal !important; } .ECCName2 li { text-align: center; font-style: italic; } .card.RegistrationQuestions { border-radius: 0; padding: 0px 20px 10px 20px; border: 1px solid black; border-bottom: none !important; margin-top: 20px; } .RegistrationQuestions span.required { color: red; } .RegistrationQuestions label.col-md-4.control-label { width: 100%; text-align: left !important; word-spacing: -1px !important; text-transform: none; padding: 0 15px 0 0px !important; } .RegistrationQuestions .col-md-8 { width: 100%; padding: 0 15px 0 0px !important; } .card.RegistrationQuestionsBottom.m-card-no-heading { border-radius: 0; padding: 0px 20px 10px 20px !important; border: 1px solid black; border-top: none !important; margin-bottom: 20px; } .RegistrationQuestionsBottom .pull-right { } .ECCBorderTop.card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 1px 0px 8px 3px rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ECCBorderMiddle.card { padding: 0 !important; box-shadow: -3px 6px 4px 0 rgba(0, 0, 0, 0.12), 3px 6px 7px 0 rgba(0, 0, 0, 0.12); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .ECCBorderBottom.card { padding: 0px 20px 20px 20px !important; margin: 0px 0px 30px 0px; box-shadow: -3px 6px 4px 0 rgba(0, 0, 0, 0.12), 3px 6px 7px 0 rgba(0, 0, 0, 0.12); border-top-left-radius: 0; border-top-right-radius: 0; } @media (max-width: 813px) { .card.ECCComPhoto.two.m-card-no-heading { display: none !important; } .ECCComDet, .ECCEmailGroup { width: 100% !important; bottom: 21px !important; } .ECCComDet, .ECCComDet .row { left: unset !important; position: unset !important; width: 100% !important; padding: unset !important; } .ECCEmailGroup a.btn.btn-lg.btn-secondary { width: 100% !important; } .ECCComPhoto img, .ECCMEAdvPhoto img { display: none; } } .ECCMEAdvPhoto img { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover; z-index: -2; } .ECCMEAdvPhoto { background-color: transparent !important; margin-bottom: 700px !important; } .card.ECCEmailGroup { background-color: transparent !important; } .ECCEmailGroup a.btn.btn-lg.btn-secondary { min-width: 160px; background-color: #DA291C !important; color: white !important; } .ECCEmailGroup a.btn.btn-lg.btn-secondary:hover { background-color: white !important; color: black !important; } @media (min-width: 813px) { .card.ECCEmailGroup { position: absolute; padding: 0; width: 60%; transform: translate(128px, -21px); z-index: 2; } .ECCComPhoto.card .card-detail img { min-height: 110vh; min-width: 60%; } .ECCComPhoto img { left: 55%; position: fixed; top: -60px !important; z-index: 0; overflow: hidden !important; } .ECCComPhoto.two img { left: 50%; position: fixed; top: -20px !important; z-index: -10; overflow: hidden !important; min-height: 104vh !important; -webkit-filter: grayscale(100%); filter: grayscale(100%); object-fit: cover; } .card.ECCComPhoto.m-card-no-heading { background: #ffffff00; background-color: transparent !important; } .col-sm-offset-3.col-sm-6.ECCCommunity { width: 58%; position: relative; left: 17%; border-radius: 0 !important; } } .ECCNMPSWelcome a.btn.btn-lg.btn-secondary { margin-right: 18px !important; } .ECCNMPSWelcome { margin-bottom: 50px !important; } .ECCNMBS.COM.MyProfile .card-heading { font-size: 26px !important; margin-left: 8px !important; margin-top: 4px !important; } .ECCNMBS.COM.MyProfile li:nth-child(1n + 2) { font-size: 16px; margin-top: 4px !important; margin-left: 9px !important; } .ECCNMBS.COM.MyProfile li:nth-child(2) { margin-top: 14px !important; } .ECCNMBS.COM.MyProfile li:nth-child(5) { margin-top: 20px !important; } .ECCNMBS.COM.MyProfile li:nth-child(5):before { content: "Directory Contact Info:"; font-style: italic; color: #c3c3c3; } .ECCNMBS.COM.MyProfile li:nth-child(8) { margin-top: 20px !important; } .ECCNMBS.COM.MyProfile li:nth-child(8):before { content: "Social Media Info:"; font-style: italic; color: #c3c3c3; } .card.ECCNMBS.COM.MyProfile { width: 400px !important; min-width: 200px; height: 450px; margin: 50px calc((100% - 400px)/2) 40px calc((100% - 400px)/2); z-index: 2; position: relative; } @media (max-width: 500px) { .card.ECCNMBS.COM.MyProfile { width: 100% !important; margin: 90px 0px; } .card.ECCNMBS.COM { width: 23.0% !important; min-width: 50px !important; height: 100px !important; margin-bottom: 10px !important; } .card.ECCNMBS.COM .card-detail li:nth-child(1n + 2) { visibility: hidden; pointer-events: none !important; font-size: 0px !important; transition: all 0s linear 0s !important; } .card.ECCNMBS.COM:hover .card-detail li:nth-child(1n + 2) { visibility: visible; pointer-events: all !important; font-size: 13px !important; transition: all 1s linear 2s !important; } .card.ECCNMBS.COM .card-heading a { visibility: hidden; pointer-events: none !important; font-size: 0px !important; transition: all 0s linear 0s !important; } .card.ECCNMBS.COM:hover .card-heading a { visibility: visible; pointer-events: all !important; font-size: 18px !important; transition: all 1s linear 2s !important; } .card.ECCNMBS.COM .card-heading { transition: all 0s linear 0s !important; font-size: 10px !important; transform: translate(0px, 19px) !important; overflow-wrap: anywhere !important; width: 100%; } .card.ECCNMBS.COM:hover .card-heading { font-size: 18px !important; transform: translate(8px, -3px) !important; overflow-wrap: anywhere !important; width: unset; transition: all 1s linear 1s !important; } .card.ECCNMBS.COM:hover { height: 250px !important; width: 201px !important; margin-right: calc(100vw - 201px); transition: all 1s linear 0.5s !important; } .card.ECCNMBS.COM:hover li:nth-child(1) { height: 250px !important; } .card.ECCComHead.m-card-no-heading p { font-size: 16px !important; } .ECCComDet li:nth-child(1) { display: none !important; } .ECCComDet .card-heading { padding: 0 !important; } .card.ECCComPhoto.m-card-no-heading { padding: 0 !important; } .page-header.page-header-anchor.m-page-header { margin-bottom: 0; } .ECCComDet .card-detail { font-size: 14px !important; } .ECCNMBS.COM img, .ECCNMBS.COM li:nth-child(1) { height: 101px !important; min-height: 101px !important; } .ECCNMBS.COM.ECCDirectory img { height: 100px !important; } .ECCNMBS.COM.ECCDirectory a.btn.btn-lg.btn-primary.btn-list-button { visibility: hidden !important; } .ECCNMBS.COM.ECCDirectory:hover a.btn.btn-lg.btn-primary.btn-list-button { visibility: visible !important; transition: all 1s linear 2s !important; } .ECCNMBS.COM.ECCDirectory .col-sm-7.col-lg-5.l-text-right-desktop { overflow: visible !important; width: 300px !important; } } .card.ECCNMBS.COM { width: 201px; min-width: 200px; height: 250px; margin: 0px 2% 40px 0px; position: relative; background-color: #fffffff7 !important; } .ECCNMBS.COM ul.card-detail { overflow-wrap: break-word; word-wrap: break-word; width: 98% !important; } .ECCNMBS.COM .card-heading { max-height: 43px; text-transform: unset; z-index: 1 !important; transform: translate(8px, -5px); -webkit-transform: translate(8px, -5px); opacity: 1; width: 96%; white-space: nowrap; overflow: hidden; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Inter', 'Roboto', sans-serif; font-size: 14px !important; font-weight: 700; letter-spacing: 0; background: none !important; position: absolute; } .ECCNMBS.COM:hover .card-heading { } .ECCNMBS.COM:hover .card-heading { overflow: visible; } .ECCNMBS.COM:hover .card-heading { opacity: 1; } .ECCNMBS.COM li:nth-child(1) { min-height: 240px; position: absolute; background-color: white !important; top: -1px; z-index: 1 !important; background-color: transparent !important; } .ECCNMBS.COM img { height: 252px; min-height: 252px; bottom: 0px; } .ECCNMBS.COM li:nth-child(1n + 2) { transform: translate(8px, 32px); -webkit-transform: translate(8px, 32px); font-family: 'Inter'; font-size: 13px; } .ECCNMBS.COM li:nth-child(2):after { content: ' / '; display: contents; color: #da291c; } .ECCNMBS.COM li:nth-child(2) { line-height: 1.1; color: #4f4f4f; } .ECCNMBS.COM li:nth-child(3) { font-weight: normal; margin-bottom: 8px !important; line-height: 1.1; color: #4f4f4f; } .ECCNMBS.COM li:nth-child(6) { margin-bottom: 8px !important; } .ECCNMBS.COM li:nth-child(6) a { color: #676767 !important; } .ECCNMBS.COM li:nth-child(4), .ECCNMBS.COM li:nth-child(5), .ECCNMBS.COM li:nth-child(6) { font-size: 11px; color: #676767; } .ECCNMBS.COM ul.card-detail a { word-wrap: break-word !important; text-decoration: none; } .ECCNMBS.COM.MyProfile .card-detail.card-actions.m-overflow-auto { overflow: visible; } .ECCNMBS.COM.MyProfile .col-lg-5 { bottom: -45px; right: 0 !important; transform: none; padding: 0 calc((100% - 176px)/2) 0px calc((100% - 176px)/2); width: 100% !important; position: absolute; height: 100px; z-index: 10; } .card.ECCNMBS.COM.MyProfile:before { content: "How you are presented to other members: (hover to see details)"; position: absolute; top: -48px; font-style: italic; width: 294px; text-align: center; margin-left: 50px; } .card.ECCNMBS.COM.MyProfile img { height: 451px !important; } .ECCNMBS.COM.ECCDirectory img { opacity: .1; filter: grayscale(100%) blur(2px); height: 252px; } .ECCNMBS.COM.ECCDirectory:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; transition: all 5s linear; } .ECCNMBS.COM.ECCDirectory:hover li:nth-child(1) { z-index: 1 !important; } .ECCNMBS.COM.ECCDirectory li:nth-child(1) { pointer-events: none; } .ECCNMBS.COM.ECCDirectory.ECCMC:hover .card-heading { position: absolute !important; top: 186px !important; z-index: 11 !important; right: 8px; padding: 4px 6px 0px 6px !important; width: 100% !important; } .ECCNMBS.COM.ECCDirectory.ECCMC:hover li:nth-child(7) { position: absolute !important; bottom: -6px !important; z-index: 10 !important; transition: all 0s; background-color: #101010a8; width: 100%; left: -8px !important; padding: 32px 6px 6px 6px !important; } .ECCNMBS.COM.ECCDirectory.ECCMC:hover .card-detail { min-height: 213px; } .ECCNMBS.COM.ECCDirectory.ECCMC .card-heading a:hover { color: #da291c !important; } .ECCNMBS.COM.ECCDirectory.ECCMC:hover .card-heading a { color: white !important; } @media (max-width: 813px) { /*.ECCNMBS.COM.ECCDirectory { height: 250px !important; min-width: 180px !important; }*/ .ECCNMBS.COM.ECCDirectory img { opacity: 1; filter: grayscale(0%) blur(0px); } .ECCNMBS.COM.ECCDirectory:hover { height: 250px !important; width: 23% !important; min-width: 180px !important; } .ECCNMBS.COM.ECCDirectory:hover img { opacity: 0; } .ECCNMBS.COM.ECCDirectory .btn-primary:hover { background-color: transparent !important; } } .ECCNMBS.COM.INVITE .col-lg-5 { width: 100% !important; transform: translate(0px, 0px); bottom: 0; padding: 5px 10px; } .ECCNMBS.COM.INVITE .btn { width: 100% !important; } .ECCInviteBack a.btn.btn-lg.btn-secondary { transform: translate(0px, -74px); z-index: 100; position: relative !important; background-color: #da291c26 !important; } .card.ECCConBtn.m-card-no-heading { z-index: 2 !important; position: relative; background-color: transparent !important; display: inline-block; float: right; } @media (max-width: 813px) { .card.ECCComHead.ECCGrayWidescreen.m-card-no-heading { position: initial !important; width: 100% !important; transform: translate(0px,0px) !important; } } @media (min-width: 813px) { .ECCComDet, .card.ECCComHead.ECCGrayWidescreen.m-card-no-heading, .card.ECCMEButtons { padding: 23px calc((-801px + 100vw)/2) 20px calc((-721px + 100vw)/2) !important; width: calc(100vw - 2px) !important; left: calc((100% - 100vw)/2); /*width: calc(100vw - 0px) !important;*/ /*left: calc((100% - 98.4vw)/2);*/ } .card.ECCMEButtons { position: relative !important; border-radius: 0 !important; z-index: 0; bottom: 45px; } .card.ECCMEButtons.ECCNotPlus { background-color: transparent !important; } } .ECCMEButtons .card-heading { display: none; } @media (min-width: 991px) { .ECCComDet, .card.ECCComHead.ECCGrayWidescreen.m-card-no-heading, .card.ECCMEButtons { padding: 23px calc((-940px + 100vw)/2) 20px calc((-913px + 100vw)/2) !important; /*width: calc(100vw - 2px) !important;*/ /*left: calc((100% - 100vw)/2);*/ } } @media (min-width: 1201px) { .ECCComDet, .card.ECCComHead.ECCGrayWidescreen.m-card-no-heading, .card.ECCMEButtons { padding: 23px calc((-1158px + 100vw)/2) 20px calc((-1138px + 100vw)/2) !important; /*width: calc(100vw - 0px) !important;*/ /*left: calc((100% - 98.8vw)/2);*/ } } .ECCComDet { position: relative; bottom: 42px; background: #ffffff00 !important; z-index: 0; background-color: transparent !important; border-radius: 0 !important; } .ECCComDet.Plus { z-index: 0; background-color: #ffffff !important; } .ECCComDet .row { width: 56%; } .card.ECCComDet.m-card-no-heading .btn { width: 160px; } .ECCComDet li:nth-child(1) { color: black; font-size: 28px; font-family: segoe ui, "Segoe UI", Arial, sans-serif, "Trebuchet MS", "Trebuchet MS", Helvetica, sans-serif; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin: 0px 0px; line-height: 1.2; } .ECCComDet li:nth-child(2) { margin-bottom: 30px !important; margin-top: 6px; } .ECCComDet li:nth-child(1n + 2) { line-height: 1.2; } .ECCComDet li:nth-child(4):before { content: "Topic: " !important; display: inline-block !important; margin-right: 4px; } .ECCComDet li:nth-child(5) { font-style: italic; } .ECCComDet li:nth-child(6) { padding-top: 25px !important; display: inline-block; } .ECCComDet li:nth-child(7) { display: inline-block; } .ECCComDet li:nth-child(7):before { content: " | " !important; display: contents !important; } /*.ECCComDet li:nth-child(8):before { content: "Room: " !important; display: inline-block !important; }*/ .ECCComDet li:nth-child(9) { margin-top: 26px !important; } .card.ECCComHead.m-card-no-heading p { color: black; font-size: 25px; font-family: Bressay, Times, Times New Roman, serif; letter-spacing: 2px; margin: 0px 0px; height: 40px; font-style: italic; } .card.ECCComHead.m-card-no-heading { background: #ffffff00; background-color: transparent !important; width: 100% !important; display: inline-block !important; } .card.ECCTransCard.m-card-no-heading { background: #ffffff00; } @media (max-width: 813px) { .card.ECCComAck.m-card-no-heading { width: 100% !important; min-width: 0px !important; margin: 0% 0% 3% 0 !important; } .ECCComAck .card-detail { padding: 30px 20px !important; min-height: 0px !important; } } .nu-lightning-wrapper .bBody .inputHeader { text-align: left; } .uiOutputRichText p { font-weight: normal; } lightning-primitive-bubble.slds-popover.slds-popover_tooltip.slds-nubbin_bottom-left.slds-fall-into-ground { left: 41% !important; top: 126px !important; width: 35% !important; font-style: italic; display: none; } lightning-primitive-bubble.slds-popover.slds-popover_tooltip.slds-nubbin_bottom-left.slds-rise-from-ground { left: 41% !important; top: 126px !important; width: 35% !important; font-style: italic; } .card.ECCComAck.m-card-no-heading { width: 29%; border-radius: 0; padding: 0 !important; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.5), 1px 1px 8px 0 rgba(0, 0, 0, 0.5) !important; display: inline-block; margin: 0% 6% 3% 0; min-width: 265px; vertical-align: top; } .card.ECCComAck.three.m-card-no-heading { margin: 0 0 3% 0; } .card.ECCComAck.two.right.m-card-no-heading { margin: 0 0 3% 0; } .ECCComAck.two.right .card-detail { padding: 25px !important; } .ECCComAck .card-detail { background: #171717; color: white !important; padding: 25px !important; min-height: 370px; } .ECCComAck p { margin: 0 !important; } .ECCComAck h2 { color: #f11e1e !important; font-weight: 300; padding: 0px 0px 0 0 !important; font-size: 20px !important; font-style: italic; margin: 0 0px 10px 0; border-bottom: 1px solid gray; padding-bottom: 13px !important; text-align: center; text-transform: none; } .ECCComAck h1 { color: rgb(255 255 255) !important; font-weight: bold; font-size: 30px; margin: 0; text-align: center; font-family: segoe ui, "Segoe UI", Arial, sans-serif, "Trebuchet MS", "Trebuchet MS", Helvetica, sans-serif; } .ECCComAck.two .card-detail { background: white; color: black !important; } .ECCComAck.two h2 { color: #404040 !important; font-style: unset; font-size: 28px !important; font-family: segoe ui, "Segoe UI", Arial, sans-serif, "Trebuchet MS", "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; } .ECCComAck.two.left h2 { border: none; padding-bottom: 0 !important; margin-bottom: 0 !important; } .ECCComAck.two.right h2 { border: none; padding: 0 !important; margin: 0 !important; } .card.ECCComAck.two.right.m-card-no-heading ul { padding: 0px; } .ECCComAck.two.right .card-detail { padding: 21px 20px 15px 32px !important; } .ECCComAck.two h1 { color: #f11e1e !important; font-size: 20px; letter-spacing: 0.5px; border-top: 1px solid gray; margin-top: 10px; padding-top: 8px; font-style: italic; font-family: bressay, times; font-weight: 600; } .ECCComAck.two.left h1 { border-top: none; border-bottom: 1px solid gray; padding-top: 0; margin-top: 4px !important; padding-bottom: 10px; margin-bottom: 10px; } .ECCComAck.three .card-detail { background: #424242; } .ECCComAck.three h1 { border-top: 1px solid white; padding-top: 8px; margin-top: 12px; color: #f11e1e !important; font-size: 20px; margin: 0; font-style: italic; font-family: bressay, times; font-weight: 500; } .ECCComAck.three a { color: white !important; font-style: italic; } .ECCComAck.three ul { padding: 10px; margin-left: 5px; font-size: 15px; line-height: 1.4; } .ECCComAck.three li { padding-bottom: 8px !important; } .ECCComAck.three h2 { color: #ffffff !important; font-size: 28px !important; border: none; margin: 0; padding: 5px 0 0 0 !important; font-style: unset; font-family: segoe ui, "Segoe UI", Arial, sans-serif, "Trebuchet MS", "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; } .card.ECCComAck.main.m-card-no-heading { width: 96%; border-radius: 0px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2), 1px 1px 6px 0 rgba(0, 0, 0, 0.2) !important; } .ECCComAck.main h1 { border: none; margin: 0; padding: 0; } .ECCComAck.main .card-detail { min-height: 100px; } .ECCComAck.main h3 { text-align: center; padding: 30px 0 0 0; font-weight: 100; text-transform: none; } .card.ComReg.m-card-no-heading { background: none !important; } .ComReg .pull-right { float: none !important; bottom: 30px; position: relative; } .ComReg .card-detail { text-align: center; } .ComReg .pull-left { width: 100% !important; } .ComReg .btn { margin: 0px 38% !important; width: 200px; } .ComReg.two .btn { width: 345px; margin: 0px 34% !important; } .card.ECCM2M { width: 22%; display: inline-block; height: 240px; VERTICAL-ALIGN: TOP; padding: 0px 0px 0px 0px !important; margin: 0px 2% 60px 0px; border: 2px black; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2), 1px 1px 6px 0 rgba(0, 0, 0, 0.2); border-radius: 0; min-width: 195px; } .ECCM2M .card-heading { padding: 0 !important; } .ECCM2M:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .1; transition: opacity 0.3s linear; } .ECCM2M img { width: 100%; height: 202px !important; overflow: hidden; object-fit: cover; object-position: top; z-index: 100 !important; position: relative; } .ECCM2M .card-heading { font-size: 16px !important; font-family: Arial; font-style: normal; text-align: center; } .ECCM2M .col-lg-5 { width: 26% !important; position: absolute; right: inherit !important; transform: translate(32px, 237px) !important; padding: 0px; } @media (min-width: 564px) { .ECCM2M .col-lg-5 { transform: translate(16px, 237px) !important; } } @media (min-width: 620px) { .ECCM2M .col-lg-5 { transform: translate(-6px, 237px) !important; width: 26% !important; } } @media (min-width: 720px) { .ECCM2M .col-lg-5 { transform: translate(-26px, 237px) !important; width: 26% !important; } } @media (min-width: 813px) { .ECCM2M .col-lg-5 { transform: translate(8px, 237px) !important; width: 26% !important; } } @media (min-width: 992px) { .ECCM2M .col-lg-5 { transform: translate(-32px, 237px) !important; } } @media (min-width: 1199px) { .ECCM2M .col-lg-5 { transform: translate(-68px, 237px) !important; } } .ECCM2M li:nth-child(2) { text-align: center; font-size: 14px; line-height: 1.3; position: relative; top: 2px; } .ECCM2M li:nth-child(3) { text-align: center; font-size: 14px; line-height: 1.3; position: relative; top: -2px; } .ECCM2M:hover li:nth-child(1n + 2) { visibility: visible; opacity: 1; } .ECCM2M li:nth-child(1n + 4) { transform: translate(10px, -235px); visibility: hidden; font-size: 14px; line-height: 1.4; width: 95%; } .ECCM2M.two li:nth-child(1n + 5) { transform: translate(10px, -438px); font-size: 14px; line-height: 1.4; width: 95%; } .ECCM2M.two:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .1; transition: opacity 0.3s linear; animation: none !important; } .ECCM2M.two li:first-child img { -webkit-animation-name: fadeone; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 10s; animation-name: fadeone; animation-iteration-count: infinite; animation-duration: 10s; } .ECCM2M.two li:nth-child(4) { width: 100%; transform: translate(0px, -243px); visibility: visible !important; } .ECCM2M.two li:nth-child(5) { font-weight: 800; font-size: 16px; } .ECCM2M.two li:nth-child(6) { font-style: italic; } .ECCM2M.two li:nth-child(7) { padding: 10px 0 0 0 !important; font-weight: 800; } .ECCM2M.two li:nth-child(9) { padding-top: 10px !important; font-weight: 800; } @-webkit-keyframes fadeone { 0% {opacity: 0;} 20% {opacity: 1;} 33% {opacity: 1;} 53% {opacity: 1;} 80% {opacity: 0;} 100% {opacity: 0;} } @keyframes fadetwo { 0% {opacity: 1;} 20% {opacity: 0;} 33% {opacity: 0;} 53% {opacity: 0;} 80% {opacity: 1;} 100% {opacity: 1;} } @keyframes fadeone { 0% {opacity: 0;} 20% {opacity: 1;} 33% {opacity: 1;} 53% {opacity: 1;} 80% {opacity: 0;} 100% {opacity: 0;} } .ECCM2M:hover a.btn.btn-lg.btn-secondary.btn-list-button { color: #7d3025 !important; } .ECCM2M a.btn.btn-lg.btn-secondary.btn-list-button { text-transform: uppercase !important; border-radius: 0px !important; background-color: transparent !important; border: 1px solid transparent !important; color: #7d3025 !important; text-align: right !important; font-size: 14px !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; width: 100%; margin: 0px !important; padding: 10px 5px 16px 0px; cursor: not-allowed !important; pointer-events: none !important; font-style: italic; } .ECCM2M:hover a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { color: #327a4d !important; } .ECCM2M a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { text-transform: uppercase !important; border-radius: 0px !important; background-color: transparent !important; border: 1px solid transparent !important; color: #327a4d !important; text-align: right !important; font-size: 14px !important; transition: all 0.5s !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; transform: unset; width: 100%; margin: 0px !important; padding: 10px 5px 16px 0px; cursor: not-allowed !important; pointer-events: none !important; } .ECCMonth { width: 101%; padding: 20px 0px 50px 0px !important; } .ECCMonth .card-heading { font-family: "Oswald"; text-transform: uppercase; font-style: normal; font-size: 40px !important; text-align: center; border-bottom: 4px solid #000; line-height: 0.1em; margin: 10px 0 20px; padding: 0 10px; } .ECCMonth span { background: #fff; padding: 0 10px; color: black; } .ECCMonth.last span:after { content: " +" !important; color: #8b634b; font-size: 40px; position: relative; bottom: 0px; } @media (max-width: 501px) { .card.ECCM2M.two.new { min-width: 46vw !important; margin: 0px 1vw 20px 1vw !important; } .ECCM2M.two.new a.btn.btn-lg.btn-secondary.btn-list-button, .ECCM2M.two.new a.btn.btn-lg.btn-primary.btn-list-button { width: 80% !important; } .ECCM2M.two.new a.btn.btn-lg.btn-secondary.btn-block.btn-list-button { width: 102% !important; } .ECCMonth { width: 100%; padding: 16px 0px 16px 0px !important; display: inline-grid; } .ECCMonth .pull-left .btn-secondary { padding: 100px 4% 100px 40% !important; background-color: #202020d4 !important; max-width: 98%; transform: translate(0px, -37px); color: white !important; } .card.ECCM2M.two.new.last.past { margin-bottom: 120px !important; } } .card.ECCM2M.two.new { width: 17.7%; margin: 0px 0% 60px 2%; height: 280px; float: left; } .ECCM2M.two.new img { height: 190px !important; } .ECCM2M.two.new li:nth-child(2) { text-align: left; top: 5px; z-index: 100; font-family: 'Oswald'; font-size: 33px; left: 10px; font-weight: 600; position: absolute; color: #8b634b; filter: drop-shadow(0px 1px #5b4031); } .ECCM2M.two.new.last li:nth-child(2) { text-transform: uppercase; font-size: 26px; } .ECCM2M.two.new li:nth-child(3) { color: #8b634b; top: 2px; font-family: 'Oswald'; font-size: 12px; font-weight: 300; } .ECCM2M.two.new li:nth-child(4) { width: 100%; visibility: visible !important; position: absolute; top: 0; left: 0; transform: none; z-index: 10; } .ECCM2M.two.new li:nth-child(5) { visibility: visible; text-align: center; font-weight: 500; font-size: 14px; font-family: 'Inter', Arial !important; bottom: -34px; -ms-transform: translateY(50%); transform: translateY(50%); position: absolute; padding: 0px 5px !important; margin: 0px 5px !important; letter-spacing: -.3px; } .ECCM2M.two.new li:nth-child(1n + 6) { position: absolute; transform: none; width: 94%; padding: 0 !important; } .ECCM2M.two.new li:nth-child(6) { top: 9px; left: 55px; font-family: 'Oswald'; font-style: normal; text-transform: uppercase; font-size: 15px; width: 67%; text-align: right; color: #8b634b; } .ECCM2M.two.new li:nth-child(8) { top: 58px; left: 10px; font-family: 'Inter', Arial !important; font-weight: 600; font-size: 14px; letter-spacing: -.5px; } .ECCM2M.two.new li:nth-child(9) { top: 75px; left: 10px; font-family: 'Inter', Arial !important; font-size: 13px; font-weight: 300; } .ECCM2M.two.new li:nth-child(10) { top: 118px; left: 10px; font-family: 'Inter', Arial !important; font-weight: 600; font-size: 14px; letter-spacing: -.5px; } .ECCM2M.two.new li:nth-child(11) { top: 135px; left: 10px; font-family: 'Inter', Arial !important; font-size: 13px; font-weight: 300; } .ECCM2M.two.new li:nth-child(7) { top: 27px; left: 55px; font-family: 'Inter', Arial !important; font-style: normal; font-size: 12px; text-align: right; width: 67%; color: #DA291C; letter-spacing: -0.8px; } .ECCM2M.two.new li:nth-child(7) img { display: none; } .ECCM2M.two.new li:nth-child(7) a { text-decoration: none; color: #DA291C !important; } .ECCM2M.two.new .col-lg-5 { z-index: 101; width: 100% !important; transform: translate(0px, -52px) !important; position: relative; float: none !important; } .ECCM2M.two.new a.btn.btn-lg.btn-secondary.btn-list-button { background-color: #8b634b !important; color: #ffffff !important; width: 70%; padding: 3px 15% 3px 14%; font-family: 'Inter', Arial !important; font-style: normal; text-align: center; text-transform: none; font-size: 11px !important; letter-spacing: 1px; line-height: 12px; float: right; } .ECCM2M.two.new a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { background-color: #427b57d6 !important; } .ECCM2M.two.new:hover a.btn.btn-lg.btn-secondary.btn-list-button { visibility: hidden; } .ECCM2M.two.new:hover a.btn.btn-lg.btn-primary.btn-list-button { visibility: hidden; } .ECCM2M.two.new a.btn.btn-lg.btn-primary.btn-list-button { background-color: #DA291C !important; color: #ffffff !important; width: 70%; padding: 3px 5% 3px 4%; font-family: 'Inter', Arial !important; font-style: normal; font-size: 11px !important; text-transform: uppercase !important; border-radius: 0px !important; border: 1px solid transparent !important; text-align: right !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; margin: 0px !important; cursor: not-allowed !important; pointer-events: none !important; letter-spacing: 0px; line-height: 12px; float: right; } .card.ComReg.two.new.m-card-no-heading { background: #ffffff00; display: inline-block !important; overflow: hidden; float: left; width: 17.7%; margin: 0px 0% 60px 2%; height: 280px; padding: 0px 0px 0px 0px !important; border: 2px black; box-shadow: 0 4px 20px 0 rgb(0 0 0 / 20%), 1px 1px 6px 0 rgb(0 0 0 / 20%); border-radius: 0; min-width: 195px; } .ECCM2M.two.new a.btn.btn-lg.btn-primary.btn-block.btn-list-button { float: right; width: 84%; background-color: #ffffff !important; color: #DA291C !important; margin-top: 5px !important; font-weight: 700; } .ECCM2M.two.new a.btn.btn-lg.btn-secondary.btn-block.btn-list-button { border: 4px solid #8b634b !important; background-color: transparent !important; color: transparent !important; position: relative; width: 102%; height: 285px; pointer-events: none !important; border: 4px solid #da291c8f !important; transform: translate(-2px, 49px) !important; float: none !important; } .ECCM2M.two.new .pull-right a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { background-color: white !important; color: green !important; min-width: 82px; } .ECCM2M.two.new .card-detail.card-actions.m-overflow-auto { overflow: visible !important; } .ECCM2M.two.new .col-md-12 { pointer-events: none; max-height: 24px; float: none !important; } .ComReg.two.new .btn:before { } .ComReg.two.new .btn:hover:before { } .ComReg.two.new .btn { margin: 0px 0% !important; } .ComReg.two.new .btn { width: 100% !important; position: absolute; top: -22px; left: 0; height: 281px !important; overflow: visible; white-space: normal; border: none !important; padding: 24% 10% 49% 10%; border-radius: 0 !important; font-size: 24px !important; font-family: 'Oswald' !important; line-height: 46px; color: #a8a8a8 !important; } .ComReg.two.new .btn:hover { background-color: #ffffff !important; color: black !important; } .ECCMEPast tr { display: inline-grid; width: 29.3%; vertical-align: top !important; margin: 30px 2% 0px 2%; padding: 0 12px 0px 0px; } .ECCMEPast thead.hidden-xs { display: none; } .ECCMEPast td { border: none !important; padding: 0 !important; } .ECCMEPast td:nth-child(1) { color: #da291c !important; text-transform: uppercase; letter-spacing: 2.57px; font-size: 12px; line-height: 28px !important; font-family: Inter; font-weight: 700; padding-top: 35px !important; } .ECCMEPast td:nth-child(2) { font-family: bressay; font-size: 18px; font-weight: 700; line-height: 24px !important; } .ECCMEPast td:nth-child(3) { padding-bottom: 5px !important; } .ECCMEPast td:nth-child(3):before { content: '"'; } .ECCMEPast td:nth-child(3):after { content: '"'; position: relative; left: -4px; line-height: 24px !important; } .ECCMEPast td:nth-child(4) { position: absolute; } .ECCMEPast td.button-align { min-width: 29.3%; } .ECCMEPast a.btn.btn-lg.btn-secondary.btn.btn-sm.btn-secondary { height: 140px; background-color: transparent !important; color: transparent !important; border: none !important; width: 100%; margin: 25px -11px 25px -11px !important; } .ECCMEPast a.btn.btn-lg.btn-secondary.btn.btn-sm.btn-secondary:hover { background-color: #da291c4f !important; border-radius: 0px !important; } .ECCMEPast .table-striped > tbody > tr:nth-child(odd) > td, .ECCMEPast .table-striped > tbody > tr:nth-child(odd) > th { background-color: transparent !important; } .ECCMEPast .table-hover > tbody > tr:hover > td, .ECCMEPast .table-hover > tbody > tr:hover > th { background-color: transparent !important; } /* Adds a red subbanner for filters from the card header: .ECCMEPast .card-heading.clearfix { width: 100vw; position: fixed; left: 0px; top: 0; background-color: #da291c; border: none !important; height: 174px; z-index: 200; padding: 132px calc((-1158px + 100vw)/2) 5px calc((-1158px + 100vw)/2); }*/ .ECCMEPast .btn.btn-default { background-color: #da291c; color: #fff !important; border: 1px solid white; padding: 0 26px; vertical-align: middle; font-size: 10px; line-height: 30px; text-align: center; text-decoration: none; transition: .1s ease-in-out; transition-property: color,background-color,background-position,border-color,box-shadow; font-family: Inter; font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; border-radius: 16px; } .ECCMEPast .btn.btn-default.m-btn-selected { background-color: white; color: black !important; } .ECCMEPast .btn.btn-default:hover { background-color: white; color: #da291c !important; } .card.ECCM2M.two.new.last.past:nth-of-type(2) { position: absolute; left: 8% !important; z-index: 201; transform: translateY(22px); } .card.ECCM2M.two.new.last.past:nth-of-type(3) { position: absolute; left: 15% !important; z-index: 201; transform: translateY(-22px); } .card.ECCM2M.two.new.last.past:nth-of-type(4) { position: absolute; left: 22% !important; z-index: 201; } .card.ECCM2M.two.new.last.past:nth-of-type(5) { position: absolute; left: 29% !important; z-index: 201; transform: translateY(22px); } .card.ECCM2M.two.new.last.past:nth-of-type(6) { position: absolute; left: 36% !important; z-index: 201; transform: translateY(-22px); } .card.ECCM2M.two.new.last.past:nth-of-type(7) { position: absolute; left: 43% !important; z-index: 201; } .card.ECCM2M.two.new.last.past:nth-of-type(8) { position: absolute; left: 50% !important; z-index: 201; transform: translateY(22px); } .card.ECCM2M.two.new.last.past { pointer-events: none; margin: 50px 0% 125px 2%; } .card.ECCM2M.two.new.last.past:nth-of-type(1n+2) .l-display-inline { display: none; } .ECCMonth .pull-left { width: 100%; } .ECCMonth .btn-secondary { width: 100% !important; height: 382px; position: absolute; z-index: 500; border: 2px black !important; box-shadow: 0 4px 20px 0 rgb(0 0 0 / 20%), 1px 1px 6px 0 rgb(0 0 0 / 20%); border-radius: 0 !important; background-color: transparent !important; text-align: right !important; padding: 100px 4% 100px 70% !important; white-space: normal; font-family: "Oswald" !important; font-style: normal; font-size: 40px !important; line-height: 53px; } .ECCMonth .btn-secondary:hover { background-color: #da291ca8 !important; } .ECCMonth .btn-secondary:before { content: "View "; } .ECCAds2 p { margin: 0; } .ECCAds2 ul.card-detail li:last-child { margin-bottom: 0; margin: 10px 0px; } @media (min-width: 1199px) { .card.ECCAds2 { width: 49.7%; display: inline-block; min-height: 380px; padding: 0px 5px 0 5px; } .ECCAds2 .card-heading { top: 52px; position: relative; } .ECCAds2:hover ul.card-detail { visibility: visible; opacity: 1; } .ECCAds2 ul.card-detail { visibility: hidden; position: relative; bottom: 80px; font-size: 24px; transition: visibility 4.0s linear,opacity 0.3s linear; opacity: 0; left: 10px; pointer-events: none; } .ECCAds2 a { text-decoration: none; color: black !important; font-size: 18px !important; pointer-events: all; } .ECCAds2:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .4; transition: visibility 4.0s linear,opacity 0.3s linear; } .ECCAds2 .col-lg-5 { position: relative; z-index: 10; bottom: 200px; } .card.ECCAds2Title { padding: 0; background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); height: 400px; position: absolute; width: 100%; } } @media (min-width: 992px) and (max-width: 1200px) { .card.ECCAds2 { width: 49%; display: inline-block; min-height: 430px; padding: 0px 5px 0 5px; } .ECCAds2 .card-heading { top: 49px; position: relative; } .ECCAds2 ul.card-detail { position: relative; bottom: -42px; font-size: 18px; left: 10px; pointer-events: none; } .ECCAds2 a { text-decoration: none; color: black !important; font-size: 14px !important; pointer-events: all; } .ECCAds2 img { } .ECCAds2 .col-lg-5 { position: relative; z-index: 10; bottom: 200px; } .card.ECCAds2Title { padding: 0; background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); height: 440px; position: absolute; width: 100%; } } @media (min-width: 813px) and (max-width: 992px) { .card.ECCAds2 { width: 49%; display: inline-block; min-height: 355px; padding: 0px 5px 0 5px; } .ECCAds2 .card-heading { top: 49px; position: relative; } .ECCAds2 ul.card-detail { position: relative; bottom: -42px; font-size: 14px; left: 10px; pointer-events: none; line-height: 20px; } .ECCAds2 a { text-decoration: none; color: black !important; font-size: 12px !important; pointer-events: all; } .ECCAds2 img { } .ECCAds2 .col-lg-5 { position: relative; z-index: 10; bottom: 200px; } .card.ECCAds2Title { padding: 0; background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); height: 365px; position: absolute; width: 100%; } } @media (max-width: 813px) { .card.ECCAds2 { width: 49%; display: inline-block; min-height: 545px; padding: 0px 5px 0 5px; } .ECCAds2 .card-heading { top: 49px; position: relative; } .ECCAds2 ul.card-detail { position: relative; bottom: -45px; font-size: 20px; left: 10px; pointer-events: none; } .ECCAds2 a { text-decoration: none; color: black !important; font-size: 16px !important; pointer-events: all; } .ECCAds2 img { } .ECCAds2 .col-lg-5 { position: relative; z-index: 10; bottom: 200px; } .card.ECCAds2Title { padding: 0; background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); height: 555px; position: absolute; width: 100%; } } .ECCFieldHeader { padding: 0px !important; margin: 0 !important; } .card.ECCFieldHeader { background: none; } .ECCFieldHeader .card-heading { margin: 0; padding: 5px; font-size: 22px !important; font-family: Oswald, Segoe UI, Helvetica, "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; color: #141415; font-weight: 700; text-align: center; letter-spacing: 2px; background: transparent; font-style: normal; } .ECCNoHeader .card-heading { padding: 0 !important; margin: 0 !important; } .card.ECCWarning.m-card-no-heading { background-color: transparent !important; border-color: #cfcfcf !important; color: #333; border-radius: 0; border: 0px solid; padding: 15px 10px 5px 10px !important; margin-bottom: 10px; } .ECCWarning .card-detail { font-size: 14px !important; } .ECCTextInput .col-md-8.m-control-value { width: 100% !important; } .ECCNoClick .m-profile-img-container { cursor: not-allowed !important; pointer-events: none !important; } .ECCTeam .m-profile-img-container { cursor: not-allowed !important; pointer-events: none !important; } .ECCTeam .col-md-3 { width: 30% !important; padding: 0px 0px 0px 0px; } .ECCTeam .col-md-9 { width: 70%; } .ECCEventDesc .card-heading { display: none; } .card.ECCEventDesc.two .card-detail { font-size: 21px !important; font-family: 'Oswald'; text-transform: uppercase; font-weight: 500; letter-spacing: 1.2px; } .ECCEventDesc.two { padding-bottom: 8px !important; } .ECCEventDesc.three .card-heading { display: inline-block; } @media (min-width: 813px) { .ECCUnpaidDues .card-detail { font-size: 12px !important; line-height: 1.4 !important; } .ECCUnpaidDues .card-heading { font-size: 14px !important; line-height: 0.01; text-transform: uppercase !important; text-align: center !important; transition: all 0.5s !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .ECCUnpaidDues .btn-secondary { padding: 5px; right: 110px !important; position: relative; } .ECCUnpaidDues { background-color: #f5d1d1 !important; border: 1px solid #112750; border-radius: 10px; padding: 15px 10px 5px 10px !important; /*margin: 0px 20% 10px 20% !important;*/ left: 105%; position: absolute; top: 0px; width: 40%; } .ECCRightColumn { left: 101%; position: absolute; top: 0px; width: 45%; } .ECCRightColumn a { font-size: 16px; } .ECCRosterSearch { left: 100%; position: absolute; top: 60px; width: 50%; } .ECCRosterSearch a { font-size: 16px; } .card.ECCRoster { width: 140%; position: relative; right: 40%; } .ECCRoster .card-heading { margin: 0; padding: 5px; font-size: 22px; font-family: Segoe UI, Helvetica, "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; color: #141415; font-weight: 800; text-align: center; letter-spacing: 1.5px; background: transparent; font-style: normal; width: 120%; } .ECCSearch a { display: none; } .ECCHowTo1 { left: 105%; position: absolute; top: 0px; width: 40%; z-index: 0; } .ECCHowTo2 { left: 105%; position: absolute; top: 200px; width: 40%; z-index: 0; } .ECCHowTo3 { left: 105%; position: absolute; top: 400px; width: 40%; z-index: 0; } } .ECCHowTo1 { text-align: center; } .ECCHowTo2 { text-align: center; } .ECCHowTo3 { text-align: center; } .ECCListBorders { border-bottom: 1px solid #cfd0d2 !important; padding: 10px 0px 10px 0px !important; } /*Upcoming Meetings*/ .ECCEventDesc .btn-secondary, .card.ECCEventDesc .btn-secondary, .ECCEventDesc .btn-primary, .card.ECCEventDesc .btn-primary { font-size: 10px !important; } .ECCUpcoming ul.card-detail { font-family: Inter; } .ECCUpcoming li:nth-child(2) { font-family: Bressay, georgia, times; } .ECCUpcoming li:nth-child(3), .ECCUpcoming li:nth-child(4), .ECCUpcoming li:nth-child(5), .ECCUpcoming li:nth-child(6) { font-size: 14px !important; } @media (min-width: 813px) { .ECCUpcoming { border-bottom: 1px solid #cfd0d2 !important; padding: 1.5em !important; margin: 30px 0px 15px 0px !important; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; box-shadow: 0px 7px 10px rgb(0 0 0 / 50%); height: 220px; width: 102%; } .ECCUpcoming li:nth-child(7) img { height: 220px !important; -o-object-fit: cover; object-fit: cover; position: absolute; top: -21px; object-position: center; } .ECCUpcoming li:nth-child(8) { position: absolute; z-index: 3; color: black; opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.2s; transition: 1.2s; text-align: left; z-index: unset; top: 0px; padding: 1.1rem !important; height: 178px; box-shadow: inset 0 0 0 1000px rgb(253 253 253 / 98%); pointer-events: none; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical } .card.ECCUpcoming:hover li:nth-child(8) { opacity: 1; -webkit-transform: scale(1); transform: scale(1); z-index: 10 !important; } .card.ECCUpcoming li:nth-child(8):after { content: "->"; color: #0c0c63; text-align: right; position: absolute; bottom: 5px; right: 15px; font-style: italic; background-color: white; width: 100%; } .card.ECCUpcoming:hover img { opacity: .5; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 1.3s linear; } .ECCUpcoming:hover { background: #c0c0c033 !important; } .ECCUpcoming li:nth-child(1) img { position: relative; left: 0; width: 130px !important; height: 120px !important; top: -7px; } .ECCUpcoming li:nth-child(9) { position: absolute; top: 27px; width: 200px; text-align: center !important; left: 14.9%; transition: visibility 0s ease-out 1s,opacity 1s ease-out; font-size: 14px; font-family: Inter; } .card.ECCUpcoming:hover li:nth-child(9) { visibility: visible !important; opacity: 1; transition-delay: 0s; color: #DA291C; } .ECCUpcoming li:nth-child(9):hover { cursor: pointer; } .ECCUpcoming li:nth-child(10), .ECCUpcoming li:nth-child(11), .ECCUpcoming li:nth-child(12), .ECCUpcoming li:nth-child(13) { visibility: hidden; overflow: hidden; opacity: 0; transition: visibility 0s ease-out 1s,opacity 1s ease-out; position: absolute; background: #ffffff; height: fit-content; padding: 0% 0% 0% 0% !important; text-align: left; z-index: 1; margin: 0 !important; font-family: Inter, segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; width: 112px; text-align: center !important; left: 20.6%; font-size: 14px; } .ECCUpcoming li:nth-child(10) { top: 54px; } .ECCUpcoming li:nth-child(11) { top: 76px; } .ECCUpcoming li:nth-child(12) { top: 98px; } .ECCUpcoming li:nth-child(13) { top: 121px; } } .ECCUpcoming li:nth-child(10):hover, .ECCUpcoming li:nth-child(11):hover, .ECCUpcoming li:nth-child(12):hover, .ECCUpcoming li:nth-child(13):hover, .ECCUpcoming li:nth-child(9):hover ~ li:nth-child(10), .ECCUpcoming li:nth-child(9):focus ~ li:nth-child(10), .ECCUpcoming li:nth-child(9):hover ~ li:nth-child(11), .ECCUpcoming li:nth-child(9):focus ~ li:nth-child(11), .ECCUpcoming li:nth-child(9):hover ~ li:nth-child(12), .ECCUpcoming li:nth-child(9):focus ~ li:nth-child(12), .ECCUpcoming li:nth-child(9):hover ~ li:nth-child(13), .ECCUpcoming li:nth-child(9):focus ~ li:nth-child(13), .ECCUpcoming li:nth-child(10):hover ~ li:nth-child(11), .ECCUpcoming li:nth-child(10):focus ~ li:nth-child(11), .ECCUpcoming li:nth-child(10):hover ~ li:nth-child(12), .ECCUpcoming li:nth-child(10):focus ~ li:nth-child(12), .ECCUpcoming li:nth-child(10):hover ~ li:nth-child(13), .ECCUpcoming li:nth-child(10):focus ~ li:nth-child(13), .ECCUpcoming li:nth-child(11):hover ~ li:nth-child(12), .ECCUpcoming li:nth-child(11):focus ~ li:nth-child(12), .ECCUpcoming li:nth-child(11):hover ~ li:nth-child(13), .ECCUpcoming li:nth-child(11):focus ~ li:nth-child(13), .ECCUpcoming li:nth-child(12):hover ~ li:nth-child(13), .ECCUpcoming li:nth-child(12):focus ~ li:nth-child(13){ visibility: visible !important; opacity: 1; transition-delay: 0s; } .ECCUpcoming li:nth-child(10) a, .ECCUpcoming li:nth-child(11) a, .ECCUpcoming li:nth-child(12) a, .ECCUpcoming li:nth-child(13) a { pointer-events: all !important; } .ECCUpcoming li:nth-child(10) img, .ECCUpcoming li:nth-child(11) img, .ECCUpcoming li:nth-child(12) img, .ECCUpcoming li:nth-child(13) img { opacity: 1 !important; filter: none !important; } .ECCUpcoming li:nth-child(9) .fa { color: black; } @media (min-width: 1199px) { .ECCUpcoming li:nth-child(7) img { left: 55.7%; width: 90% !important; transition: 1s ease-in all; } .ECCUpcoming:hover li:nth-child(7) img { left: 75.7%; width: 70% !important; transition: 1s ease-in all; } .ECCUpcoming li:nth-child(8) { left: 67%; width: 76% !important; } .ECCUpcoming .col-lg-5 { width: 36% !important; } } @media (min-width: 992px) and (max-width: 1200px) { .ECCUpcoming li:nth-child(7) img { left: 61.2%; width: 85% !important; transition: 1s ease-in all; } .ECCUpcoming:hover li:nth-child(7) img { left: 86.2%; width: 60% !important; transition: 1s ease-in all; } .ECCUpcoming li:nth-child(8) { left: 82.4%; width: 60% !important; } .ECCUpcoming .col-lg-5 { width: 39% !important; } } @media (min-width: 813px) and (max-width: 992px) { .ECCUpcoming li:nth-child(7) img { left: 75.3%; width: 72% !important; object-position: left; transition: 1s ease-in all; } .ECCUpcoming:hover li:nth-child(7) img { left: 97.3%; width: 50% !important; object-position: left; transition: 1s ease-in all; } .ECCUpcoming li:nth-child(8) { width: 143% !important; transition: 3s cubic-bezier(0.18, 0.89, 0.32, 1.28) all; } .ECCUpcoming .col-lg-5 { width: 46% !important; } } @media (min-width: 813px) { .ECCUpcoming .card-heading { font-size: 14px !important; font-family: Oswald, segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; padding: 0 !important; width: 145px; text-align: center !important; white-space: nowrap; margin: 14px 0 0 0 !important; text-transform: none; letter-spacing: 1.2px; font-style: normal; text-transform: uppercase; } .card.ECCUpcoming:hover .card-heading { opacity: .1; } .card.ECCUpcoming:hover li:nth-child(1) { opacity: .1; } .ECCUpcoming li:nth-child(1) { font-size: 105px; font-family: Oswald, Inter, segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; font-weight: 900; line-height: 1; width: 145px; text-align: center !important; border-right: 3px black solid; } /*Event Name*/ .ECCUpcoming li:nth-child(2) { position: absolute; left: 160px; top: 56px; font-weight: 600; font-size: 22px; width: 340px; } .card.ECCUpcoming:hover li:nth-child(2) { visibility: visible; opacity: 1; } .ECCUpcoming li:nth-child(2) { visibility: hidden; opacity: 0; } /*Title*/ .ECCUpcoming li:nth-child(3) { position: absolute; left: 160px; top: 78px; font-size: 16px; } .card.ECCUpcoming:hover li:nth-child(3) { visibility: visible; opacity: 1; } .ECCUpcoming li:nth-child(3) { visibility: hidden; opacity: 0; } /*Company*/ .ECCUpcoming li:nth-child(4) { position: absolute; left: 160px; top: 100px; font-size: 16px; } .card.ECCUpcoming:hover li:nth-child(4) { visibility: visible; opacity: 1; } .ECCUpcoming li:nth-child(4) { visibility: hidden; opacity: 0; } .ECCUpcoming li:nth-child(5) { position: absolute; left: 160px; top: 48px; font-size: 16px; } .card.ECCUpcoming:hover li:nth-child(5) { visibility: hidden; opacity: 0; } .ECCUpcoming li:nth-child(5) { visibility: visible; opacity: 1; } .ECCUpcoming li:nth-child(6) { position: absolute; left: 160px; top: 72px; font-size: 16px; width: 220px; line-height: 1.5; } .card.ECCUpcoming:hover li:nth-child(6) { visibility: hidden; opacity: 0; } .ECCUpcoming li:nth-child(6) { visibility: visible; opacity: 1; } .ECCUpcoming .col-lg-5 { position: absolute; right: inherit; transform: none; padding: 0px; } .ECCUpcoming .card-detail.card-actions.m-overflow-auto { overflow: visible; } .ECCUpcoming a.btn.btn-lg.btn-secondary.btn-list-button { position: absolute; top: 136px; right: 5px; } } .ECCUpcoming a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { background-color: #fff !important; border: 1px solid #ccc !important; color: #333 !important; text-align: center !important; font-size: 14px !important; transition: all 0.5s !important; margin: 5px 0px !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; /*box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #7e7e7e;*/ min-width: 110px; letter-spacing: .62px; font-weight: 500; } .ECCUpcoming a.btn.btn-lg.btn-primary.btn-list-button.s-lockable:hover { background-color: #eaeaea !important; color: #333 !important; border: 1px solid #ccc !important; } /*.ECCUpcoming a.btn.btn-lg.btn-secondary.btn-list-button { text-transform: uppercase !important; border-radius: 0px !important; background-color: transparent !important; border: 1px solid transparent !important; color: #7d3025 !important; text-align: right !important; font-size: 14px !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; width: 100%; margin: 0px !important; padding: 10px 5px 16px 0px; cursor: not-allowed !important; pointer-events: none !important; position: relative; bottom: 14px; z-index: 20 !important; }*/ .ECCUpcoming a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { text-transform: uppercase !important; border-radius: 0px !important; background-color: transparent !important; border: 1px solid transparent !important; color: #8b634b !important; text-align: right !important; font-size: 18px !important; transition: all 0.5s !important; font-family: 'Oswald', arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; transform: unset; width: 100%; margin: 0px !important; padding: 10px 5px 16px 0px; cursor: not-allowed !important; pointer-events: none !important; position: relative; bottom: 18px; z-index: 20 !important; font-weight: 600; } .card.Redirecting\.\.\. { position: absolute; z-index: 1000; width: 300%; height: 889px; } @media (max-width: 813px) { .ECCUpcoming a.btn.btn-lg.btn-secondary.btn-list-button { text-align: center !important; } .ECCUpcoming { border-bottom: 1px solid #cfd0d2 !important; box-shadow: 0px 7px 10px rgb(0 0 0 / 50%); margin: 0px 0px 40px 0px !important; padding: 1.5em !important; } .ECCUpcoming li:nth-child(7) img { width: 100%; -o-object-fit: cover; object-fit: scale-down; } .ECCUpcoming li:nth-child(1) { position: absolute; right: 0; top: 20px; font-size: 44px; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; font-weight: 700; line-height: .8; text-align: center !important; } .ECCUpcoming .card-heading { font-size: 14px !important; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; padding: 0 !important; text-align: center !important; white-space: nowrap; margin: 14px 0 0 0 !important; position: absolute; top: -16px; right: 0; } .ECCUpcoming li:nth-child(2) { font-weight: 600; } .ECCUpcoming li:nth-child(6) { margin-bottom: 20px !important; } } /* /clubmeetings - Upcoming Reciprocity*/ @media (max-width: 813px) { .card.ECCRecipMeeting { width: 100% !important; margin: 2% 1% 2% 1%; } } .card.ECCRecipMeeting { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); float: left; height: 200px; text-align: left; font-family: 'Inter'; color: black !important; width: 48%; margin: 2% 1% 2% 1%; } .ECCRecipMeeting .card-detail { text-align: left; color: #000 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .ECCRecipMeeting li:nth-child(1) img { overflow: hidden; object-fit: cover; z-index: 100 !important; position: absolute; right: 0px; width: 57%; object-position: top; } .ECCRecipMeeting:hover { background: #c0c0c033 !important; } .ECCRecipMeeting:hover li:nth-child(1) img { opacity: .1; transition: opacity 0.3s linear; webkit-filter: blur(4px); /* Chrome, Safari, Opera */ filter: blur(4px); } .ECCRecipMeeting li:nth-child(2) { left: 0; text-align: center; width: 43%; padding-top: 70px !important; } .ECCRecipMeeting li:nth-child(2) img { width: 100px !important; height: 100px !important; object-fit: cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(0,0,0,.1); border-radius: 100%; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; object-fit: contain; z-index: 100 !important; } .ECCRecipMeeting li:nth-child(3) { font-family: 'Georgia', 'bressay' !important; font-weight: 500; position: absolute; font-size: 20px; z-index: 201; width: 57%; right: 0; top: 5px; visibility: hidden; } .ECCRecipMeeting li:nth-child(4) { font-family: 'Oswald', Arial !important; color: #2d2e33 !important; visibility: visible; font-weight: 500; font-size: 20px; position: absolute; top: 18px; text-transform: uppercase; letter-spacing: 1px; left: 0; text-align: center; width: 43%; } .ECCRecipMeeting li:nth-child(5) { top: 46px; z-index: 170; font-family: 'Oswald'; font-size: 14px !important; font-weight: 500; position: absolute; color: #2d2e33 !important; left: 0; text-align: center; width: 43%; } .ECCRecipMeeting li:nth-child(6) { position: absolute; right: 4%; bottom: -15px; width: 53%; } .ECCRecipMeeting li:nth-child(6):after { content: " for ECC Members" !important; display: inline-block !important; } .ECCRecipMeeting li:nth-child(7) { position: absolute; width: 53%; right: 4%; top: 42px; } .ECCRecipMeeting .card-heading { font-family: Georgia, times, Times New Roman, times-roman, serif; color: #444 !important; text-transform: capitalize; font-weight: bold; padding: 0px 0px 0px 0px; font-size: 25px !important; font-style: italic; } .ECCRecipMeeting:hover li:nth-child(1n + 2) { visibility: visible; opacity: 1; } .ECCRecipMeeting li:nth-child(1n + 5) { font-size: 14px; line-height: 1.4; } /*Member Exchange Plus Banner*/ @media (min-width: 813px) { .ECCUpcoming.ECCMePlus .col-sm-5.col-lg-7 { max-height: 300px; height: 220px; width: 102%; } .ECCUpcoming.ECCMePlus { margin-left: 2% !important; width: 96.5%; margin-bottom: 54px !important; } .ECCUpcoming.ECCMePlus .card-heading { position: absolute; top: -29px; left: -21px; z-index: 100; font-family: 'Oswald'; font-size: 33px !important; font-weight: 600; color: #8b634b !important; filter: drop-shadow(0px 1px #5b4031); } .ECCUpcoming.ECCMePlus:hover .card-heading { opacity: 1; } .ECCUpcoming.ECCMePlus .col-lg-5 { width: 31% !important; } .ECCUpcoming.ECCMePlus a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { right: 30px; bottom: 24px; color: #da291c !important; } } @media (max-width: 813px) { .ECCUpcoming.ECCMePlus li:nth-child(1), .ECCUpcoming.ECCMePlus li:nth-child(2), .ECCUpcoming.ECCMePlus li:nth-child(3), .ECCUpcoming.ECCMePlus li:nth-child(4) { position: relative !important; margin: 0px !important; top: 0 !important; left: 0 !important; padding: 0px 0px 14px 0px !important; width: 100% !important; } .ECCUpcoming.ECCMePlus li:nth-child(1) { width: 78% !important; } .ECCUpcoming.ECCMePlus a.btn.btn-lg.btn-secondary.btn-list-button { width: 100% !important; position: absolute !important; top: -400px !important; } .ECCUpcoming.ECCMePlus .card-heading { position: absolute !important; top: -18px !important; z-index: 100; font-family: 'Oswald'; font-size: 33px !important; font-weight: 600; color: #8b634b !important; filter: drop-shadow(0px 1px #5b4031); } .ECCUpcoming.ECCMePlus a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { display: none; } } .ECCUpcoming.ECCMePlus li:nth-child(1) { font-size: 30px; line-height: 1.2; width: 65%; text-align: left!important; border-right: none; margin-left: 33%; text-transform: uppercase; margin-bottom: 10px; } .ECCUpcoming.ECCMePlus:hover li:nth-child(1) { opacity: 1; } .ECCUpcoming.ECCMePlus li:nth-child(2) { visibility: visible; opacity: 1; right: 0; left: unset; top: 0px; width: 65%; font-family: Inter; font-weight: 400; font-size: 14px; line-height: 1.2; position: relative; margin-left: 33%; } .ECCUpcoming.ECCMePlus li:nth-child(3) { visibility: visible; opacity: 1; left: -21px; top: -21px; position: absolute; } .ECCUpcoming.ECCMePlus li:nth-child(3) img { height: 220px !important; width: 100%; object-fit: cover; object-position: top; } .ECCUpcoming.ECCMePlus a.btn.btn-lg.btn-primary.btn-block.btn-list-button { float: right; background-color: #ffffff !important; color: #DA291C !important; font-weight: 700; padding: 3px 5% 3px 4%; font-family: 'Inter', Arial !important; font-style: normal; font-size: 14px !important; text-transform: uppercase !important; border-radius: 0px !important; border: 1px solid transparent !important; text-align: right !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; margin: 0px !important; cursor: not-allowed !important; pointer-events: none !important; letter-spacing: 0px; line-height: 12px; margin-top: 152px !important; } .ECCUpcoming.ECCMePlus:hover a.btn.btn-lg.btn-primary.btn-block.btn-list-button { visibility: hidden; } @media (max-width: 813px) { .ECCUpcoming.ECCMePlus a.btn.btn-lg.btn-primary.btn-block.btn-list-button { display: none; } .ECCUpcoming.ECCMePlus .col-lg-5 { position: absolute; } } @media (min-width: 813px) { .ECCUpcoming.ECCMePlus li:nth-child(3) { width: 34% !important; } .ECCUpcoming.ECCMePlus li:nth-child(1),.ECCUpcoming.ECCMePlus li:nth-child(2) { padding-left: 2% !important; pointer-events: none; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .ECCUpcoming.ECCMePlus a.btn.btn-lg.btn-primary.btn-block.btn-list-button { width: 91%; transform: translate(-26px, 0px); } } @media (min-width: 991px) { .ECCUpcoming.ECCMePlus a.btn.btn-lg.btn-primary.btn-block.btn-list-button { width: 75%; transform: translate(-21px, 0px); } } @media (min-width: 1201px) { .ECCUpcoming.ECCMePlus a.btn.btn-lg.btn-primary.btn-block.btn-list-button { width: 63%; transform: translate(-16px, 0px); } } .ECCUpcoming.ECCMePlus a.btn.btn-lg.btn-secondary.btn-list-button { width: 312%; top: -19px; right: unset; float: left !important; left: -13px; height: 205px; background-color: transparent !important; border: none !important; color: transparent !important; } /* /meeting - Event Info Mobile*/ @media (min-width: 813px) { .card.ECCEventInfoMobile { display: none; } } .ECCEventInfoMobile .card-heading { display: none; } /* /meeting - Event Info*/ @media (max-width: 813px) { .card.ECCEventInfo { display: none; } } @media (min-width: 2000px) { .card.ECCEventInfo { width: 49%; MARGIN-LEFT: 60%; } } @media (min-width: 992px) and (max-width: 2000px) { .card.ECCEventInfo { width: 49%; MARGIN-LEFT: 55%; } } @media (min-width: 813px) and (max-width: 992px) { .card.ECCEventInfo { width: 55%; MARGIN-LEFT: 53%; } } @media (min-width: 813px) { .ECCEventInfo { padding: 0px 0px 30px 0px !important; background: none; background-color: transparent !important; } .ECCEventInfo .card-heading { padding: 0 !important; } .ECCEventInfo li { display: inline-block; } .ECCEventInfo li:nth-child(1) { width: 130%; position: absolute; right: 107%; height: 212px; } .ECCEventInfo li:nth-child(1) img { left: -2%; position: fixed; top: 40px !important; z-index: -10; overflow: hidden !important; pointer-events: none; object-fit: cover; min-height: 100%; } } @media (min-width: 992px) { .ECCEventInfo li:nth-child(1) img { width: 54%; } } @media (min-width: 813px) and (max-width: 992px) { .ECCEventInfo li:nth-child(1) img { width: 52%; } } @media (min-width: 813px) { .ECCEventInfo li span { font-size: 14px !important; font-family: 'Inter' !important; } .ECCEventInfo li p { font-size: 14px !important; font-family: 'Inter' !important; margin-bottom: 10px; line-height: 1.5; } .ECCEventInfo li b { font-size: 14px !important; font-family: 'Inter' !important; } .ECCEventInfo li a { font-size: 14px !important; font-family: 'Inter' !important; } .ECCEventInfo li:nth-child(2) { padding: 0 12px !important; text-align: center; text-transform: uppercase; font-family: segoe ui, "Segoe UI", Arial, sans-serif; font-size: 15px; font-weight: 600; } .ECCEventInfo li:nth-child(2):hover, .ECCEventInfo li:nth-child(2):focus { font-weight: 600; cursor: help; background: #DA291C; color: white; border-radius: 23px; } .ECCEventInfo li:nth-child(4) { padding: 0 12px !important; text-align: center; text-transform: uppercase; font-family: segoe ui, "Segoe UI", Arial, sans-serif; font-size: 15px; font-weight: 600; } .ECCEventInfo li:nth-child(4):hover, .ECCEventInfo li:nth-child(4):focus { font-weight: 600; cursor: help; background: #DA291C; color: white; border-radius: 23px; } .ECCEventInfo li:nth-child(8) { padding: 0 12px !important; text-align: center; text-transform: uppercase; font-family: segoe ui, "Segoe UI", Arial, sans-serif; font-size: 15px; font-weight: 600; } .ECCEventInfo li:nth-child(8):hover, .ECCEventInfo li:nth-child(8):focus { font-weight: 600; cursor: help; background: #DA291C; color: white; border-radius: 24px; } .ECCEventInfo li:nth-child(10) { padding: 0 12px !important; text-align: center; text-transform: uppercase; font-family: segoe ui, "Segoe UI", Arial, sans-serif; font-size: 15px; font-weight: 600; } .ECCEventInfo li:nth-child(10):hover, .ECCEventInfo li:nth-child(10):focus { font-weight: 600; cursor: help; background: #DA291C; color: white; border-radius: 23px; } .ECCEventInfo li:nth-child(3) { visibility: hidden; overflow: hidden; opacity: 0; transition: visibility 0.2s linear, opacity 0.2s linear; position: absolute; top: 26px; right: 0%; background: #ffffff; height: fit-content; padding: 20px 4% 20px 4% !important; z-index: 3; border: 1px solid black; } .ECCEventInfo li:nth-child(3):hover { visibility: visible !important; opacity: 1; transition-delay: 0s; } .ECCEventInfo ul.card-detail li:nth-child(2):hover ~ li:nth-child(3), .ECCEventInfo ul.card-detail li:nth-child(2):focus ~ li:nth-child(3) { visibility: visible !important; opacity: 1; transition: visibility 0.2s linear, opacity 0.2s linear; } /*this allows members to hover over the left image to see meeting info. .ECCEventInfo ul.card-detail li:nth-child(1):hover ~ li:nth-child(3), .ECCEventInfo ul.card-detail li:nth-child(1):focus ~ li:nth-child(3) { visibility: visible !important; opacity: 1; transition: visibility 0.2s linear, opacity 0.2s linear; }*/ } .card.ECCEventDesc.three { width: 100% !important; margin: 0 !important; background-color: transparent !important; } @media (min-width: 992px) { .ECCEventInfo li:nth-child(3) { width: 214%; } .ECCEventInfo.two li:nth-child(3) { width: 132%; } } @media (min-width: 813px) and (max-width: 992px) { .ECCEventInfo li:nth-child(3) { width: 200%; } .ECCEventInfo.two li:nth-child(3) { width: 130%; } } @media (min-width: 813px) { .ECCEventInfo li:nth-child(5) { visibility: hidden; overflow: hidden; opacity: 0; transition: visibility 0s linear, opacity 0s linear; position: absolute; top: 0px; right: 106%; background: #ffffff; height: 60px; width: 133%; padding: 2% 2% 0% 2% !important; text-align: left; font-weight: 600; z-index: 1; } .ECCEventInfo li:nth-child(6) { visibility: hidden; overflow: hidden; opacity: 0; transition: visibility 0s linear, opacity 0s linear; position: absolute; top: 36px; right: 106%; background: #ffffff; height: 60px; width: 133%; padding: 0% 2% 0% 2% !important; text-align: left; z-index: 1; } .ECCEventInfo li:nth-child(7) { visibility: hidden; overflow: hidden; opacity: 0; transition: visibility 0s linear, opacity 0s linear; position: absolute; top: 62px; right: 106%; background: #ffffff; height: fit-content; padding: 0% 2% 2% 2% !important; text-align: left; z-index: 1; } .ECCEventInfo li:nth-child(5):hover, .ECCEventInfo li:nth-child(6):hover, .ECCEventInfo li:nth-child(7):hover { visibility: visible !important; opacity: 1; transition: visibility 0.2s linear, opacity 0.2s linear; } .ECCEventInfo ul.card-detail li:nth-child(4):hover ~ li:nth-child(5), .ECCEventInfo ul.card-detail li:nth-child(4):focus ~ li:nth-child(5) { visibility: visible !important; opacity: 1; transition: visibility 0.2s linear, opacity 0.2s linear; } .ECCEventInfo ul.card-detail li:nth-child(4):hover ~ li:nth-child(6), .ECCEventInfo ul.card-detail li:nth-child(4):focus ~ li:nth-child(6) { visibility: visible !important; opacity: 1; transition: visibility 0.2s linear, opacity 0.2s linear; } .ECCEventInfo ul.card-detail li:nth-child(4):hover ~ li:nth-child(7), .ECCEventInfo ul.card-detail li:nth-child(4):focus ~ li:nth-child(7) { visibility: visible !important; opacity: 1; transition: visibility 0.2s linear, opacity 0.2s linear; } } @media (min-width: 992px) { .ECCEventInfo li:nth-child(5) { width: 106%; } .ECCEventInfo li:nth-child(6) { width: 106%; } .ECCEventInfo li:nth-child(7) { width: 106%; } } @media (min-width: 813px) and (max-width: 992px) { .ECCEventInfo li:nth-child(5) {; width: 90%; } .ECCEventInfo li:nth-child(6) {; width: 90%; } .ECCEventInfo li:nth-child(7) {; width: 90%; } } @media (min-width: 813px) { .ECCEventInfo li:nth-child(9) { visibility: hidden; overflow: hidden; opacity: 0; transition: visibility 0s ease-out 1s, opacity 1s ease-out; position: absolute; top: 0px; right: 106%; background: #ffffff; height: fit-content; padding: 2% 2% 2% 2% !important; text-align: left; z-index: 1; } .ECCEventInfo li:nth-child(9):hover { visibility: visible !important; opacity: 1; transition-delay: 0s; } .ECCEventInfo ul.card-detail li:nth-child(8):hover ~ li:nth-child(9), .ECCEventInfo ul.card-detail li:nth-child(8):focus ~ li:nth-child(9) { visibility: visible !important; opacity: 1; transition-delay: 0s; } } @media (min-width: 992px) { .ECCEventInfo li:nth-child(9) { width: 106%; } } @media (min-width: 813px) and (max-width: 992px) { .ECCEventInfo li:nth-child(9) { width: 90%; } } @media (min-width: 813px) { .ECCEventInfo li:nth-child(11) { visibility: hidden; overflow: hidden; opacity: 0; transition: visibility 0s ease-out 1s,opacity 1s ease-out; position: absolute; top: 0px; right: 106%; background: #ffffff; height: fit-content; padding: 2% 2% 2% 2% !important; text-align: left; z-index: 1; } .ECCEventInfo li:nth-child(11):hover { visibility: visible !important; opacity: 1; transition-delay: 0s; } .ECCEventInfo ul.card-detail li:nth-child(10):hover ~ li:nth-child(11), .ECCEventInfo ul.card-detail li:nth-child(10):focus ~ li:nth-child(11) { visibility: visible !important; opacity: 1; transition-delay: 0s; } } @media (min-width: 992px) { .ECCEventInfo li:nth-child(11) { width: 106%; } } @media (min-width: 813px) and (max-width: 992px) { .ECCEventInfo li:nth-child(11) { width: 90%; } } /* /meeting - Event Header*/ @media (min-width: 2000px) { .ECCEventHeader { width: 49%; MARGIN-LEFT: 60% !important; } } @media (min-width: 992px) and (max-width: 2000px) { .ECCEventHeader { width: 47%; MARGIN-LEFT: 57% !important; background: none !important; } } @media (min-width: 813px) and (max-width: 992px) { .ECCEventHeader { width: 55%; MARGIN-LEFT: 53.2% !important; background: none !important; } } @media (max-width: 813px) { .ECCEventHeader li:nth-child(2) { font-size: 24px; } } @media (min-width: 813px) { .ECCEventHeader li:nth-child(2) { font-size: 50px; line-height: 1.2; } .ECCEventHeader { padding: 0px 0px 5px 0px !important; } } .ECCEventHeader li:nth-child(2) { text-transform: uppercase; font-family: Oswald, segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; margin: 0px 0px 5px 0px !important; letter-spacing: 5px; font-weight: 700; display: flex; } .ECCEventHeader li:nth-child(3) { display: inline-table; font-size: 18px; font-family: Bressay; } .ECCEventHeader li:nth-child(4) { display: contents; font-size: 18px; font-weight: 700; font-family: Bressay; } .ECCEventHeader li:nth-child(4):before { content: " / " !important; padding-right: 5px; } .ECCEventHeader ul.card-detail li:before { display: inline-block; color: #DA291C; font-weight: 900; } .ECCEventHeader li:nth-child(1) { color: #DA291C; font-weight: 900; text-transform: uppercase; font-family: 'Inter'; font-size: 11px; position: relative; margin: 10px 0px 0px 0px !important; } .ECCEventHeader li { margin-bottom: 30px !important; } /* /meeting - Event Description*/ .card.ECCEventDesc span { font-size: 16px !important; font-family: 'Inter' !important; } .card.ECCEventDesc b { font-size: 16px !important; font-family: 'Inter' !important; } .card.ECCEventDesc p { font-size: 16px !important; font-family: 'Inter' !important; } .card.ECCEventDesc a { font-size: 16px !important; font-family: 'Inter' !important; } @media (min-width: 2000px) { .card.ECCEventDesc { width: 49%; MARGIN-LEFT: 60%; } } @media (min-width: 992px) and (max-width: 2000px) { .card.ECCEventDesc { width: 47%; MARGIN-LEFT: 57%; padding: 0px 0px 30px 0px; } } @media (min-width: 813px) and (max-width: 992px) { .card.ECCEventDesc { width: 55%; MARGIN-LEFT: 53.5%; padding: 0px 0px 15px 0px !important; } } /* /meeting - Event Date*/ .ECCEventDate li:nth-child(1) { padding: 0 !important; text-align: center !important; white-space: nowrap; margin: 14px 0 0 0 !important; color: #8B634B; width: 200px; font-family: Inter; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } .ECCEventDate li:nth-child(2) { font-weight: 700; padding: 26px 0px 30px 0 !important; width: 200px; text-align: center !important; font-family: Oswald; text-transform: uppercase; font-size: 106px; line-height: 41px; color: #8B634B; filter: drop-shadow(0px 1px #5b4031) } .ECCEventDate li:nth-child(3) { width: 196px; text-align: center !important; color: #8B634B; font-family: Inter, segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; margin-top: 6px !important; font-weight: 700; font-size: 12px; letter-spacing: 1px; } @media (max-width: 813px) { .ECCEventDate li:nth-child(1) { color: black !important; font-size: 14px !important; } .ECCEventDate li:nth-child(2) { color: black !important; font-size: 36px; width: unset !important; padding: 5px 0px 5px 0 !important; } .ECCEventDate { position: absolute; top: 72px; right: 0px; background: none !important; display: none; } } @media (min-width: 992px) { .card.ECCEventDate { position: fixed; background: none; bottom: 58px; right: 48%; background-color: transparent !important; } } @media (min-width: 813px) and (max-width: 992px) { .card.ECCEventDate { position: fixed; background: none; bottom: 58px; right: 48%; background-color: transparent !important; } } /* /meeting - Meeting Roles*/ @media (max-width: 813px) { .ECCMeetRoles li:first-child img { top: 58px !important; } .ECCMeetRoles li:nth-child(3) { font-size: 18px !important; letter-spacing: 2px !important; } .ECCMeetRoles li:nth-child(5) { display: list-item !important; } } @media (min-width: 2000px) { .card.ECCMeetRoles { width: 49%; MARGIN-LEFT: 60%; } } @media (min-width: 992px) and (max-width: 2000px) { .card.ECCMeetRoles { width: 47%; MARGIN-LEFT: 57%; padding: 0px 0px 15px 0px !important; } } @media (max-width: 813px) { .ECCMeetRoles.ECCMExchangeRoles { position: initial !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } } @media (min-width: 813px) { .ECCMeetRoles.ECCMExchangeRoles { width: 44% !important; MARGIN-LEFT: 58% !important; } } .ECCMeetRoles.ECCMExchangeRoles .card-heading { padding: 0 !important; } .ECCMeetRoles.ECCMExchangeRoles { position: absolute; width: 34%; MARGIN-LEFT: 66%; background-color: transparent !important; } .ECCMeetRoles.ECCMExchangeRoles .card-detail { line-height: 22px; } .ECCMeetRoles.ECCMExchangeRoles li:first-child img { top: 27px !important; border-radius: 81px; height: 81px !important; } @media (min-width: 813px) and (max-width: 1201px) { .ECCMeetRoles.ECCMExchangeRoles li:nth-child(1n+2) { font-size: 12px !important; line-height: 15px !important; letter-spacing: 1px !important; margin: 0 !important; } .ECCMeetRoles.ECCMExchangeRoles li:first-child img { top: 22px !important; } .ECCMeetRoles.ECCMExchangeRoles li:nth-child(5) { top: 0px !important; } } .ECCMeetRoles.ECCMExchangeRoles:nth-of-type(1) { top: 0px; } .ECCMeetRoles.ECCMExchangeRoles:nth-of-type(2) { top: 100px; } .ECCMeetRoles.ECCMExchangeRoles:nth-of-type(3) { top: 200px; } .ECCMeetRoles.ECCMExchangeRoles:nth-of-type(4) { top: 300px; } .ECCMeetRoles.ECCMExchangeRoles:nth-of-type(5) { top: 400px; } .ECCMeetRoles.ECCMExchangeRoles li:nth-child(5) { display: block; font-size: 14px; font-weight: 600; top: -6px; } @media (min-width: 813px) and (max-width: 992px) { .card.ECCMeetRoles { width: 55%; MARGIN-LEFT: 53.5%; padding: 0px 0px 15px 0px !important; } } .ECCMeetRoles li:first-child img { height: 100px !important; position: absolute; left: 0px; top: 28px; object-fit: cover; object-position: top; width: 80px !important; } .ECCMeetRoles li:nth-child(1n+2) { position: relative; left: 100px; max-width: 70% !important; } .ECCMeetRoles li:nth-child(2) { font-style: italic; font-size: 14px; } .ECCMeetRoles li:nth-child(3) { font-size: 20px; text-transform: uppercase; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; margin: 0px 0px 0px 0px !important; letter-spacing: 5px; font-weight: 700; } .ECCMeetRoles ul.card-detail li:after { display: inline-block; color: #DA291C; font-weight: 900; } .ECCMeetRoles li:nth-child(4):after { content: " / " !important; } .ECCMeetRoles li:nth-child(5) { display: inline-block; font-size: 14px; font-weight: 600; } .ECCMeetRoles li:nth-child(4) { display: inline-block; font-size: 14px; } /* /meeting - Meeting Receptions*/ .card.ECCM2M.two.recep { position: relative; left: 7%; margin-left: 50% !important; width: 47%; height: 100px; margin-bottom: 16px; transition: all 0.5s; transition-timing-function: ease-in-out; } .card.ECCM2M.two.recep:hover { height: 200px; transition: all 0.5s; transition-timing-function: ease-in-out; } .ECCM2M.two.recep img { width: 28%; height: 100px !important; transition: all 0.5s; transition-timing-function: ease-in-out; z-index: 2 !important; object-position: center; object-fit: contain; } .card.ECCM2M.two.recep:hover img { height: 200px !important; width: 43%; transition: all 0.5s; transition-timing-function: ease-in-out; filter: grayscale(0%); opacity: 1; } .ECCM2M.two.recep:hover li:nth-child(2), .ECCM2M.two.recep:hover li:nth-child(3), .ECCM2M.two.recep:hover li:nth-child(5), .ECCM2M.two.recep:hover li:nth-child(6), .ECCM2M.two.recep:hover li:nth-child(7), .ECCM2M.two.recep:hover li:nth-child(8), .ECCM2M.two.recep:hover li:nth-child(9), .ECCM2M.two.recep:hover li:nth-child(10) { left: 45%; transition: all 0.5s; transition-timing-function: ease-in-out; visibility: visible; } .ECCM2M.two.recep:hover li:nth-child(6) { top: 130px; } .ECCM2M.two.recep li { transition: all 0.5s; transition-timing-function: ease-in-out; } .ECCM2M.two.recep li:first-child img { z-index: 3 !important; } .ECCM2M.two.recep li:nth-child(2) { text-align: left; top: -48px; left: 31%; width: 70%; } .ECCM2M.two.recep li:nth-child(3) { text-align: left; top: -46px; left: 31%; width: 70%; } .ECCM2M.two.recep li:nth-child(4) { width: 100%; transform: none; visibility: visible !important; position: absolute; top: 0px; } .ECCM2M.two.recep li:nth-child(6) { transform: none; visibility: visible; position: absolute; left: 77%; top: 76px; width: 25%; } .ECCM2M.two.recep li:nth-child(7) { visibility: visible; transform: none; position: absolute; top: -2px; left: 31%; font-size: 16px; text-transform: uppercase; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; margin: 0px 0px 0px 0px !important; letter-spacing: 3px; font-weight: 700; width: 70%; } .ECCM2M.two.recep li:nth-child(5) { display: none; } .ECCM2M.two.recep li:nth-child(8) { visibility: visible; transform: none; position: absolute; top: 30px; left: 31%; font-size: 16px; width: 70%; } .ECCM2M.two.recep li:nth-child(10) { visibility: hidden; transform: none; position: absolute; top: 77px; left: 31%; font-size: 16px; } /*.ECCM2M.two.recep li:nth-child(8):before, .ECCM2M.two.recep li:nth-child(10):before { content: " / "; display: inline-block; padding-right: 5px; color: #DA291C; font-weight: 900; }*/ .ECCM2M.two.recep li:nth-child(9) { visibility: hidden; transform: none; position: absolute; top: 45px; left: 31%; font-size: 16px; text-transform: uppercase; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; margin: 0px 0px 0px 0px !important; letter-spacing: 3px; font-weight: 700; } .ECCM2M.two.recep .col-lg-5 { transform: translate(0%, 0px) !important; width: 100% !important; height: 100px; z-index: 4 !important; } .ECCM2M.two.recep a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { width: 100%; height: 100px; pointer-events: all !important; cursor: pointer !important; background-color: #327a4d !important; opacity: 0.2; transition: all 0.5s; transition-timing-function: ease-in-out; color: transparent !important; } .ECCM2M.two.recep:hover a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { height: 200px; transition: all 0.5s; transition-timing-function: ease-in-out; } .ECCM2M.two.recep a.btn.btn-lg.btn-secondary.btn-list-button { width: 100%; height: 100px; pointer-events: all !important; cursor: pointer !important; background-color: #dadada !important; opacity: 0.5; transition: all 0.5s; transition-timing-function: ease-in-out; color: #dadada !important; } .ECCM2M.two.recep:hover a.btn.btn-lg.btn-secondary.btn-list-button, .ECCM2M.two.recep:hover a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { height: 200px; transition: all 0.5s; transition-timing-function: ease-in-out; } .ECCM2M.two.recep a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { width: 100%; height: 100px; pointer-events: all !important; cursor: pointer !important; background-color: transparent !important; opacity: 1; transition: all 0.5s; transition-timing-function: ease-in-out; color: transparent !important; top: -5px; position: relative; border: none !important; } @media (max-width: 813px) { .card.ECCM2M.two.recep { width: 100% !important; min-width: 0 !important; margin: 0px 0% 12px 0px !important; left: 0% !important; position: unset !important; } .ECCM2M.two.recep .col-lg-5 { width: 90.2% !important; } .ECCM2M.two.recep li:nth-child(6) { visibility: hidden !important; } .ECCM2M.two.recep li:nth-child(8) { visibility: hidden } } /* /viewregistration - Event Info From Registration*/ .ECCEventInfo.two li:nth-child(1) img { -webkit-filter: grayscale(100%); filter: grayscale(100%); right: -2% !important; left: unset; width: 40%; opacity: .8; } .ECCEventInfo.two li:nth-child(1):after { width: 40%; content: ''; display: block; position: fixed; top: 0; right: -2%; background: linear-gradient(to right, rgb(255 255 255) 5%,rgba(255,255,255,0) 160%); height: 100%; z-index: -10; } .card.ECCEventInfo.two { width: 100%; MARGIN-LEFT: 0; } .ECCEventInfo.two li:nth-child(2), .ECCEventInfo.two li:nth-child(4), .ECCEventInfo.two li:nth-child(8), .ECCEventInfo.two li:nth-child(10) { width: 24%; } .ECCEventInfo.two li:nth-child(3), .ECCEventInfo.two li:nth-child(9), .ECCEventInfo.two li:nth-child(11) { right: 0%; top: 50px; border: 1px solid black; } .ECCEventInfo.two li:nth-child(1) { width: 0; } .ECCEventInfo.two li:nth-child(5) { right: 0%; top: 50px; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; } .ECCEventInfo.two li:nth-child(6) { right: 0%; top: 100px; border-left: 1px solid black; border-right: 1px solid black; } .ECCEventInfo.two li:nth-child(7) { right: 0%; top: 132px; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; padding-bottom: 35px !important; } @media (min-width: 813px) { .ECCEventInfo.two ul.card-detail li:nth-child(1):hover ~ li:nth-child(3), .ECCEventInfo.two ul.card-detail li:nth-child(1):focus ~ li:nth-child(3) { visibility: hidden !important; opacity: 0; transition-delay: 0s; } } /* /viewregistration - Header Big New*/ @media (max-width: 813px) { .ECCFieldHeader.Big.New { width: 100% !important; } .ECCFieldHeader.Big.New li:nth-child(1) { margin: 0 !important; line-height: 1 !important; padding: 0 !important; font-size: 28px !important; text-align: center !important; width: 100% !important; display: inline-flex; justify-content: center !important; } } .ECCFieldHeader.Big.New li:nth-child(1) { font-size: 40px; letter-spacing: 1.5px; margin: 30px 0 0px 0; text-align: left; padding: 0; color: black !important; font-family: 'Oswald'; text-transform: uppercase; font-weight: 700; } .card.ECCFieldHeader.Big.New { background: none; position: absolute; margin-left: 29% !important; text-align: left !important; top: 68px; background-color: transparent !important; } .ECCFieldHeader.Big.New li:nth-child(3) { display: contents; font-size: 16px; font-weight: 700; } .ECCFieldHeader.Big.New li:nth-child(3):before { content: " / " !important; padding-right: 5px; } .ECCFieldHeader.Big.New li:nth-child(2) { display: inline-table; font-size: 16px; margin-left: 10px; margin-top: 10px; } .ECCFieldHeader.Big.New ul.card-detail li:before { display: inline-block; color: #DA291C; font-weight: 900; } @media (max-width: 813px) { .card.ECCFieldHeader.Big.New { margin-left: 0 !important; top: 45px; } } /* /viewregistration - Date & Buttons*/ .ECCRegDate li:nth-child(7) { color: black !important; font-size: 14px !important; font-family: inter, Arial, sans-serif, HELVETICA, sans-serif; padding: 0 !important; text-align: center !important; white-space: nowrap; font-weight: 600; position: absolute; top: 68px; width: 200px; text-align: center !important; } .ECCRegDate li:nth-child(8) { color: black !important; font-size: 68px; font-family: oswald, segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; font-weight: 900; padding: 26px 0px 30px 0 !important; text-align: center !important; position: absolute; top: 90px; width: 200px; text-align: center !important; z-index: -1; } .card.ECCRegDate { position: unset; background: none; min-height: 192px; margin-left: 5% !important; background-color: transparent !important; } .card.ECCRegDate .card-heading { display: none; } .ECCRegDate ul.card-detail a { text-decoration: none; padding-left: 4px; } .ECCRegDate li:nth-child(1) { position: relative; top: 120px; width: 200px; text-align: center !important; height: 160px; } .ECCRegDate li:nth-child(1) a { display: none !important; } .ECCRegDate li:nth-child(1):after { content: 'Save the Date' !important; display: inline-block !important; padding-left: 4px; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; cursor: pointer; color: #da291c !important; } .ECCRegDate li:nth-child(6), .ECCRegDate li:nth-child(2), .ECCRegDate li:nth-child(3), .ECCRegDate li:nth-child(4), .ECCRegDate li:nth-child(5) { visibility: hidden; overflow: hidden; opacity: 0; transition: visibility 0s ease-out 1s,opacity 1s ease-out; position: absolute; background: #ffffff; height: fit-content; padding: 0% 0% 0% 0% !important; text-align: left; z-index: 1; margin: 0 !important; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; width: 200px; text-align: center !important; border-right: 1px solid black; border-left: 1px solid black; pointer-events: none; } .ECCRegDate li:nth-child(2) { top: 211px; border-top: 1px solid black; } .ECCRegDate li:nth-child(3) { top: 239px; } .ECCRegDate li:nth-child(4) { top: 266px; } .ECCRegDate li:nth-child(5) { top: 293px; } .ECCRegDate li:nth-child(6) { top: 320px; border-bottom: 1px solid black; } .ECCRegDate li:nth-child(6):hover, .ECCRegDate li:nth-child(2):hover, .ECCRegDate li:nth-child(3):hover, .ECCRegDate li:nth-child(4):hover, .ECCRegDate li:nth-child(5):hover { visibility: visible !important; opacity: 1; transition-delay: 0s; } .ECCRegDate ul.card-detail li:nth-child(1):hover ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(1):focus ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(1):hover ~ li:nth-child(2), .ECCRegDate ul.card-detail li:nth-child(1):focus ~ li:nth-child(2), .ECCRegDate ul.card-detail li:nth-child(1):hover ~ li:nth-child(3), .ECCRegDate ul.card-detail li:nth-child(1):focus ~ li:nth-child(3), .ECCRegDate ul.card-detail li:nth-child(1):hover ~ li:nth-child(4), .ECCRegDate ul.card-detail li:nth-child(1):focus ~ li:nth-child(4), .ECCRegDate ul.card-detail li:nth-child(1):hover ~ li:nth-child(5), .ECCRegDate ul.card-detail li:nth-child(1):focus ~ li:nth-child(5), .ECCRegDate ul.card-detail li:nth-child(2):hover ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(2):focus ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(2):hover ~ li:nth-child(3), .ECCRegDate ul.card-detail li:nth-child(2):focus ~ li:nth-child(3), .ECCRegDate ul.card-detail li:nth-child(2):hover ~ li:nth-child(4), .ECCRegDate ul.card-detail li:nth-child(2):focus ~ li:nth-child(4), .ECCRegDate ul.card-detail li:nth-child(2):hover ~ li:nth-child(5), .ECCRegDate ul.card-detail li:nth-child(2):focus ~ li:nth-child(5), .ECCRegDate ul.card-detail li:nth-child(3):hover ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(3):focus ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(3):hover ~ li:nth-child(2), .ECCRegDate ul.card-detail li:nth-child(3):focus ~ li:nth-child(2), .ECCRegDate ul.card-detail li:nth-child(3):hover ~ li:nth-child(4), .ECCRegDate ul.card-detail li:nth-child(3):focus ~ li:nth-child(4), .ECCRegDate ul.card-detail li:nth-child(3):hover ~ li:nth-child(5), .ECCRegDate ul.card-detail li:nth-child(3):focus ~ li:nth-child(5), .ECCRegDate ul.card-detail li:nth-child(4):hover ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(4):focus ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(4):hover ~ li:nth-child(2), .ECCRegDate ul.card-detail li:nth-child(4):focus ~ li:nth-child(2), .ECCRegDate ul.card-detail li:nth-child(4):hover ~ li:nth-child(3), .ECCRegDate ul.card-detail li:nth-child(4):focus ~ li:nth-child(3), .ECCRegDate ul.card-detail li:nth-child(4):hover ~ li:nth-child(5), .ECCRegDate ul.card-detail li:nth-child(4):focus ~ li:nth-child(5), .ECCRegDate ul.card-detail li:nth-child(5):hover ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(5):focus ~ li:nth-child(6), .ECCRegDate ul.card-detail li:nth-child(5):hover ~ li:nth-child(2), .ECCRegDate ul.card-detail li:nth-child(5):focus ~ li:nth-child(2), .ECCRegDate ul.card-detail li:nth-child(5):hover ~ li:nth-child(3), .ECCRegDate ul.card-detail li:nth-child(5):focus ~ li:nth-child(3), .ECCRegDate ul.card-detail li:nth-child(5):hover ~ li:nth-child(4), .ECCRegDate ul.card-detail li:nth-child(5):focus ~ li:nth-child(4){ visibility: visible !important; opacity: 1; transition-delay: 0s; } .ECCRegDate li:nth-child(2) a, .ECCRegDate li:nth-child(3) a, .ECCRegDate li:nth-child(4) a, .ECCRegDate li:nth-child(5) a, .ECCRegDate li:nth-child(6) a { pointer-events: all !important; } @media (min-width: 813px) { .ECCRegDate li:nth-child(1) span { display: none; } } @media (max-width: 813px) { .ECCRegDate li:nth-child(8) { font-size: 18px; margin-left: 36px; top: 120px; text-align: left !important; display: none; } .ECCRegDate li:nth-child(7) { text-align: left !important; margin-left: 62px; top: 145px; display: none; } .card.ECCRegDate { min-height: 200px; padding-bottom: 0 !important; } .ECCRegDate li:nth-child(1) { top: 135px; } } @media (min-width: 813px) and (max-width: 1200px) { .card.ECCRegDate { margin-left: 0% !important; } .ECCRegDate li:nth-child(7) { } .ECCRegDate li:nth-child(8) { } .card.ECCM2M.two.vr { width: 40% !important; } .ECCM2M.two.vr .col-lg-5 { transform: translate(8px, 237px) !important; width: 40% !important; } .ECCFieldHeader.Big.New li:nth-child(1) { font-size: 32px !important; letter-spacing: 0.5px; margin: 32px 0px 0px 9px; text-align: left; padding: 0; color: black !important; font-family: 'Oswald'; text-transform: uppercase; font-weight: 700; line-height: 1.2; } } @media (min-width: 813px) and (max-width: 1200px) { .card.ECCM2M.two.vr { width: 48.5% !important; margin: 0px 1% 200px 0px !important; } .ECCM2M.two.vr .col-lg-5 { transform: translate(8px, 237px) !important; width: 40% !important; } } /* /viewregistration - My Registrations*/ .card.ECCAllRegs { border-radius: 0; border: 1px solid black; padding: 0 20px 20px 20px; } /* /viewregistration - Continue The Conversation*/ .ContinueTheConversation p { display: inline; } .ECCFieldHeader.Big.ContinueTheConversation .card-heading { font-size: 25px !important; margin: 46px 0 0px 0; text-align: left; letter-spacing: 4px; padding: 0; } .card.ECCFieldHeader.Big.ContinueTheConversation { margin-bottom: 35px !important; margin-top: 58px !important; } .card.ECCM2M.two.vr { width: 31%; height: 269px; margin: 0px 2% 200px 0px; } .ECCM2M.two.vr img { height: 270px !important; -webkit-filter: brightness(0.6) saturate(1) grayscale(80%) contrast(0.9); z-index: 1 !important; filter: brightness(0.6) saturate(1) grayscale(80%) contrast(0.9); } .ECCM2M.two.vr li:nth-child(4) { transform: translate(0px, -273px); } .ECCM2M.two.vr li:nth-child(2) { position: absolute; color: #000000; top: 276px; z-index: 2; left: 10px; font-size: 24px; /* text-transform: uppercase; */ font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; font-weight: 600; } .ECCM2M.two.vr li:nth-child(3) { position: absolute; top: 306px; left: 10px; z-index: 2; /* color: #DA291C; */ font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; font-size: 16px; } .ECCM2M.two.vr li:nth-child(5) { position: absolute; top: 78px; transform: none; left: 10px; font-weight: 600; color: black; z-index: 2; font-size: 18px; } .ECCM2M.two.vr:hover li:nth-child(5) { visibility: visible; } .ECCM2M.two.vr li:nth-child(5):before { content: "Topic: "; display: inline; font-weight: 600; } .ECCM2M.two.vr li:nth-child(7) { transform: none; position: absolute; top: -8px; visibility: visible; color: white; z-index: 2; font-size: 16px; text-transform: uppercase; font-family: segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; margin: 0px 0px 0px 0px !important; letter-spacing: 5px; font-weight: 700; left: 10px; } .ECCM2M.two.vr:hover li:nth-child(7) { color: black !important; } .ECCM2M.two.vr li:nth-child(8) { transform: none; position: absolute; top: 31px; visibility: visible; color: white; z-index: 2; font-size: 15px; margin: 0px 0px 0px 0px !important; left: 10px; } .ECCM2M.two.vr:hover li:nth-child(8) { color: black !important; } .ECCM2M.two.vr li:nth-child(8):before { content: " / "; display: inline-block; padding-right: 5px; color: #DA291C; font-weight: 900; } .ECCM2M.two.vr li:nth-child(6) { font-style: italic; visibility: visible; transform: none; z-index: 2; position: absolute; top: 237px; left: 12px; color: white; font-size: 15px; } .ECCM2M.two.vr:hover li:nth-child(6) { color: black; } .ECCM2M.two.vr .col-lg-5 { width: 100%; position: absolute; transform: translate(0px, 330px) !important; } .ECCM2M.two.vr a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { text-align: left !important; padding: 10px 5px 16px 10px; } .ECCM2M.two.vr a.btn.btn-lg.btn-secondary.btn-list-button { text-align: left !important; padding-left: 10px; } .ECCM2M.two.vr .btn-primary { text-transform: uppercase !important; border-radius: 20px !important; background-color: #fff !important; border: 2px solid #DA291C !important; color: #333 !important; text-align: center !important; font-size: 12px !important; transition: all 0.5s !important; cursor: pointer !important; margin: 5px 5px 5px 0px !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; letter-spacing: 2px; font-weight: 600; line-height: 1; width: 170px !important; min-width: 140px; float: left; margin-left: 10px !important; } .ECCM2M.two.vr .btn-primary:hover { background-color: #DA291C !important; color: #fff !important; } @media (max-width: 813px) { .card.ECCM2M.two.vr { width: 96%; margin: 0px 2% 160px 2%; } .ECCM2M.two.vr .col-lg-5 { width: 100% !important; } } /* /viewregistration - Buttons*/ .card.ECCViewRegButtons.m-card-no-heading { background: none; background-color: transparent !important; } .card.ECCViewRegButtons.m-card-no-heading .btn { margin-top: 6px !important; letter-spacing: 1px; } .card.ECCViewRegButtons.m-card-no-heading .btn-secondary{ margin-right: 8px !important; } .ECCViewRegButtons.two .btn-primary { min-width: 400px; margin-left: 50% !important; margin-right: 50% !important; margin-top: 65px !important; } @media (max-width: 813px) { .ECCUpcoming a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { text-align: center !important; } } .ECCMSCButtons a.btn.btn-lg.btn-secondary { padding: 0 15px !important; -ms-transform: translateY(20%); transform: translateY(20%); margin: 5px !important; min-width: 85px; letter-spacing: 1px; } .card.Assignments .btn { padding: 0 15px; } .card.MembershipCommittee-Chair\&ViceChairPanel .btn, .card.IncompleteCandidates .btn { padding: 0 15px; } .ECCMSCButtons .card-detail.card-actions.m-overflow-auto { padding: 5px; } .ECCMSCButtons .col-sm-5.col-lg-7 { padding: 0; width: 100%; } @media (max-width: 813px) { .ECCMSCButtons a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { width: 100%; margin: 5px 0px !important; } .ECCMSCButtons a.btn.btn-lg.btn-secondary.btn-list-button { width: 100%; margin: 5px 0px !important; } } .WhiteOverPicture { position: relative; bottom: -2px; font-size: 45px; font-weight: 500; line-height: 54px; text-align: center; font-style: italic; } .WhiteOverPicture a { text-decoration: none; } .WhiteOverPicture a:link { border-bottom: none; } .WhiteOverPicture a:hover { border-bottom: none; } .card.ECCActionNotice.m-card-no-heading { background-color: transparent; padding: 0px 0px 0px 0px !important; margin: 0px 0px 8px 0px; font-family: 'Inter'; } .ECCActionNotice p { margin: 0px 0px 0px 0px !important; line-height: 1; padding: 2px 0px 2px 10px; } .ECCActionNotice .card-heading { padding: 0 !important; } .ECCActionNotice ul.card-detail { background-color: transparent; margin: 0px 0px 0px 0px !important; line-height: 1; padding: 2px 10px 4px 10px; border-radius: 4px; font-family: 'Inter'; } .text-danger { color: #DA291C !important; } .ECCActionNotice { padding: 0px 0px 8px 0px !important; } .card.ECCActionNoticeSuccess.m-card-no-heading p { color: rgb(139, 99, 75); font-style: italic; text-align: center; margin-top: 34px !important; font-weight: 600; } .ECCActionNoticeSuccess ul.card-detail { background-color: #f1f9f7; border-color: #e0f1e9; margin: 0px 0px 0px 0px !important; line-height: 1; padding: 2px 0px 2px 10px; border-radius: 4px; } .ECCActionNoticeSuccess { padding: 0px 0px 8px 0px !important; } .card.ECCActionNoticeSuccess.m-card-no-heading { background-color: #f1f9f7; padding: 0px 0px 0px 0px !important; margin: 0px 0px 8px 0px; } .ECCActionNoticeSuccess p { margin: 0px 0px 0px 0px !important; line-height: 1; padding: 2px 0px 2px 10px; } .ECCActionNoticeSuccess .card-heading { padding: 0 !important; } .ECCActionNoticeWhite ul.card-detail { background-color: transparent !important; border-color: #e0f1e9; margin: 0px 0px 0px 0px !important; line-height: 1; padding: 2px 0px 2px 10px; border-radius: 4px; } .ECCActionNoticeWhite { background: none !important; } .ECCActionNoticeWhite { padding: 0px 0px 8px 0px !important; } .card.ECCActionNoticeWhite.m-card-no-heading { background-color: #fdfdfd; padding: 0px 0px 0px 0px !important; margin: 0px 0px 8px 0px; font-family: 'Inter'; } .ECCActionNoticeWhite p { margin: 0px 0px 0px 0px !important; line-height: 1; padding: 2px 0px 2px 10px; font-family: 'Inter'; } .ECCActionNoticeWhite .card-heading { padding: 0 !important; } iframe { max-width: 100%; overflow: hidden; } @media (max-width: 813px) { iframe { max-width: 100%; overflow: hidden; max-height: 285px; } } .m-card-as-alert p { font-size: 12px; margin: 0; line-height: 1.6; } .ECCReciprocity a.btn.btn-lg.btn-secondary { width: 200px; } .ECC66PercentCard { float: left; width: 64.3% !important; } /*File Upload card*/ .ECCFileUpload.Sponsor1 label.btn.btn-primary.btn-choose-file-button:after { content: "Upload Sponsor 1 Letter"; } .ECCFileUpload.Sponsor1 label.btn.btn-primary.btn-choose-file-button span { display: none !important; } .ECCFileUpload .btn.m-add-additional-link { display: none; } .ECCFileUpload .btn.btn-primary.btn-choose-file-button { width: 100% !important; max-width: 100%; background-color: white !important; color: black !important; border-color: #da291c !important; letter-spacing: 0px; overflow-wrap: break-word; overflow: hidden; } .ECCFileUpload .btn.btn-primary.btn-choose-file-button:hover { background-color: #da291c !important; color: white !important; border-color: #da291c !important; } .ECCFileUpload.card ul.card-detail.m-card-detail-striped li { background-color: transparent !important; } .ECCFileUpload a { display: none; } .card.ECCFileUpload { width: 33.33%; FONT-WEIGHT: 600; color: #000; background-image: none; padding: 6px 10px 4px 10px !important; margin: 0px 2.33% 0px 0px !important; border-radius: 0px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); float: left; } .card.ECCFileUpload:HOVER { position: relative; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 14%), 0 3px 7px 0 rgb(0 0 0 / 12%), 0 5px 3px -2px rgb(0 0 0 / 20%); } .ECCFileUpload .card-heading { padding: 0px 0px 8px 0; font-size: 12px !important; } .ECCFileUpload .m-file-details { display: inline-block; width: 100%; } .ECCFileUpload.ECCUploadComplete:hover { background-color: white !important; transition: all 1s; } .ECCFileUpload.ECCUploadComplete { background-color: #94959442 !important; transition: all 1s; } .ECCFileUpload.ECCUploadComplete:hover .card-heading { color: black !important; transition: all 1s; } .ECCFileUpload.ECCUploadComplete .card-heading { color: grey !important; transition: all 1s; } .ECCFileUpload.ECCUploadComplete .btn.btn-primary.btn-choose-file-button { background-color: #00000042 !important; transition: all 1s; border-color: grey !important; } .ECCFileUpload.ECCUploadComplete:hover .btn.btn-primary.btn-choose-file-button { background-color: white !important; transition: all 1s; border-color: #da291c !important; } .ECCFileUpload.ECCSubmit a { display: block; } .ECCFileUpload.ECCSubmit .pull-left { width: 100%; } .ECCFileUpload.ECCSubmit { margin-bottom: 26px !important; } .card.ECCFileUpload.ECCSubmit.ECCHelpDescription.UploadSelectedFile\(s\) .card-heading { display: none; } .ECCFileDownload .btn.m-add-additional-link { display: none; } .ECCFileDownload .btn.btn-primary.btn-choose-file-button { width: 100% !important; max-width: 100%; } .ECCFileDownload .m-file-details { display: inline-block; width: 90%; } .ECCFileDownload .btn-choose-file-button { display: none; } .ECCFileDownload li { background-color: transparent !important; padding: 0px 20px 0px 20px !important; display: flex; align-content: center; align-items: center; } .ECCFileDownload li:hover { background-color: #f1f1f1 !important; } .ECCFileDownload ul.card-detail.m-card-detail-striped:first-of-type { display: none; } .ECCFileDownload .card-heading { display: none; } .card.ECCFileDownload.UploadedFiles, .card.ECCFileDownload { overflow: hidden; width: 62%; FONT-WEIGHT: 600; color: #000; background-image: none; padding: 10px 10px 10px 10px !important; margin: 0px 2.33% 26px 0% !important; border-radius: 0px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); float: right; min-height: 283px; } .card.ECCFileDownload.UploadedFiles:before, .card.ECCFileDownload:before { content: "All Candidate Files"; font-family: Inter, Georgia, times, Times New Roman, times-roman, serif; color: black !important; font-weight: bold; padding: 5px 1px 10px 15px; font-size: 15px !important; text-transform: uppercase; letter-spacing: 2.57px; display: inline-block; } .card.ECCFileDownload.UploadedFiles:hover, .card.ECCFileDownload:hover { bottom: 2px; position: relative; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 14%), 0 3px 7px 0 rgb(0 0 0 / 12%), 0 5px 3px -2px rgb(0 0 0 / 20%); } .ECCFileDownload.UploadedFiles .card-detail p, .ECCFileDownload .card-detail p { display: none; } .ECCFileDownload i.fa.fa-download { bottom: -1px; color: black !important; position: relative; left: 4px; background: white; padding-right: 5px; } .ECCFileDownload li:hover i.fa.fa-download { background: #f1f1f1 !important; } .ECCFileDownload .btn-secondary:hover i.fa.fa-remove:before { content: "Delete File"; font-family: inter; letter-spacing: 0; } /*SPONSOR 1 & 2 Pages*/ .ECCTextInput.two ul.card-detail { border: 1px solid black; padding: 20px; } .ECCTextInput.two { width: 80% !important; margin-left: 10%; } .col-sm-3.hidden-xs.ECCC12DynamicPage { display: none !important; } .col-sm-6.ECCC12DynamicPage { width: 100% !important; min-height: 98vh !important; padding-bottom: 20px !important; } /*Year In Review Testing - need java card .col-sm-12 { width: 98vw; margin: 0 !important; padding: 0 !important; position: absolute; left: 0px; Example headline}*/ .l-canvas.ECCSmooth { scroll-snap-type: y proximity; overflow-y: scroll; scroll-behavior: smooth !important; overflow-x: hidden; } .l-canvas.ECCSmooth .ECCYIR .card-heading img { scroll-snap-align: end; scroll-behavior: smooth !important; scroll-snap-stop: always; } .ECCSmooth .page-header.page-header-anchor.m-page-header { display: none; } .l-canvas .footer.ECCBye { display: none !important; } html { scroll-behavior: smooth; } .ECCYIR { padding: 0 !important; } .ECCYIR .card-heading { padding: 0 !important; margin: 0 !important; } .ECCYIR img { width: 84vw !important; height: 100vh !important; max-width: 100vw !important; object-fit: cover; object-position: top; } .ECCYIR ul.card-detail { position: absolute; left: 2%; top: 15px; z-index: 10; color: white; width: 80vw; height: 95vh; } .ECCYIR ul.card-detail:before { content: ""; position: absolute; top: 0px; left: 0px; width: 54.9vw; height: 100px; -webkit-filter: blur(12px); filter: blur(51px); transform: scale(2) translateY(-9px); background-color: #000000; overscroll-behavior-y: contain; overflow: hidden !important; } .ECCYIR li:nth-child(1) { font-family: 'Oswald'; font-size: 34px; line-height: 42px; font-weight: 500; position: relative; text-transform: uppercase; letter-spacing: 2.8px; } .ECCYIR li:nth-child(2) { color: white !important; font-size: 16px; position: relative; } .ECCYIR li:nth-child(3) { position: absolute; right: 0px; bottom: 0; transition: all 0.5s; transition-timing-function: ease-in; } .ECCYIR li:nth-child(3):hover { transition: all 0.5s; transition-timing-function: ease-in; } .ECCYIR li:nth-child(3):hover iframe { width: 79vw; height: 52vh; transition: all 0.5s; transition-timing-function: ease-in-out; } .ECCYIR li:nth-child(3) iframe { transition: all 0.5s; transition-timing-function: ease-in-out; } .ECCYIR li:nth-child(4) { position: relative; font-size: 16px; } .ECCYIR li:nth-child(4) a { padding-right: 18px; text-decoration: none; } .ECCYIR li:nth-child(4) a:hover { color: white !important; } .ECCYIR li:nth-child(5) img { height: 100px !important; object-fit: contain; text-align: left !important; width: 100px !important; max-width: 100px !important; max-height: 100px !important; } .ECCYIR li:nth-child(5) { text-align: left !important; position: absolute; left: 0 !important; bottom: 0; width: 200px !important; } .card.ECCYIRNav { position: fixed; left: 0; top: 0; z-index: 1000; height: calc(100vh); width: 15vw; background-color: black !important; border-radius: 0; } .l-canvas.ECCSmooth .col-sm-12.ECCFullScreen { left: 15vw; width: calc(100vw - 31vw); top: 100px; } .card.ECCYIRNav .table-striped td:nth-child(odd) { background-color: black !important; border: none !important; } .card.ECCYIRNav .table-striped td { background-color: black !important; border: none !important; } .card.ECCYIRNav td { padding-left: 10% !important; } .card.ECCYIRNav .card-detail { background-color: black !important; } .card.ECCYIRNav .card-heading.clearfix { margin-top: 5px; color: white !important; flex-wrap: wrap; display: inline-flex; padding-left: 10% !important; font-size: 14px !important; line-height: 1.6; font-family: Inter; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; } .ECCYIRNav thead.hidden-xs { display: none; } .ECCYIRNav a { color: #bbbbbb !important; text-decoration: none; } .ECCYIRNav a:hover { color: white !important; } .ECCYIRHome a.btn.btn-lg.btn-secondary:hover { color: #DA291C !important; } .ECCYIRHome a.btn.btn-lg.btn-secondary { position: fixed; left: 0px; bottom: 13px; z-index: 1000; background-color: transparent !important; border: none !important; color: white !important; } .card.ECCYIRHome.m-card-no-heading { padding: 0 !important; } @media (max-width: 813px) { .card.ECCYIRHome.m-card-no-heading { display: none; } .card.ECCYIRNav { display: none; } .l-canvas.ECCSmooth .col-sm-12.ECCFullScreen { left: 0; width: 100% !important; top: 0; padding: 0 !important; } .l-canvas.ECCSmooth { overflow-y: unset; } .ECCYIR img { width: 100vw !important; height: calc(69vh - 50px) !important; } .ECCYIR ul.card-detail { height: 60vh; } .ECCYIR li:nth-child(3) { left: 0px; } .ECCYIR:hover li:nth-child(3) { } .ECCYIR li:nth-child(3):hover { } .ECCYIR li:nth-child(3) iframe { width: unset !important; height: unset; max-width: 100vw; max-height: 100vh; } .ECCYIR li:nth-child(3):hover iframe { width: unset !important; height: unset; transition: all 0.5s; transition-timing-function: ease-in-out; max-width: 100vw; } } /*HELP TEXT .ECCText small { color: transparent; font-size: 12px; transition: all 1s; } input[type=text]:hover + small { color: black; } .col-md-8.m-control-value:hover small { color: black; } .ECCText .form-group { margin: 0; } .ECCText.ECCMyProfileCard */ .col-md-8.m-control-value { padding-left: 26px; } .form-horizontal .form-group { margin-left: 0; } small.m-toggle-button-text:before { display: none !important; } small { color: transparent; font-size: 14px; transition: all 1s; position: absolute; left: -16px; top: -3px; background-color: transparent; z-index: 1; width: 35px; height: 25px; overflow: hidden; padding: 5px 15px; } small:before { background-image: url(https://icones.pro/wp-content/uploads/2021/05/icone-point-d-interrogation-question-rouge.png); background-size: 20px 20px; background-repeat: no-repeat; display: inline-block !important; width: 26px !important; height: 20px !important; content: ""; margin-right: 10px; } small:hover { color: black; background-color: #f2f2f2; width: max-content; overflow: visible; height: fit-content; border-radius: 17px; min-width: fit-content; max-width: 100% !important; z-index: 20 !important; } small:hover::before { opacity: 0.2; } .expandable-list small { color: black; position: relative; } .expandable-list small:before { content: none; } .ECCMyProfileCard ul.card-detail.m-card-detail-striped { margin: 0px 12px 12px 12px; } .ECCTest3 { left: 105%; position: absolute; top: 0px; width: 35%; } div#j_id0\:j_id1\:j_id2\:j_id3\:j_id172\:j_id173\:j_id174\:j_id175_5\:j_id882\:j_id1032\:pagingToolbar\:j_id1033 { left: 105%; position: absolute; top: 0px; width: 35%; } /*Seat With Requests .card #j_id0\:j_id1\:j_id2\:j_id3\:j_id174\:j_id175\:j_id176\:j_id177_1\:j_id216\:j_id248 { background-color: #ddd ; border-color: #112750 ; color: #112750; border-radius: 10px; padding: 10px 0px 0px 10px; margin-bottom: 2px; }Seat With Requests also impacts table roster. REMOVING FOR NOW*/ div#j_id0\:j_id1\:j_id2\:j_id3\:j_id174\:j_id175\:j_id176\:j_id177_2\:j_id269\:j_id301 { background-color: #ddd; border-color: #112750; color: #112750; border-radius: 10px; padding: 10px 0px 0px 10px; margin-bottom: 2px; } .ECCTest3 label.card-detail-label { font-size: 10px !important; letter-spacing: 0px; } .ECCTest3 ul.card-detail { font-size: 10px; line-height: 1.2; letter-spacing: 0px; } .ECCTest3 a.btn.btn-lg.btn-secondary.s-lockable { font-size: 10px !important; width: 85% !important; padding: 4px 0px 4px 0px; } .card.ECCCandidate.m-card-no-heading { padding: 0 !important; background: none; } /*ECC Test 3 description for record list card type span#j_id0\:j_id1\:j_id2\:j_id3\:j_id172\:j_id173\:j_id174\:j_id175_5\:j_id882\:j_id913 { left: 105%; position: absolute; top: 0px; width: 35%; }*/ .fa-stack { line-height: 1.7em; } /*Express Payments*/ .col-md-12 { padding: 0px !important; } .ECCMemberDetails .col-sm-5.col-md-7.col-lg-8 { padding: 0 !important; } .ECCMemberDetails .col-sm-7.col-md-5.col-lg-4.l-text-right-desktop.l-no-gutter-left { padding: 0 !important; } .NUModal .slds-text-body_small.slds-text-color_weak.slds-text-align_left { display: none; } span.uiOutputCurrency { padding-left: 4px; } /*Headers*/ h2 { font-family: Georgia, times, Times New Roman, times-roman, serif; color: black !important; text-transform: capitalize; font-weight: bold; padding: 15px 0px 10px 0px; font-size: 21px !important; font-style: italic; } h6 { margin: 40px 0 15px 0 !important; padding: 5px; font-size: 24px; font-family: 'Oswald', segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; text-transform: uppercase; color: #141415; font-weight: 700; text-align: center; letter-spacing: 1.5px; background: transparent; display: inline-block; width: 100%; } .ECCH6 .card-heading { text-align: center !important; font-size: 26px !important; font-family: 'Oswald'; } .h6, .h6 .card-detail { margin: 40px 0 15px 0 !important; padding: 5px; font-size: 24px !important; font-family: 'Oswald', segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif !important; text-transform: uppercase; color: #141415; font-weight: 700; text-align: center; letter-spacing: 1.5px; background: transparent; display: inline-block; width: 100%; } h5 { margin: 0; padding: 0; font-size: 14px; font-family: helvetica; text-transform: uppercase; color: #3c3d3e; font-weight: 600; } h4 { font-family: Georgia, times, Times New Roman, times-roman, serif; color: #444 !important; text-transform: capitalize; font-weight: bold; padding: 15px 0px 10px 0px; font-size: 25px !important; font-style: italic; } h3 { margin: 0; padding: 0px 0px 0px 0px; font-size: 15px; font-family: helvetica; text-transform: uppercase; color: black; font-weight: 600; } .ECCClearHeader { clear: both; padding-bottom: 10px !important; } .ECCHeader .card-heading { padding: 0 !important; margin: 0; padding: 5px; font-size: 24px !important; font-family: segoe ui, "Segoe UI", Arial; text-transform: uppercase; color: #141415; font-weight: 700; text-align: center; letter-spacing: 1.5px; background: transparent; font-style: normal; } .ECCText.ECCHeader .card-detail { padding: 40px 0 0 0 !important; } .ECCRightCM { background-color: #e2e9ef !important; border: 1px solid #112750 !important; border-radius: 10px; padding: 15px 10px 5px 10px !important; left: 105%; position: absolute; top: 0px; width: 40%; } .ECCRightCM .card-heading { font-size: 14px !important; padding: 0px 0px 10px 0px; text-align: center; } .ECCRightCM ul.card-detail { font-size: 14px; } .ECCRightCM .btn-secondary { padding: 5px; } @media (min-width: 813px) { .ECCGuidelines img { left: 0px; position: fixed !important; top: 0px !important; z-index: -10; filter: grayscale(0%); width: 47.5%; object-fit: cover; opacity: 1; } .ECCGuidelines.card .card-detail img { min-height: 100%; min-width: 46%; } .l-canvas:hover .ECCGuidelines img { opacity: 0; transition: all 12s ease-in; } .l-canvas:hover .ECCGuidelines.NoHover img { transition: unset; opacity: 1; } .card.ECCGuidelines.m-card-no-heading { position: fixed; top: 0; background-color: #ffffff !important; right: 0; height: 100vh; width: 50.5%; } } @media only screen and (max-width: 813px) { .ECCGuidelines { display: none !important; } } .ECCMSCNav .btn.btn-lg.btn-secondary.s-lockable { text-transform: uppercase !important; border-radius: 0px !important; background-color: transparent !important; border: 0px solid transparent !important; color: #000000 !important; text-align: right !important; font-size: 14px !important; transition: all 0.5s !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; transform: unset; width: 100%; margin: 0px !important; padding: 10px 5px 16px 0px; cursor: not-allowed !important; pointer-events: none !important; } span#j_id0:j_id1:j_id2:j_id3:j_id174:j_id175:j_id176:j_id177_1:j_id216:j_id259:0:j_id264 { color: #FFFFFF; font-size: 40px !important; } /*Page Container (ALL THREE CONTAINTERS) width: 1270px;min-width: 1200px;*/ @media (max-width: 812px) { .container { padding-right: 1vw !important; padding-left: 1vw !important; } .col-sm-12 { padding-right: 1vw !important; padding-left: 1vw !important; } .col-sm-offset-3.col-sm-6 .m-paging-nav.text-center { left: 0% !important; } } @media (min-width: 992px) and (max-width: 1200px) { .container { width: 954px; } } @media (min-width: 813px) { .container { padding-left: 0px !important; } .col-sm-offset-3 { min-height: 100vh; } } .row { margin-left: 0px; margin-right: 0px; } div#j_id0:j_id1:j_id2:j_id3:PageContainer { margin-left: -40px; margin-right: -40px; } /*LEFT Nav Bar*/ .col-sm-3.hidden-xs { padding-left: 0; padding-right: 0px; padding-top: 0px; position: sticky; position: -webkit-sticky; top: 45px; width: 24% } .list-group { margin-bottom: 20px; padding-left: 0; border: 0px solid #7e7e7e; } a.list-group-item { color: #000 !important; font-family: Inter, 'Inter', segoe ui, "Segoe UI", Arial; font-weight: 500; font-size: 14px; text-decoration: none; border-bottom: 1px solid transparent !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } a.list-group-item:hover { border-bottom: 1px solid #e75442 !important; background-color: transparent; } .list-group-item { position: relative; display: inline-block; padding: 0 0px 3px 0 !important; background-color: transparent; overflow: hidden; float: left; margin: 5px 23% 5px 12px; } /*LEFT Nav Bar*/ .list-group-item.beta:after { content: " ONE-ON-ONE MONTHLY CONNECTIONS" !important; color: #000000 !important; font-size: 10px; display: inline-block !important; /* border: 1px solid #000; */ text-align: left; margin-left: 1px; padding: 0px 4px 0px 4px; margin-right: 0 !important; position: absolute; left: 94px; overflow: visible; z-index: 100; overflow-anchor: visible; top: -2px; opacity: 0; transition: 1s linear all; } .list-group-item.beta { overflow: visible; } .list-group-item.beta:hover::after { opacity: 1 !important; transition: 1s linear all; } .list-group-item.nms:after { content: " NEW"; color: #c76060; font-size: 11px; display: inline-block; text-align: center; margin-left: 8px; padding: 0px 4px 0px 4px; margin-right: 0 !important; } /*MIDDLE Content 'Bar'*/ div.col-sm-6 { padding-right: 0px; padding-left: 0px; /*width: 55%; use this to turn 3rd column back on, with 3rd column*/ width: 76%; } @media only screen and (max-width: 813px) { .col-sm-6 { width: 100% !important; } } /*RIGHT Nav Bar*/ div.col-sm-3 { width: 20%; background-color: transparent; } .col-sm-3 { padding-left: 30px; } /*TOP Nav Bars Combined*/ li.m-global-nav-item.ECCMyProfileIcon:before { width: 34px !important; height: 34px; content: url(https://econclubchi.org/wp-content/uploads/2021/01/login-button-dark.svg); position: relative; top: 4px; } li.m-global-nav-item.ECCMyProfileIcon:hover::before { width: 34px; height: 34px; content: url(https://econclubchi.org/wp-content/uploads/2021/05/login-button-bg-red.svg); } li.m-global-nav-item.ECCMyProfileIcon a { position: absolute; margin-right: 0%; right: 1px; top: 54px; opacity: 0; visibility: hidden; transition: visibility 0s ease-out 1s,opacity 1s ease-out; padding: 5px 5px 5px 15px !important; background-color: white !important; min-height: 5px !important; border-radius: 10px 10px 0px 0px; width: 275px; z-index: 100; height: 37px; } li.m-global-nav-item.ECCMPI.GMPtwo { bottom: -18px; border-top: 1px solid #da291c !important; border-radius: 10px 10px 0px 0px; z-index: 99; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded li.m-global-nav-item.ECCMyProfileIcon a { padding: 5px 5px 5px 15px !important; border-bottom: none !important; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded li.m-global-nav-item.ECCMyProfileIcon a:hover { padding: 5px 5px 5px 15px !important; border-bottom: none !important; color: #da291c !important; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded li.m-global-nav-item.ECCMPI a { border: none !important; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded li.m-global-nav-item.ECCMPI a:hover { border: none !important; color: #da291c !important; } li.m-global-nav-item.ECCMyProfileIcon { padding-top: 12px !important; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded .ECCMyProfileIcon:hover a { visibility: visible !important; opacity: 1; transition-delay: 0s; } li.m-global-nav-item.ECCMyProfileIcon:hover ~ li.m-global-nav-item.ECCMPI, li.m-global-nav-item.ECCMPI:hover, li.m-global-nav-item.ECCMPI:hover ~ li.m-global-nav-item.ECCMPI, li.m-global-nav-item.ECCMPI.GNorders:hover ~ li.m-global-nav-item.ECCMPI.GML, li.m-global-nav-item.ECCMPI.GNorders:hover ~ li.m-global-nav-item.ECCMPI.GNlogout, li.m-global-nav-item.ECCMPI.GNorders:hover ~ li.m-global-nav-item.ECCMPI.GMPtwo { visibility: visible !important; opacity: 1; transition-delay: 0s; } li.m-global-nav-item.ECCMPI.GNorders { bottom: -56px; z-index: 100; } li.m-global-nav-item.ECCMPI.GNorders.gdupe { bottom: -56px; z-index: 99; } li.m-global-nav-item.ECCMPI.GML { bottom: -94px; z-index: 100; } li.m-global-nav-item.ECCMPI.GML.gdupe { bottom: -94px; z-index: 99; } li.m-global-nav-item.ECCMPI.GNlogout { bottom: -132px; border-bottom: 1px solid #da291c; border-radius: 0px 0px 10px 10px; } li.m-global-nav-item.ECCMPI { position: absolute; opacity: 0; visibility: hidden !important; transition: visibility 0s ease-out 1s,opacity 1s ease-out; padding: 0 !important; background-color: white !important; min-height: 5px !important; border-left: 1px solid #da291c; border-right: 1px solid #da291c; width: 278px; border-top: none !important; padding: 5px 5px 5px 1px !important; height: 38px; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded { background-color: #FFFFFF; margin-right: auto; margin-left: auto; padding-left: 20px; z-index: 20; } li.m-global-nav-item { min-height: 73px; padding-top: 22px !important; margin-left: 0 !important; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded li { padding-left: 0px; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded a { font-family: 'Inter', Inter, segoe ui, "Segoe UI", Arial, sans-serif; border-bottom: none; text-decoration: none; font-size: 14px; letter-spacing: 0.3px; font-weight: 700; margin: 0 13px; padding: 0px 0 4px 0 !important; letter-spacing: 0.3px; padding: 0 13px; color: #000 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded a:hover { color: #000 !important; border-bottom: 1px solid #da291c !important; } a.navbar-brand.m-navbar-logo:hover { border: none !important; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded a:hover { color: #FFFFFF; } li.m-global-nav-item.ECCGlobalHide { display: none; } @media (max-width: 813px) { .l-navbar-fixed-top-mobile { position: fixed; right: 0; left: 0; top: 0; z-index: 1030; /*display: none;*/ } } /* Persist logo img size */ .navbar-brand.m-navbar-logo img { height: 38px; margin-top: 22px; } a.navbar-brand.m-navbar-logo { margin: 0 !important; } .navbar.navbar-default.l-navbar-fixed-top-mobile.navbar-branded { width: auto; display: block; z-index: 4000; } @media (max-width: 813px) { .navbar-brand.m-navbar-logo img { margin-top: 8px; } } /*TOP Navigation Links*/ .navcontainer { position: absolute; top: 20px; transform: translate(270%, -50%); } /* left: 50%; margin-right: -50%;*/ .navbar-right { float: none !important; } .navbar-collapse { padding: 0px 0px 0px 0px; background-color: #FFFFFF; } .navbar-nav.navbar-right:last-child { margin: none !important; } .navbar-nav > li > a { padding-top: 0 !important; padding-bottom: 0 !important; } .navbar-nav > li > a { padding-top: 0 !important; padding-bottom: 0 !important; } /*TOP Header Logo Area*/ .eccImage { height: 38px !important; margin: 5px !important; } /*Black Banner at Top*/ .page-header.page-header-anchor.m-page-header { padding: 9px 0px 0px 0px; /*margin-top: 9px;*/ height: fit-content; z-index: 1200; min-height: 44px; border: none !important; } .page-header.page-header-anchor { padding: 5px 5px 5px 5px; height: 44px; background-color: #161919 !important; /*border-bottom-color: #FFFFFF !important;*/ position: sticky; position: -webkit-sticky; top: -1px; z-index: 10; } .page-header.page-header-anchor h1 { text-align: center; font-size: 24px; text-transform: uppercase; font-family: 'Oswald', segoe ui, "Segoe UI", Arial, sans-serif, HELVETICA, sans-serif; margin-top: -1px !important; letter-spacing: 3px; } @media (min-width: 813px) { .page-header.page-header-anchor h1 { margin-left: 24%; } } /*Page Description - Enable this section to turn OFF .page-header.page-header-anchor p { display: none; color: white; position: relative; bottom: 30px; }*/ /*Page Description*/ .page-header.page-header-anchor p { display: none; color: #ffffff; position: fixed; top: 1px; margin-left: 0.5%; font-size: 29px } .m-navbar-logo { } /*FOOTER*/ .main-footer { background-color: black; overflow: hidden; line-height: 55px; height: 100%; } @media (min-width: 1200px) { .main-footer { padding-left: calc((-1171px + 100vw)/2); padding-right: calc((-1171px + 100vw)/2); } } @media (min-width: 992px) and (max-width: 1200px) { .main-footer { padding-left: calc((-970px + 100vw)/2); padding-right: calc((-970px + 100vw)/2); } } @media (min-width: 813px)and (max-width: 992px) { .main-footer { padding-left: calc((-750px + 100vw)/2); padding-right: calc((-750px + 100vw)/2); } } /*Social Media Links*/ .social-right { text-align: right; vertical-align: middle; float: right; width: 50%; /*padding-right: 1%;*/ } .social-right a:hover img { filter: invert(1); } /*Copyright Info*/ .social-left { text-align: left; color: white; vertical-align: middle; float: left; width: 40%; margin-top: 18px; font-family: Inter; font-size: 12px; line-height: 1.5; webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; white-space: nowrap !important; } @media (max-width: 813px) { .social-left { display: none !important; } } /* ECC-1279, repair navigation menu for mobile */ /*Restore Menu color*/ .navbar-toggle.m-toggle-button .m-toggle-button-text { color: #000000; border-color: #000000; } /*Push nav to the right*/ .collapse.navbar-collapse{ float: right; } /* Remove link underlines from footer image links*/ .social-right a{ text-decoration: none; } /* Sticky Footer, only desktop view */ @media (min-width: 813px) { .l-canvas .footer { position: absolute; left: 0; right: 0; bottom: 0px; min-height: 55px; z-index: 200; } /* Derived from https://css-tricks.com/couple-takes-sticky-footer/ */ .l-canvas { min-height:100vh !important; position:relative; padding-bottom:55px; /* max height of footer */ } html, .m-footer { background-color: #FFFFFF !important; } } .l-canvas { min-height: calc(100vh - 50px); position: relative; padding-bottom: 55px; } .l-canvas .footer { position: absolute; left: 0px; right: 0; bottom: 0px; min-height: 55px; z-index: 200; } /* START ECC-1288 Adjustments */ /* Make Member Dashboard reappear. */ .m-off-canvas-nav .m-tertiary-navigation .list-group-item { display: block !important; } /* Hide mobile 'Meetings' and 'Orders' nav items. */ .m-off-canvas-nav > .list-group a[href*="/nc__myorders"] { display: none; } /*https://stackoverflow.com/questions/17455811/swap-div-position-with-css-only*/ /* Re-arrange the mobile nav such that Home and Logout are on the bottom */ .m-off-canvas-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } /* This first group is the Home/Nav Container */ .m-off-canvas-nav .list-group { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width:100%; } /* This second group is everything else */ .m-off-canvas-nav .m-tertiary-navigation { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width:100%; } /* Reduce whitespace between search fields on mobile, such as MemberDirectory */ @media (max-width: 990px) { .card-detail .form-horizontal .form-group { margin-left:auto; margin-right: auto; } } /* Ensure 'Right Column' collapses to bottom of card list on mobile */ @media (max-width: 813px) { .ECCRightColumn { position:initial; display: none; } } /* Ensure buttons (on pages like /clubmeeitings) are unified for mobile */ @media (max-width: 813px) { .col-lg-5 { position: initial; transform: unset; width: 100% !important; padding-top: 10px; text-align: center !important; } .col-lg-5 a.btn { width: 100%; margin: 5px 0px !important; text-align: center !important; } .m-button-row-item, .m-button-row-item a.btn { width: 100%; text-align: center !important; } .col-sm-5.col-lg-7 { padding: 0; width: 100%; } } /* Ensure buttons (on pages like /memberdirectory) are unified for mobile */ @media (max-width: 813px) { .col-lg-5 .pull-right, .row .pull-right, .row .pull-right .btn { width:100% !important; margin: 0px 0px !important; white-space: normal; } .col-lg-5 .pull-left, .row .pull-left, .row .pull-left .btn { width: 100% !important; margin: 0px 0px !important; } .col-lg-5 .ViewRegButtons .pull-left, .row .ViewRegButtons .pull-left, .row .ViewRegButtons .pull-left .btn { width: 95%; margin: 5px 0px !important; } } /* In conjunction with JS on ECCCoreTemplate.vfp, style a specific RecordTable card Red. */ .card.OrderHistory table thead { /*color:red;*/ } /* Special handle grouping of left and right floating buttons on View Reg page */ .ViewRegButtons .btn-lg { padding: 10px 18px; margin: 5px !important; min-width: 90%; } @media (max-width: 813px) { .ViewRegButtons .btn-lg { padding: 10px 9px; } .row .ViewRegButtons .pull-right { width:50%; margin: 5px 0px !important; } .row .ViewRegButtons .pull-left { width:50%; margin: 5px 0px !important; } } span.slds-text-heading_small { white-space: normal; } @media (min-width: 767px) { .slds-table .mobile-table-header{ display:none; } } .slds-table .mobile-table-header { float:left; font-weight:bold; } @media (min-width: 813px) { .ECCBorder .col-lg-5 { padding-right: 20px; } } /* Fix SLDS tooltip styling on mobile */ .slds-scope .slds-popover--tooltip { width:200px !important; } .slds-scope .AccountLookup .slds-popover--tooltip { left:-1rem !important; } .slds-scope .AccountLookup .slds-nubbin_bottom:before, .slds-scope .AccountLookup .slds-nubbin--bottom:before { left: 1.5rem !important; top: 100% !important; margin-top: -.5rem !important; } .slds-scope .AccountLookup .slds-nubbin_bottom:after, .slds-scope .AccountLookup .slds-nubbin--bottom:after{ left: 1.5rem !important; } /* removed xscroll html { overflow-x: hidden; } */ /*Upcoming MeetingsOld*/ .ECCUpcomingOld { border-bottom: 1px solid #cfd0d2 !important; padding: 10px 0px 10px 0px !important; } /* .ECCUpcomingOld a.btn.btn-lg.btn-primary.btn-list-button.s-lockable { background-color: #fff; border: 1px solid #ccc; color: #333; text-align: center; font-size: 14px; transition: all 0.5s; margin: 5px 0px; font-family: arial, helvetica, sans-serif; text-indent: 0px; text-decoration: none; min-width: 110px; letter-spacing: .62px; font-weight: 500; } .ECCUpcomingOld a.btn.btn-lg.btn-primary.btn-list-button.s-lockable:hover { background-color: #eaeaea; color: #333; border: 1px solid #ccc; } .ECCUpcomingOld a.btn.btn-lg.btn-secondary.btn-list-button { text-transform: uppercase !important; border-radius: 0px !important; background-color: transparent !important; border: 1px solid transparent !important; color: #7d3025 !important; text-align: right !important; font-size: 14px !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; width: 100%; margin: 0px !important; padding: 10px 5px 16px 0px; cursor: not-allowed !important; pointer-events: none !important; } .ECCUpcomingOld a.btn.btn-lg.btn-secondary.btn-list-button.s-lockable { text-transform: uppercase !important; border-radius: 0px !important; background-color: transparent !important; border: 1px solid transparent !important; color: #327a4d !important; text-align: right !important; font-size: 14px !important; transition: all 0.5s !important; font-family: arial, helvetica, sans-serif !important; text-indent: 0px !important; text-decoration: none; box-shadow: none; transform: unset; width: 100%; margin: 0px !important; padding: 10px 5px 16px 0px; cursor: not-allowed !important; pointer-events: none !important; } */ .ECCEventImg { padding: 0 !important; text-align: center; } @media (min-width: 813px) { .card.ECCUpcomingOld.two { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); float: left; height: 136px; text-align: left; font-family: 'Inter'; color: black !important; width: 47.7%; margin: 0% 1% 2% 1%; padding: 0% 1.5% !important; } .ECCUpcomingOld.two .col-sm-7.col-lg-5.l-text-right-desktop { width: 30% !important; position: relative; right: 10.5%; transform: translate(0px, 4px); padding: 0px; opacity: 0; transition: all 0.5s !important; } .ECCUpcomingOld.two:hover .col-sm-7.col-lg-5.l-text-right-desktop { opacity: 1; transition: all 1.5s !important; } } .ECCUpcomingOld.two .card-heading { font-size: 14px !important; line-height: 1.4; font-family: 'Inter', Inter, Ariel; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; font-style: normal !important; text-rendering: optimizeLegibility; } .ECCUpcomingOld.two .card-detail { font-size: 14px; font-family: 'Inter', Inter, Ariel; width: 140%; line-height: 1.5; } @media (max-width: 813px) { .ECCUpcomingOld.two .card-detail { width: 100%; } } .ECCUpcomingOld.two .card-detail.card-actions.m-overflow-auto { overflow: visible; } /* .ECCEventImg { padding: 0 !important; text-align: center; } .ECCEventImg .card-heading { display: none; } @media (min-width: 813px) { .ECCEventImg.card .card-detail img { } .ECCEventImg img { left: 0%; position: fixed; top: 40px !important; z-index: -10; overflow: hidden !important; margin: 0 38% 0 0; width: 62%; pointer-events: none; object-fit: cover; min-height: 100%; } .card.ECCEventImg.m-card-no-heading { background: #ffffff00; } } */