/*==== Global ====*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .group_admin_indicator{color:#FF0000} a, a:link, a:visited, a:active, .generic-option-link:not(.dropdown-item) { text-decoration: none; } a:hover { text-decoration: underline; transition: all 0.25s linear 0s; } blockquote { display: block; padding: 0.5em 10px; margin: 1.5em 10px; background-color: #F9F9F9; border-left:10px solid #cccccc;} figure, ol, ul { margin: 0; padding: 0; } ul, ol { list-style: none; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; border: 0; } input, select, textarea { display: inline-block; } input[type="text"], input[type="password"], textarea { width: 100%; padding: .5em; border: 1px solid #ccc; font-size: 1em; } table { width: 100%; } th.p1 { text-align: left; } .left {float: left; } .right {float: right; } .fas:hover { text-decoration: none; } .pointer { cursor: pointer; } .overflow-h { overflow: hidden; } .modal { z-index: 1050; } .gold { color: gold; } .line-through { text-decoration: line-through ;} .removeCKEPadding p { margin-block-end: 0em; margin-block-start: 0em; } .swl-ck.ck.ck-editor__editable_inline>:first-child { margin-top: var(--ck-spacing-small); } .swl-ck.ck.ck-editor__editable_inline>:last-child { margin-bottom: var(--ck-spacing-small); } .ck.ck-balloon-panel:not(.ck-toolbar-container), .ck.ck-balloon-panel.ck-balloon-panel_with-arrow { z-index: 1100; } .inline-mention-avatar, .ck.ck-reset_all img.inline-mention-avatar { width: 1.5rem; height: 1.5rem; border-radius: 50%; } @media (min-width: 768px) { .w-md-auto { width: auto !important; } } @media (max-width: 1199px) { #main.container-fluid { padding-right: 15px !important; padding-left: 15px !important; } } .swl_ajax_loader { position: fixed; left: calc(50% - 1em); top: calc(50% - 1em); z-index: 9999; } .word-break-all { word-break: break-all; } .word-break-normal { word-break: normal; } .word-break-word { word-break: break-word; } .p-15 { padding: .15rem; } .no_underline, .no_underline:hover { text-decoration: none; } .underline { text-decoration: underline !important; } .videodetector { position: relative; width: 100%; height: 0; padding-bottom: 60%; margin-top: .5rem; margin-bottom: .5rem; } .videodetector iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fixed-center { position: fixed; top: 50%; left: 50%; width: auto; height: auto; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .home-page { max-width: 90vw; } .home-page .partner-img { height: 3rem; object-fit: scale-down; } .home-page .partner-img-wrapper { max-width: 33%; } .home-page .logo-img { object-fit: scale-down; } .home-page .home-page-logo-card { max-height: 95vh; } @media (max-width: 992px) { .home-page .home-page-logo-card { min-width: 85vw; } } .home-page .partner-spacing { margin-top: 5rem; } .home-page-body-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .home-page-body-bg img.home-page-body-bg-img { height: 100%; width: 100%; overflow: hidden; outline: none; object-fit: cover; } .home-page-body-bg img.reveal { will-change: opacity; animation: reveal 500ms linear; animation-fill-mode: forwards; } @keyframes reveal { 0% { opacity: 50%; } 100% { opacity: 1; } } .bg-opaque { background-color: rgba(255,255,255,0.9); } .pl-0_95, .px-0_95 { padding-left: 0.95rem !important; } /*==== Site Basics ====*/ /* --- Buttons --- */ .add_item, .button, .create_blog_post a, .download_file ul li a, .layout_user_tools li.login a, .layout_user_tools li.registration a, .message_detail_reply_link a, a.time-zone-link, button, div.nav_search ul li a, div.form_button a, div.sgroup_browse_button ul li a, div.sitebutton ul li a, input[type="button"], .events-more-events a.events-more-events-link { border: none; border-radius: .25em; display: inline-block; padding: .5em 1em; text-align: center; text-decoration: none; } #tabs_chooser .tab a:hover, .add_item:hover, .button:hover, .create_blog_post a:hover, .download_file ul li a:hover, .layout_user_tools li.login a:hover, .layout_user_tools li.registration a:hover, .message_detail_reply_link a:hover, .sblog-post-body a:hover, .site_page_feedback_list .see_more_comments a:hover, a.time-zone-link:hover, div.nav_search ul li a:hover, div.form_button a:hover, div.sgroup_browse_button ul li a:hover, div.sitebutton ul li a:hover, input[type="button"]:hover, .events-more-events a.events-more-events-link:hover { cursor: pointer; opacity: .8; text-decoration: none; } .button__icon { font-family: 'Font Awesome\ 5 Free'; } /* primary buttons */ .add_item, .button, .download_file ul li a, .layout_user_tools li.login a, .message_detail_reply_link a, .site_page_feedback_list .see_more_comments a, a.time-zone-link, button, div.nav_search ul li a, div.form_button a, div.sgroup_browse_button ul li a, div.sitebutton ul li a, div.sitebutton ul li a:link, div.sitebutton ul li a:visited, input[type="button"], .events-more-events a.events-more-events-link, .nav_search a.search_submit_button, div.form_button a#add_content_button, .html_button_plain .form_button a, div.form_button a:link, .site_page_sblog_info .boxsitepage .horizontalList .unWatch a, .groups_groups_list .group_access.public { background-color: #03A78E; color: #fff; } div.nav_search ul li a { border-radius: 0; margin-bottom: 0; } /* secondary buttons */ .btn.btn-secondary a, .btn.btn-outline-secondary a { color: #6c757d; } .btn.btn-secondary:hover a, .btn.btn-outline-secondary:hover a { color: #ffffff; } div.sitebutton ul li.save_draft_post a, div.sitebutton ul li a#complete_task_button, div.sitebutton ul li a#save_draft_form_button, div.sitebutton ul li a#register_button, .select_buttons input.button, div.form_button a.event_select_recipients, .layout_user_tools li.registration a, .groups_groups_list .group_access.private { background-color: #006395; color: #fff; } /* delete/cancel buttons */ div.sitebutton ul li.delete_post a, div.sitebutton ul li a#deleteSelectedButton, div.sitebutton ul li.delete a { background-color: #d9534f; color: #fff; } /* pseudo buttons */ .sblog-post-body a, .site_page_feedback_list .see_more_comments a { padding: .25em .5em; line-height: 1em; border-radius: .25em; } /* sitebutton overrides */ .sitebutton { display: block; margin-top: 1.5em; } .sitebutton li { display: inline-block; margin-right: 1em; } .sitebutton li:last-child {margin-right: 0; } /* skinny column buttons */ .layout_75_25 .site_page_column_1 .form_button a, .layout_25_75 .site_page_column_0 .form_button a { width: 100%; max-width: 400px; } /* link buttons */ .btn.btn-link { background-color: transparent; color: #006395; } /* disabled buttons */ .btn:disabled:hover { cursor: not-allowed !important; } /* --- Byline --- */ .byline { display: block; clear: both; padding: .5em .8em; font-size: .8em; background-color: #f8f8f8; display: flex; flex-flow: row wrap; align-items: center; } .byline_item { margin-right: 1em; } .byline_item:last-child { margin-right: 0; } /* --- Banner --- */ .banner-block { margin: auto; position: relative; width: 100%; } .banner-icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; text-align: right; } .banner-avatar-image img { position: absolute; top: 15.5em; left: 1.25rem; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); padding: 5px; } .column_generic.col-lg-3 .banner-avatar-image img { max-width: 30%; top: 1.5em; } .column_generic.col-lg-4 .banner-avatar-image img { max-width: 30%; top: 0.5em; } .column_generic.col-lg-6 .banner-avatar-image img { top: 4.5em; } .column_generic.col-lg-8 .banner-avatar-image img { top: 8em; } .banner-avatar-title { padding-top: 2.5em; position: relative; z-index: 100;} .banner-avatar-icon { position: absolute; left: 130px; font-size: 1rem; } .banner-avatar-badge-area .avatar-action-level img { max-width: 275px; position: relative; height: 1.75em; } .banner-image { background-size: cover; display: block; overflow: hidden; position: relative; text-decoration: none; } .banner-default-bg { background: radial-gradient(#c3c3c3, #b0b0b0); } @media (max-width: 576px) { .banner-image { min-height: 127px; } .banner-default-bg { height: 127px; } .banner-avatar-icon { left: 110px; } .banner-avatar-badge-area { left: 150px; } .banner-bottom { min-height: 3rem; } .banner-avatar-title { padding-top: 2em; } .banner-avatar-image img { top: 1em; } } @media (min-width: 577px) and (max-width: 992px) { .banner-avatar-image img { top: 1.5em; } } @media (max-width: 768px) { .column_generic.col-lg-4 .banner-avatar-image img, .column_generic.col-lg-6 .banner-avatar-image img, .column_generic.col-lg-8 .banner-avatar-image img { top: 1.5em; } } @media (min-width: 768px) and (max-width: 992px) { .banner-avatar-image img { top: 4.5em !important; } } @media (max-width: 992px) { .banner-bottom-options { margin: 5px 0 0 -5px; } } @media (min-width: 993px) and (max-width: 1200px) { .banner-default-bg { height: 232px; } .banner-avatar-image img { top: 8em; } .column_generic.col-lg-6 .banner-avatar-image img { top: 0.5em; } .column_generic.col-lg-8 .banner-avatar-image img { top: 3em; } } @media (min-width: 1200px) and (max-width: 1438px) { .banner-default-bg { height: 277px; } .banner-avatar-image img { top: 11em; } .column_generic.col-lg-6 .banner-avatar-image img { top: 1.5em; } .column_generic.col-lg-8 .banner-avatar-image img { top: 5em; } } .text-shadow, .banner-icon .pointer, .banner-icon-2 { text-shadow: #000 1px 1px 1px; } .text-shadow-outline {text-shadow: #000 -1px -1px 0px, #000 1px -1px 0px, #000 -1px 1px 0px, #000 1px 1px 0px;} .icon-margin-right span[class*='fa-'] { margin-right: .25rem; } /* --- Captcha --- */ .captcha_non_generic {margin-top: 1.5em;} /* --- Card --- */ .card_header { margin-bottom: 1em; } .card_footer { margin-top: 1em; } .card_display { margin-bottom: 1em; } .card_image { display: flex; } .card_image.card_avatar { justify-content: center; } .card_image.card_banner { display: flex; } .card_access { display: block; } .card_access .access { width: 100%; border-radius: 0; padding: .5em; } .card_avatar + .card_access { margin-top: 1em; } .card_title, .card_description { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .card_byline { margin-top: 1em; } .card_actions { display: flex; } .card-grid { padding-top: 1em; } .card-grid .card { margin: 0 .5em 1em; width: calc(33.33% - 1em); } @media (max-width: 768px) { .card-grid .card { width: calc(50% - 1em); } } @media (max-width: 640px) { .card-grid .card { margin: 0 0 1em; width: 100%; } } .card-overlay { position: absolute; top: -0.25%; bottom: 0; left: -0.25%; right: 0; height: 100.5%; width: 100.5%; opacity: 0; background: rgba(0, 0, 0, 0.65); transition: .25s ease; } @media (min-width: 992px) { .card:hover .card-overlay { opacity: 1; } .card-overlay .card-footer .btn { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; z-index: 1; } .card-overlay .card-footer .btn:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; z-index: 1; } .card-overlay-parent:hover [data-generic-layout="heading"], .card-overlay-parent:hover .generic-option-text, .card-overlay-parent:hover img, .card-overlay-parent:hover [data-live-event] { opacity: 10%; } } .horizontal-card-img { object-fit: scale-down; border-bottom-right-radius: unset; border-top-right-radius: unset; } .horizontal-card-height { max-height: 12.5rem; min-height: 12.5rem; height: 12.5rem; width: 12.5rem; } /* --- Clear Fix --- */ .cf:after, .site_page_subnav:after, #main:after, .site_page_footer:after, .column_generic:after, .boxsitepagebody:after, #main_responsive_nav ul.menu:after, .comment_item:after, .comment_reply_item:after, .recent_comments:after, .galleryItems:after, .galleryItems li:after, ul.forumRow:after, .search_results .layout_100_sub_column_0 .search_option_range:after, .search_results .layout_100_sub_column_1_options .search_results_header:after, .search_results .layout_100_sub_column_1_options .search_results_list > li, .search_results .layout_100_sub_column_1_options .search_results_list .search_result_data:after, .subnav:after, .breadcrumbs:after, .subnav ul:after, #tabchooser:after, .site_page_footer:after, .module-content:after, .sblog_action_list:after, .sblog_feedback_list:after, .site_page_all_sblog .order_by:after, .site_page_feedback_list .feedback:after, .sblog:after, .sblog-post:after, .site_page_create_edit_blog_post_body .fieldrow:after, .site_page_sblog_manage_blog .multiple_select:after, .eventsItemsList li:after, .events_associate_photos #otheritems li:after, .events_upcoming_events .eventsItemsList:after, .events_upcoming_events .eventsItemsList li:after, .events_featured_event .column1:after, .events_item_form form > div:after, .events_event_invitees #eventInvitees .userInfo:after, .list-item:after, .accordion:after, .item_comment:after, .item_comment ul:after, #topicTypeContainer:after, .recent_topic_item:after, .recent_topic_heading:after, .recent_topic_replies_list:after, .recent_topic_reply_item:after, .post:after, .recent_post_item:after, .recent_post_heading:after, .groups_group_display .boxsitepagebody:after, .group_members_list .group_member:after, .groups_groups_list .group_list .group_item:after, .headerModule:after, #headerSearch:after, .profile_user_blocks #section_upc_radios:after, .profile_blog_posts .boxsitepage:after, .activity_feed .log_item:after, .reviewsItemsList li:after, .reviews_latest_reviews .reviewsItemsList .fieldResponse2:after, .reviews_item_block .column1:after, .reviews_subcategories #subCategoryList .column:after, .search_results .layout_100_sub_column_1_options .search_results_list > li:after, #footer:after, .profile_user_blocks .settings_section_header:after, .site_page_sblog_info .boxsitepage:after, .groups_group_information #group_information > div:after { content:""; display: table; clear: both; } /* --- Comments --- */ .comment_item { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .comment_item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .comment_thumb { display: inline-block; float: left; margin-right: 1em; } .comment_container { display: inline-block; float: right; width: calc(100% - 5em); } .comment_container .comment_body { margin: 1em 0; } .comment_container .horizontalList { margin-bottom: 1em; } .comment_container .horizontalList .commentDate { display: block; width: 100%; margin-right: 0; } .comment_reply_item { clear: both; padding: 1em; margin-bottom: 1em; background-color: #f8f8f8; border-radius: .25em; } .comment_reply_item:last-child { margin-bottom: 0; } .comment_reply_thumb { display: inline-block; float: left; margin-right: 1em; } .comment_reply_container { display: inline-block; float: right; width: calc(100% - 3.5em); } .recent_comments { display: block; clear: both; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #ccc; } .recent_comments:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .recent_comments .imageSmallSquare { display: inline-block; float: left; margin-right: 1em; } .recent_comments .comment_info { display: inline-block; float: left; width: calc(100% - 77px); } .comments_list .user-list-image { overflow: visible; } /* --- Generic Comments --- */ .comments_list .generic-body img, .comments .generic-body img { max-width: 100%; height: auto; } /* --- Chat --- */ .chat-area { max-height: 60vh; overflow-y: auto; } .chat-area [data-chat-bubble] { background-color: #ebebeb; } /* --- Combobox --- */ .combobox__container {position: relative; } .combobox__display { display: flex; } .combobox__input { flex-grow: 2; font-weight: normal; color: #444; } .combobox__button { width: calc(2em + .5em); border-radius: 0; display: flex; justify-content: center; } .combobox__button .button__icon:after { content: "\f0d7"; font-weight: 900; font-family: 'Font Awesome\ 5 Free';} .combobox__button_toggled { background-color: #03a78e; } .combobox__button_toggled .button__icon:after {content: "\f00d"; font-family: 'Font Awesome\ 5 Free';} .combobox__menu { position: absolute; border: 1px solid #ccc; border-top: 0; background-color: #f8f8f8; font-weight: normal; color: #444; z-index: 100; } .combobox__menu__item { padding: .5em; } .combobox__menu__item:hover { background-color: #03a78e; color: #fff; } .menu__item_selected { background-color: #03a78e; color: #fff; } .cropper-wrapper { display: block; height: 70vh; max-height: 70vh; } .cropper-wrapper img { display: block; max-width: 100%; } /* Address Form */ @media (min-width: 1000px) { .address_form { display: grid; grid-template-columns: 47.5% 47.5%; grid-template-rows: auto auto auto auto; grid-column-gap: 5%; grid-row-gap: 2px; } .address_form div[id$='address_1'] { grid-row: 1; grid-column: 1 / 3; } .address_form div[id$='address_2'] { grid-row: 2; grid-column: 1 / 3; } .address_form div[id$='city'] { grid-row: 3; grid-column: 1; } .address_form div[id$='postal_code'] { grid-row: 3; grid-column: 2; } .address_form div[id$='state'] { grid-row: 4; grid-column: 1; } .address_form div[id$='country'] { grid-row: 4; grid-column: 2; } } select[id$='country_select'], select[id$='state_select'], select[id$='province_select'] { width: 100%; padding: .5em; } /* --- FilePond --- */ .filepond--root { max-height: 30em; } _:-ms-lang(x), .filepond--root { max-height: none; } .filepond--file-action-button { cursor: pointer; } /* --- Forms --- */ label, .fieldLabel, .fieldlabel, .profileLabel, .input__label {display: block; margin-bottom: .5em; color: #006395; font-weight: 700; } label.form-check-label { display:inline-block; color:initial; font-weight:initial; } .nolink { color: inherit; } .form_field { display: block; width: 100%; margin-bottom: 1em; } .form_helper-text { font-weight: normal; color: inherit; margin-bottom: .5em; width: 100%; } .group_input, .field_input { margin-left: 15px; margin-right: 15px; } input.input-short { width: 10em; } input.hide-number-arrows::-webkit-outer-spin-button, input.hide-number-arrows::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input.hide-number-arrows[type=number] { -moz-appearance: textfield; } .upload_disclaimer_header{ display:block;font-size:1.5em;font-weight: bold;-webkit-margin-before:0.83em;-webkit-margin-after:0.83em;-webkit-margin-start:0px;-webkit-margin-end:0px; } /* generic color picker */ .field_input.color-field { display: flex; align-items: center; } .btn-color-window { width: 2em; height: 2em; margin-left: .5em; background-color: #fff; border: 1px solid #ccc; border-radius: .125em; } /* generic file upload */ .form_display { margin-bottom: .5em; } .form_display .display_thumbnail { margin-bottom: .5em; max-width: 50vw; } input[type="file"] { padding: .5em; border: 1px solid #eee; border-radius: .125em; } /* generic multifile */ .field_input.multiFile-field button label { cursor: pointer } .field_input.multiFile-field .multiFile-display .remove-attachment { cursor: pointer } /* generic radio input */ .radio-field { align-items: center; } .group_input .radio-field { margin-right: 1em; } .group_input .radio-field:last-child { margin-right: 0; } .radio-field .group_label, .checkbox-field .group_label { display: inline; line-height: 1em; margin-bottom: 0; font-weight: normal; } .group_input .field_input.radio-field, .group_input .field_input.checkbox-field,.group_input .field_input.multiCountry-field { margin-left: 0px } .Address-field .group_label { font-weight: normal; } /* disabled input */ form input:disabled, form input[readonly], form textarea:disabled, form select:disabled { background-color: #eee !important; color: #ccc !important; border-color: #ddd !important; } form input:disabled:hover, form input[readonly]:hover { cursor: not-allowed !important; } /* field sections */ form fieldset.fields_section { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; margin-top: 20px; background-color: #eeeff0; } form legend.fields_section_title { padding: 0 10px; border: 1px solid #ccc; background-color: #eeeff0; color: #006395; font-weight: 700; font-size: 1em; width: auto; } /* --- Tabs --- */ .collapsible_tab_content { padding-left: 1em; padding-right: 1em; } .collapsible_tab_content .collapse_header { background-color: #ccc; padding: 10px; border-radius: .25em; margin-top: 5px; } .collapsible_tab_content .collapse_header a { display: block; cursor: pointer; color: #444; } .collapsible_tab_content .collapse_header_show { background-color: #03a78e; } .collapsible_tab_content .collapse_header_show a, .collapsible_tab_content .collapse_header_show a:hover, .collapsible_tab_content .collapse_header_show a:focus { color: #fff; } .collapsible_tab_content .collapse { padding-top: 1em; } @media(min-width: 768px) { .collapsible_tab_content .collapse_header { display: none; } .collapsible_tab_content .collapse { display: block !important; } } @media(max-width: 767px) { .collapsible_tabs_nav { display: none; } .tab-pane.collapsible_tab_pane { display: block; opacity: 1; } } /* --- Gallery --- */ .galleryItems { display: block; } .galleryItems li { display: inline-block; float: left; margin-right: 1em; margin-bottom: 1em; text-align: center; } .galleryItems li:last-child { margin-bottom: 0; margin-right: 0; } /* --- Horizontal List, Sort List, Tabs List --- */ .horizontalList, #tabs_chooser, .display_tabs, .list-inline { align-items: center; display: flex; flex-flow: row wrap; } .horizontalList li, #tabs_chooser li, .display_tabs > div {margin-right: .5em; } .horizontalList li:last-child, #tabs_chooser li:last-child, .display_tabs > div:last-child {margin-right: 0; } .event-date-sort, .sortList { margin-bottom: 1em; } #groupAdminMessagingTabList.horizontalList li a, #groupAdminMemberTabList.horizontalList li a, .sortList li a, #tabs_chooser .tab a, .display_tabs > div a, .events_more_events .horizontalList li a { border: 1px solid transparent; border-radius: 1em; padding: 0 .5em; transition: all 0.25s linear 0s; } .sortList li a:hover, #tabs_chooser .tab a:hover, .display_tabs > div a:hover, .events_more_events .horizontalList li a:hover { border-color: #03a78e; color: #03a78e; text-decoration: none; } .sortList li.active a, #tabs_chooser .tab a.active, .display_tabs > div a.selected, .events_more_events .horizontalList li.active a { background-color: #03a78e; border-color: #03a78e; color: #fff; } .sortList li.active a:hover { opacity: .8; } #groupAdminMessagingTabList .tab_button a, #groupAdminMemberTabList .tab_button a { color: #aaa; } #groupAdminMessagingTabList .tab_button a:hover, #groupAdminMemberTabList .tab_button a:hover { border-color: #aaa; color: #aaa; text-decoration: none; } #groupAdminMessagingTabList .tab_button.active a, #groupAdminMemberTabList .tab_button.active a { background-color: #aaa; border-color: #aaa; color: #fff; } .sort_order { margin-top: 20px; } /* tab group - START */ .tab-group { margin-bottom: 1em; } .tab_wrap {margin-right: .5em; } .tab_wrap:last-child { margin-right: 0; } .tab { border-radius: 1em; padding: 0 .5em; transition: all 0.25s linear 0s; } .tab-primary { border: 1px solid transparent; background-color: transparent; color: #006395; } .tab-primary:hover { border-color: #03a78e; color: #03a78e; } .tab-primary.selected { background-color: #03a78e; border-color: #03a78e; color: #fff; } .tab.selected:hover { opacity: .8; } /* tab group - END */ /* tabs jquery UI override - START */ .groups_group_settings .group_display_action_list ul[role=tablist] { align-items: center; display: flex; flex-flow: row wrap; margin: 0; margin-bottom: 1em; padding: 0; line-height: 1.5em; } .groups_group_settings .group_display_action_list ul[role=tablist] li[role=tab] { margin: 0; margin-right: 1em; padding: 0; } .groups_group_settings .group_display_action_list ul[role=tablist] li[role=tab]:last-child { margin-right: 0; } .groups_group_settings .group_display_action_list ul[role=tablist] li[role=tab] a { border: 1px solid transparent; border-radius: 1em; padding: 0 .5em; transition: all 0.25s linear 0s; } .groups_group_settings .group_display_action_list ul[role=tablist] li[role=tab] a:hover { border-color: #03a78e; color: #03a78e; text-decoration: none; } .groups_group_settings .group_display_action_list ul[role=tablist] li[role=tab].ui-state-active a { background-color: #03a78e; border-color: #03a78e; color: #fff; } .groups_group_settings .group_display_action_list ul[role=tablist] li[role=tab].ui-state-active a:hover { opacity: .8; cursor: pointer; } /* tabs jquery UI override - END */ /* --- Icons --- */ .icon-sm { height:16px; width: 16px; } .icon-md { height:32px; width: 32px; } .icon-lg { height:64px; width: 64px; } .icon_admin { fill: #03a78e; } .icon_king { margin-left: .5rem; } .icon_king:after { font: var(--fa-font-solid); content: "\f521"; color: gold; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; } .icon_transparency { opacity: 0.6; } .icon_transparency:hover { opacity: 1; } .icon-3x { font-size: 3rem; } .icon-2x { font-size: 2rem; } @media(min-width: 768px) { .icon-2x-responsive { font-size: 2rem; } .icon-3x-responsive { font-size: 3rem; } } @media (max-width: 900px) { .icon_overlay_responsive_padding { padding: .75rem; padding-top: .1rem; } } /* --- Images --- */ .img-sm { height:32px; width: 32px; } .img-md { width: 64px; } .img-lg { width: 128px; } .img-sm-fixed { height:32px; width: 32px; min-width: 32px; } /* --- Item Access --- */ .access { display: inline-block; line-height: 1em; } .access-public { background-color: #03a78e; color: #fff; } .access-private { background-color: #006395; color: #fff; } .access-hidden { box-shadow: inset 0 0 0 1px #aaa; color: #aaa; } /* --- Links --- */ /* warning links */ .link-warning { color: red; } /* --- Lightbox --- */ .ui-widget-overlay { background-color: rgba(204, 204, 204, .8); } .ui-dialog .ui-dialog-titlebar-close:after { content: "\f00d"; font-weight: 900; display: block; font-family: "Font Awesome\ 5 Free"; height: 20px; margin: -18px 0 0 -1px; position: absolute; top: 20px; width: 20px; } .ui-dialog .ui-dialog-titlebar-close .ui-icon:after { color: #fff; content: "\f00d"; font-weight: 900; display: block; font-family: "Font Awesome\ 5 Free"; font-size: 1em; line-height: 1em; } .ui-dialog.ui-front {z-index: 1040} .ui-dialog .ui-dialog-titlebar-close {position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px;} /* --- Dialog --- */ .dialog { z-index:3; background-color:#fff; width: 90%; max-width: 500px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 1em; padding: 1em;} .dialog_header { display: inline-flex; justify-content: space-between; width: 100%} .dialog_header_actions { align-self: right } .dialog .field_description { color: #999; margin-top: 1em; } .dialog .field_delete_confirm, .dialog .btn_delete_account { display: inline-block; } .dialog-overlay { z-index: 2; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); } /* --- Lists --- */ ul.forumRow { display: block; } ul.forumRow li { padding: .5em } ul.forumRow li.header { background-color: #e5e5e5; } dl.icon {display: block; margin: 0; overflow: hidden; background-repeat: no-repeat; } .header dl.icon { padding: 0; } dl.icon dt, dl.icon dd { display: inline-block; float: left; } dl.icon dt { margin: 0; width: 40%; } dl.icon dd { margin: 0; } dl.icon dd.topics, dl.icon dd.posts, dl.icon dd.views { width: 15%; } dl.icon dd.lastpost { width: 30%; } /* --- List View --- */ .list_item { margin-bottom: 1em; } .list_item:last-child { margin-bottom: 0; } .list_row { padding: .5em; border: 1px solid #ccc; border-radius: .25em; display: flex; align-items: center; justify-content: space-between; } /*-- List Accordion --*/ .list_row.list_accordion { display: block; } .list_accordion .accordion_head { display: flex; flex-flow: row nowrap; align-items: center; width: 100%;} .accordion_head .list_user-container { flex-grow: 2; } .list_accordion .accordion_drawer { padding: 1em 0 0; margin-top: .5em; border-top: 1px solid #eee; width: 100%; } .accordion_drawer .form_field { padding-left: .5em; } /* List View - END */ /* --- Organization --- */ .organizations_organization_badges .profile_badge { display: inline-flex; align-items: stretch; justify-content: center; margin-bottom: 1em; float: left; } .organizations_organization_badges .badge-col-1 .profile_badge { width: 100%; } .organizations_organization_badges .badge-col-2 .profile_badge { width: calc(50% - .5em); } .organizations_organization_badges .badge-col-3 .profile_badge { width: calc(33% - .33em); } .organizations_organization_badges .badge-col-4 .profile_badge { width: calc(25% - .25em); } .organizations_organization_badges .badge-col-5 .profile_badge { width: calc(20% - .2em); } /* --- Pagination --- */ .pagination { justify-content: center; width: 100%; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em } .pagination.top-pagination { margin-bottom: 0.5em; } .pagination a, .pagination span { line-height: 1.25; text-align: center; display: inline-block; padding: .5rem .75rem; margin: 0 -1px 0 0; border: 1px solid #ddd } .pagination .pager-pages span, .pagination .pager-pages span:hover { font-weight: bold } .paginator_container a:hover { text-decoration: none } .col-lg-2 .pager-pages.pager-continer { display: none } .col-lg-3 .pager-pages.pager-continer a { display: none } .col-lg-4 .pager-pages.pager-continer a { display: none } @media (min-width:992px) and (max-width: 1199px){ .col-lg-3 .pagination a, .col-lg-3 .pagination span {padding: .25rem .375rem } } @media (max-width:992px){ .pager-pages.pager-continer a { display: none } .col-lg-3 .pager-pages.pager-continer { display: block } } .pager-right-end { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .pager-left-first { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .pager-right-ellipsis, .pager-left-ellipsis { display:none; } .paginator-scroll-button { display: block; } .paginator-loading-icon { position: absolute; left: calc(50% - .5em); bottom: 1em; } .paginator-scroll-area .simplebar-track.vertical { z-index: 2; } .paginator-scroll-area[data-simplebar] { z-index: inherit; } .loading-wrapper { opacity: 0.8; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1020; background-color: rgba(255,255,255,0.8); overflow:hidden; } .loading-overlay { position: absolute; top: 50%; left: 0; right: 0; text-align: center; } a[class^="moduleLoading"], a[class^="moduleLoading"]:hover { transition:initial !important } .moduleLoadingMega, .moduleLoadingLarge, .moduleLoadingMedium, .moduleLoadingSmall { cursor:wait; transition:none !important; } .moduleLoadingMega { background:transparent url('/swl/images/defaults/loading-mega.gif') no-repeat center center; } .moduleLoadingLarge { background:transparent url('/swl/images/defaults/loading-large.gif') no-repeat center center; } .moduleLoadingMedium { background:transparent url('/swl/images/defaults/loading-medium.gif') no-repeat center center; } .moduleLoadingSmall { background:transparent url('/swl/images/defaults/loading-small.gif') no-repeat center center; } @media screen and (max-width:767px) { .fc-toolbar.fc-header-toolbar { display: flex; flex-direction: column; } } .events_event_calendar .fc .fc-popover { z-index: 1010; } .fc-daygrid-event { line-height: 1em; } .fc-event.fc-h-event .fc-event-time { overflow: visible; } /* --- Generic Grid w/ Scroll Pagination START --- */ .card-deck.paginator-scroll-area { flex-flow: inherit; } .card-deck.paginator-scroll-area .simplebar-content { display: flex; flex-flow: row wrap; } .card-deck.paginator-scroll-area .paginator-scroll-button { width: 100% } /* --- Generic Grid w/ Scroll Pagination END --- */ /* --- Progress Bar --- */ .progress-bar { position: relative; } .progress-bar_bg { width: 100%; height: .5em; background-color: #eee; } .progress-bar_fill { background-color: #999; position: absolute; top: 0; left: 0; bottom: 0; } .progress-bar_fill.fill-success { background-color: #89BA50; } .progress-bar_demark { position: absolute; width: .6em; top: 0; bottom: 0; background-color: #fff; } /* --- Ratings --- */ .rating_container a { display: inline-block; width: 15px; height: 15px; } .rating { display: inline-block; position: relative; line-height: 1.5rem; font-size: 2rem; } .rating label { position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; } .rating label:last-child { position: static; } .rating label:nth-child(1) { z-index: 5; } .rating label:nth-child(2) { z-index: 4; } .rating label:nth-child(3) { z-index: 3; } .rating label:nth-child(4) { z-index: 2; } .rating label:nth-child(5) { z-index: 1; } .rating label input { position: absolute; top: 0; left: 0; opacity: 0; } .rating label .icon { float: left; color: transparent; } .rating label:last-child .icon { color: #000; } .rating:not(:hover) label input:checked ~ .icon, .rating:hover label:hover input ~ .icon, .ratings-display .rating-display.selected { color: rgb(255, 230, 0); } .rating label input:focus:not(:checked) ~ .icon:last-child { color: #000; text-shadow: 0 0 5px #09f; } /* --- Search --- */ .nav_search form .search_form_filter { display: block; margin-bottom: 1em; } .search-select-height {height: 42px;} .search-select-wrapper {margin-right: 4px;width: 180px;} .search_form > div { display: flex; flex-flow: row nowrap; } .nav_search form input[type=text] { flex-grow: 2; border-right: 0px; } .search_results .input_text_inline {display: inline-block; float: left; width: calc(100% - 5.2em); } .search_results .boxsitepagebody > div:nth-child(2) { margin: 0 !important; border-radius: 0; } .search_results .boxsitepagebody > div:nth-child(2) .form_button a { border-radius: 0; } .search_results #searchHelpText_search_search_0_0 { display: block; padding-top: 1em; clear: both; } .search_results .layout_100_sub_column_0 h3 { margin-bottom: .5em; } .search_results .layout_100_sub_column_0 hr { margin: 1em 0; } .search_results .layout_100_sub_column_0 .search_option .content_selector, .search_results .layout_100_sub_column_0 .search_option_range .range_selector { margin-bottom: .5em; } .search_results .layout_100_sub_column_0 .search_option .content_selector:last-child, .search_results .layout_100_sub_column_0 .search_option_range .range_selector:last-child { margin-bottom: 0; } .search_results .layout_100_sub_column_0 .search_option .content_selector .filter_name, .search_results .layout_100_sub_column_0 .search_option_range .range_selector { padding: .5em 1em; border-radius: .25em; background-color: #ccc; color: #444; font-size: .75em; cursor: pointer; } .search_option .content_selector .filter_name label{font-weight: inherit; display:inline; color: inherit} .search_results .layout_100_sub_column_0 .search_option .content_selector .filter_name:hover, .search_results .layout_100_sub_column_0 .search_option_range .range_selector:hover { opacity: .8; } .search_results .search_option .content_selector.active .filter_name.active,.search_results .search_option .content_selector .subfilter_name.active, .search_results .search_option .content_selector .parent_category.active,.search_results .search_option_range .range_selector.active{ background-color: #03a78e; } .search_results .layout_100_sub_column_0 .search_option .content_selector .filter_name .field_label{color: #444} .search_results .layout_100_sub_column_0 .search_option .content_selector.active .filter_name, .search_results .layout_100_sub_column_0 .search_option_range .range_selector.active{color: #fff;} .search_results .layout_100_sub_column_0 .search_option .content_selector .filter_name.subfilter_name{color: #444} .search_results .layout_100_sub_column_0 .search_option .content_selector.active .filter_name.subfilter_name.active{color: #fff;} .search_results .search_option .content_selector.active{ background-color: #e7e7e7; padding-bottom: .05em;} .search_results .search_option .content_selector .filter_name.subfilter_name {margin: .5em .75em;} .search_results .search_option .content_selector .field_filter>div{margin-top: .5em; margin-bottom: .5em} .search_results .search_option .content_selector .subfilter_name .field_filter>div{margin:0;} .search_results .search_option .content_selector .field_filter select{width: 100%;} .search_results .layout_100_sub_column_0 .search_option_range { display: block; } .search_results .layout_100_sub_column_1_options .search_results_header { display: block; margin-bottom: 1em; } .search_results .layout_100_sub_column_1_options .search_results_list > li { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .search_results .layout_100_sub_column_1_options .search_results_list > li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .search_results .layout_100_sub_column_1_options .search_results_list .search_result_avatar { display: inline-block; float: left; width: 62px; height: 62px; margin-right: 1em; background-color: #eee; border-radius: .25em; background-image: url("../images/swl-no-image.png"); background-repeat: no-repeat; background-position: center center; background-size: 85%; overflow: hidden; } .search_results .layout_100_sub_column_1_options .search_results_list .search_result_avatar .imageMediumSquare { display: inline-block; } .search_results .layout_100_sub_column_1_options .search_results_list .search_result_data { display: inline-block; float: left; width: calc(100% - 5em); } .select#country_code { width: 100%; } /* --- Generic Search --- */ .modal .filters_container .dropdown-menu-internal { max-width: 90vw; max-height: 45vh; } /* --- Settings --- */ .profile_user_blocks .settings_section_header { padding-bottom: .5em; margin-bottom: .5em; border-bottom: 1px dotted #ccc; text-transform: uppercase; } .profile_user_blocks .settings_section_header > div { display: inline-block; } .profile_user_blocks .settings_section_header .settings_notifications_notification { float: none; margin: 0; } .profile_user_blocks .settings_section { margin-bottom: 1.5em; } .profile_user_blocks .settings_section .field { margin-bottom: .5em; } .profile_user_blocks .settings_section .field:last-child { margin-bottom: 0; } .profile_user_blocks #settings_privacy .profile-show-selected-information, .profile_user_blocks #settings_notifications #profile_send_message, .documents_document_settings form#document_notifications > p { background-color: #f8f8f8; border-radius: .25em; margin-bottom: 1em; padding: 1em; } .profile_user_blocks #settings_privacy .settings_privacy_profilearea, .profile_user_blocks #settings_privacy .settings_privacy_friendsonly, .profile_user_blocks #settings_privacy .settings_privacy_everybody, .profile_user_blocks #settings_privacy .settings_privacy_nobody { display: inline-block; float: left; } .profile_user_blocks #settings_privacy .settings_privacy_profilearea { width: 40%; clear: both; } .profile_user_blocks #settings_privacy .settings_privacy_friendsonly, .profile_user_blocks #settings_privacy .settings_privacy_everybody, .profile_user_blocks #settings_privacy .settings_privacy_nobody { width: 20%; } .profile_user_blocks #settings_notifications .settings_section_header .settings_notifications_send { display: none; } .settings_notifications_notification, .settings_notifications_send { margin-bottom: 1.5em; } .settings_notifications_notification { float: right; width: 97%; line-height: 1em; } .settings_notifications_send { width: 3%; line-height: 1em; padding-top: 2px; } .profile_user_blocks #settings_privacy .settings_section_header, .watch-table tr.watch-section-header { padding: 0; border-bottom: 1px solid #ccc; } .profile_user_blocks #settings_privacy .settings_section_header, .watch-table tr.watch-section-header .p1, .watch-table tr.watch-section-header .watch-header { font-size: 1em; font-weight: bold; text-transform: uppercase; text-align: center;} .watch-table tr.watch-section-seperator { height: 1.5em; } .watch-option, .profile_user_blocks .settings_privacy_friendsonly, .profile_user_blocks .settings_privacy_everybody, .profile_user_blocks .settings_privacy_nobody { text-align: center; } /* settings jquery UI overrides - START */ .groups_group_settings .ui-tabs .ui-tabs-panel { padding: 0; } .groups_group_settings .ui-tabs .ui-tabs-panel #group_notifications > p { background-color: #f8f8f8; border-radius: .25em; margin-bottom: 1em; padding: .5em .8em; } .groups_group_settings .ui-tabs .ui-tabs-panel #group_notifications .settings_notifications_notification, .groups_group_settings .ui-tabs .ui-tabs-panel #group_notifications .settings_notifications_send { margin-bottom: 1.5em; } .groups_group_settings .ui-tabs .ui-tabs-panel #group_notifications .settings_notifications_notification { float: right; width: 97%; line-height: 1em; } .groups_group_settings .ui-tabs .ui-tabs-panel #group_notifications .settings_notifications_send { float: left; width: 3%; line-height: 1em; padding-top: 2px; } /* settings jquery UI overrides - END */ /* --- Site Alerts & Messages --- */ .notification, .message, .error_message { border: 1px solid transparent; font-weight: 700; } .notification { position: fixed; width: 100%; z-index: 10000; display: block; padding: 1em; text-align: center; } .dismiss_notification { float: right; width: 1em; } .dismiss_notification img { width: 100%; } #site_page_notification_text { width: calc(100% - 20px); font-size: 1.25em; text-transform: capitalize; } .message, .error_message { border-radius: .5em; margin-bottom: .5em; padding: .5em 1em; } .message_notification, .message_success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .message_info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .error_notification, .error_message, .message_error, div.error-lightbox-notification { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .warning_notification, .message_warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } /* --- Star Rating --- */ .swlgallery_starimage { display: inline-block; } /* --- Subnav & Bread Crumbs --- */ .subnav { width: 100%; margin: 0; padding: 0; } .subnav li { display: inline-block; float: left; } .subnav .links, .subnav > ul { background-color: #eee; } .subnav li a, .subnav .links a { display: inline-block; padding: .5em 1em; color: #aaa; } .subnav li a:hover, .subnav .links a:hover { background-color: #aaa; color: #fff; text-decoration: none; } .subnav li.selected a {background-color: #aaa; color: #fff; } /* --- User Actions --- */ .userActions { margin-top: 1em; } .userActions li { display: inline-block; float: left; margin-right: 1em; } .userActions li:last-child { margin-right: 0; } .userActions > div, .userActions > a, .userActions > span { display: inline-block; } /* -- User Display -- */ .user_display { align-items: center; height: 100%; } .user_display .user_avatar { margin-right: .5em; } .user_avatar .img-avatar { background-color: #ccc; border-radius: 10em; } .user_info .user_name { line-height: 1em; display: inline-block; } .user_info .user_details { margin-top: .25rem; font-size: .75em; line-height: 1em; } /* --- User List --- */ .user-list-item { display: inline-block; margin: .5em; vertical-align: top; } .user-list-image > a, .user_photo > a { border-radius: 50%; display: inline-block; overflow: hidden; } .imageMediumSquare.user-list-image { width: 62px; } .imageLargeSquare.user-list-image{ width: 126px; } .user-list-image .user-name-link { display: block; margin-top: 1em; } .user_select_list { display: flex; flex-flow: row wrap; justify-content: space-between; } .horizontalList .user_select_item, .horizontalList .user_select_link { display: flex; align-items: center; } .user_select_item .user-list-image, .user_select_link .user-list-image { margin-right: .5em; } .user_select_item .user-detail, .user_select_link .user-detail { flex-grow: 2; } .user_selector_list .user_select_item { padding: 1em; margin: 0 0 .5em; border-radius: .25em; border: 1px solid #ccc; } .user_selector_list .user_select_item:hover { border-color: #03a78e; cursor: pointer; transition: .3s; } .user_selector_list .user_select_item:hover .user-detail a, .user_selector_list .user_select_item:hover .user_detail a { color: #03a78e; } .user_selector_list .user_select_item.selected { background-color: #03a78e; border: 1px solid #03a78e; } .user_selector_list .user_select_item.selected:hover { opacity: .8; } .user_selector_list .user_select_item.selected .user-detail a, .user_selector_list .user_select_item.selected .user_detail a { color: #fff; } .user_selector_list .user_select_item.selected:hover .user-detail a, .user_selector_list .user_select_item.selected:hover .user_detail a { color: #fff; } .user_selector_list .user-detail a:hover, .user_selector_list .user_detail a:hover { text-decoration: none; } .user_selector.ui-widget-content .user_select_list { justify-content: space-between; } .user_selector.ui-widget-content .user_select_item { width: 49.5%; } .member_selector_min_height { min-height: 6rem; } .member_selector_header { max-height: 10rem; overflow-y: auto; } .member_selector_dropdown .dropdown-menu-internal { max-width: 100vw; max-height: 50vh; } /*==== DOM Structure ====*/ /* --- Page --- */ #wrapper { margin: 0 auto; width: 100%; max-width: none; padding: 0; position: relative; } .site_page { margin: 0; padding: 0; width: 100%;} .site_page_subnav { margin-bottom: 1em; } .site_page_footer { display: block; background-color: #006395; color: #fff; width: 100%; } /* --- Modules --- */ .module_container, .module { display: block; width: 100%; } .site_page_module { width: 100%; } .boxsitepage { display: block; padding: 1em; background-color: #006395; } .p1 { padding: 0; margin: 0; font-size: 1.25em; line-height: 1em; } .boxsitepage .p1 { padding: 0; margin: 0; color: #fff; font-size: 1.25em; line-height: 1em; } .boxsitepage .p1 a { color: #fff; vertical-align:-webkit-baseline-middle; vertical-align: -moz-middle-with-baseline; } .boxsitepage .p1 a:hover { color: #fff; } .boxsitepage .horizontalList { display: table; margin-top: 1em; width: 100%; } .boxsitepage .horizontalList li { vertical-align: middle; } .boxsitepage .horizontalList .unWatch a, .boxsitepage .horizontalList .unWatch a:hover { color: #fff; } .boxsitepage .horizontalList .rss_button_img, .boxsitepage .rss_icon > a { display: none; } .boxsitepagebody { position: relative; display: block; padding: 1em; border: 1px solid #eee; border-top: 0px; } /* --- New Modules --- */ .module { width: 100%; } .module header { display: block; padding: 1em; background-color: #006395; color: #fff; font-weight: normal; } .module header h2 { font-size: 1.25em; padding: 0; margin-bottom: 0; line-height: 1em; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline;} .module header h3 { margin: 0;display:inline-block; font-size: .8em; vertical-align:middle; line-height: 1em; } .module-content { position: relative; display: block; padding: 1em; border: 1px solid #eee; border-top: 0px; } /*==== Module Styling ====*/ /* --- Blog --- */ .site_page_sblog_breadcrumbs_posts {display: block; padding: 1em 1em 0; } .sblog-post-image { float: left; margin-right: 1.5em; } .sblog-post-image a { display: flex; justify-content: center; align-content: center; background-color: #eee; border-radius: .25em; background-image: url("../images/swl-no-image.png"); background-repeat: no-repeat; background-position: center center; background-size: 85%; overflow: hidden; } .sblog-post-image a img { flex-shrink: 0; min-width: 100%; min-height: 100%; } .sblog-post-title { display: block; margin-bottom: .5em; font-weight: 700; font-size: 1.125em; } .sblog_action_list, .sblog_feedback_list { margin-top: 1em; } .sblog_action_list li, .sblog_feedback_list li { display: inline-block; float: left; margin-right: 1em; } .sblog_action_list li:last-child, .sblog_feedback_list li:last-child { margin-right: 0; } .sblog_posts .sblog_detail {margin-bottom: 1em; } .site_page_all_sblog .order_by {display: block; } .site_page_all_sblog .order_by li { display: inline-block; float: left; margin-right: 1em; } .site_page_all_sblog .order_by li:last-child { margin-right: 0; } .site_page_all_sblog .sblog_list { display: block; } .site_page_feedback_list .feedback { display: block; padding: 1.5em 0; } .site_page_feedback_list .feedback:first-child { padding-top: 0; } .site_page_feedback_list .feedback:last-child { padding-bottom: 0; } .sblog, .sblog-post { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .sblog:last-child, .sblog-post:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .site_page_manage_sblogs .sblog_details .sblog_actions { margin-top: .5em; } .site_page_manage_sblogs .sblog_actions a { color: #ccc; } .site_page_manage_sblogs .create_blog, .site_page_manage_sblogs .more_blogs { display: inline-block; } .site_page_manage_sblogs .create_blog { margin-right: 1em; } .sblog_details .sblog_name, .sblog_detail .headline { margin-bottom: .5em; font-size: 1.25em; font-weight: 700; text-transform: uppercase; } .sblog_details .sblog_body { margin-bottom: 5px; } .sblog_details .sblog_summary { margin-bottom: 1.5em; } .sblog_detail .rating { margin-bottom: 5px; } .site_page_featured_sblogger .sblog_name { margin-bottom: 1em; font-size: 1.125em; font-weight: 700; text-transform: uppercase; } .site_page_featured_sblogger .sblog_details { margin-bottom: 1em; } .site_page_featured_sblogger .sblog_details div {margin-bottom: 5px; } .site_page_featured_sblogger .sblog_details div:last-child {margin-bottom: 0; } .fieldrow, .order_by { margin-bottom: 1em; } .site_page_sblog_manage_blog .multiple_select { display: block; } .site_page_sblog_manage_blog .multiple_select select { width: 100%; } .source_select, .target_select { float: left; width: 20%; } .site_page_sblog_manage_blog .select_buttons { float: left; margin: 1.5em; text-align: center; } .site_page_featured_sbloggers .sblog_name { margin-bottom: 0; } .site_page_sblog_info .boxsitepage .p1 { display: inline-block; float: left } .site_page_sblog_info .boxsitepage .horizontalList { display: inline-block; float: right; margin: 0; position: relative; width: auto } .site_page_sblog_info .boxsitepage .horizontalList .unWatch { margin-right: 0 } .site_page_sblog_info .boxsitepage .horizontalList .unWatch a { border-radius: .25em; padding: .25em .5em } .site_page_sblog_info .boxsitepage .horizontalList .unWatch a:before { content: "\f0e0"; font-family: 'Font Awesome\ 5 Free', sans-serif; margin-right: .5em } .site_page_sblog_info .boxsitepage .horizontalList .unWatch a:hover { text-decoration: none } .site_page_sblog_info .boxsitepage .horizontalList .unWatch ul.watchList { background-color: #eee; color: #aaa; padding: .5em; position: absolute; z-index: 999; width: 100% } .site_page_sblog_info .boxsitepage .horizontalList .unWatch ul.watchList > li input { margin-right: .25em } .site_page_sblog_info .sblog_action_wrapper, .site_page_sblog_info .sblog_action_wrapper .blog_like { align-items: center; display: flex; flex-flow: row wrap; } .site_page_sblog_info .sblog_action_wrapper #blog_like_separator { margin: 0; margin-right: .25em; } /* --- Events --- */ .event_admin_messages_list { cursor: pointer; } .event_admin_messages_list .list-group-item span { padding-right: 0; } .event_admin_messages_list .badge { white-space: normal; word-wrap: break-word; } .event_admin_messages_list .attachment-wrapper { width: auto; min-width: 1em; } .eventsItemsList li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .eventsItemsList .fieldresponse2 h3 {display: none; } .events_associate_photos #otheritems li { display: block; } .events_more_events .eventsItemsList .item > a img {margin-right: 10px; } .events_more_events .eventsItemsList h3 { margin-top: 0; } .events_more_events #paginate_more_events {margin-top: 20px; } .events_upcoming_events .eventsItemsList {display: block; } .events_upcoming_events .eventsItemsList li {display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .events_upcoming_events .eventsItemsList li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .events_events_list .event-date-sort { display: block; margin-bottom: 1em; } .events_events_list .fieldResponse2 {display: inline-block; float: left; } .events_events_list .fieldResponse2 h3 { margin-top: 0; } .events_events_list .eventsItemsList li .item { display: flex; align-items: flex-start; } .calPage { align-content: stretch; display: flex; flex-flow: row nowrap; font-size: 1em; margin-right: 1em; min-width: 5em; max-width: 5em; text-align: center; } .calMon, .calDay { line-height: 1em; padding: .25em .5em; text-transform: uppercase; } .calMon { background-color: #006395; color: #fff; } .calDay { background-color: #eee; color: #aaa; flex-grow: 1; } .events_featured_event .column1 { display: inline-block; float: left; margin-right: 15px; text-align: center; } .events_featured_event .photoGrid { margin-bottom: .5em; } .events_featured_event .column2 { display: inline-block; float: left; width: calc(100% - 267px); } .events_featured_event li.event-share-vcalendar:before, .events_featured_event .event-download-vcalendar a:before, .events_featured_event .event-download-vcalendar a:after { display: inline-block; font-family: 'Font Awesome\ 5 Free'; width: 24px; } .events_featured_event .event-download-vcalendar a:after { content: "\f107"; font-family: 'Font Awesome\ 5 Free'; margin-left: .25em; font-weight: 900; } .events_featured_event .event-download-vcalendar a:before { content: "\f271"; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; } .events_featured_event .event-download-calendar-items { margin: 10px 0; float: left; background-color: #eee; border-radius: .25em; } .events_featured_event .event-download-calendar-items li { display: none; padding: .5em 1em .5em .5em !important; float: left; width: auto; line-height: 1em; margin: 0 !important; } .events_featured_event .event-download-calendar-items li a { color: #444; line-height: 1em; } .events_featured_event .event-download-calendar-items li a:hover { color: #444; text-decoration: none; } .events_featured_event li.event-share-vcalendar:hover { background-color: #cccccc; } .events_featured_event li.event-share-vcalendar:before { color: #2B353B; } .events_featured_event li.event-share-vcalendar a:hover { text-decoration: none; } .events_featured_event .event-download-calendar-items li a { line-height: 1em; } .events_featured_event #featured_event_author { float: none; clear: both; } .events_featured_event #featured_event_author, .events_featured_event #featured_event_details, .events_featured_event #formField_richText_event_description, .events_featured_event #formField_dateTime_event_start, .events_featured_event #formField_dateTime_event_end, .events_featured_event #formField_textField_event_venue { margin-bottom: .5em; } .events_featured_event .row2 { border: none; } .events_item_form form > div {margin-bottom: 15px; } .events_event_invitees #eventInvitees .userInfo { display: block; padding: 5px 0; border: none; } .events_event_invitees #eventInvitees .userInfo .imageSmallSquare { display: inline-block; float: left; margin-right: 5px; } .events_event_invitees #eventInvitees .userInfo .imageSmallSquare a { width: 34px; height: 34px; background-color: #eee; border-radius: .25em; background-image: url("/swl/images/content/swl-no-image.png"); background-repeat: no-repeat; background-position: center center; background-size: 85%; overflow: hidden; } .events_event_invitees #eventInvitees .userInfo > a div { display: inline-block; } .events_event_comments .form_button { margin-top: 20px; text-align: right; } .timeList { background-color: #FFF; border: 1px solid #ccc; cursor: default; position: absolute; z-index: 1000; font-size: .75em; height: 10em; line-height: 1.5em; overflow-x: hidden; overflow-y: auto; } .timeList .time { font-size: 100%; margin: 0; padding: 0 3em 0 1em; white-space: nowrap; } .onTime { background-color: #D6E9F8; } .events_item_ownership .user_selector_list .user_select_item { width: 33%; } .layout_75_25 .site_page_column_1 .events_item_ownership .user_selector_list .user_select_item, .layout_25_75 .site_page_column_0 .events_item_ownership .user_selector_list .user_select_item { width: 100%; } .events_event_map #eventMap #map { min-height: 200px; } .event-capacity_progress-bar { margin-bottom: .5em; } @keyframes opacityFadeOutAnimation { 0% { opacity: 1; } 100% { opacity: 0; } } .event-schedule { max-height: 80vh; overflow-y: auto; } .event-schedule .schedule-fixed-column { overflow-y: auto; } @media (min-width: 768px) { .event-schedule .fade-out { animation: opacityFadeOutAnimation ease .75s; opacity: 0; } .event-schedule .schedule-fixed-column { position: absolute; top: 1rem; bottom: 0; } .event-schedule .schedule-fixed-column [data-event-id] { cursor: pointer; } .event-schedule .schedule-area { margin-left: 33.3333333333%; overflow: hidden; } .event-schedule .schedule-area .clickable_card, .event-schedule .schedule-area .schedule-detail .card { animation: opacityFadeInAnimation ease .75s; opacity: 1; } .event-schedule .schedule-detail { flex: unset; max-width: 100%; } .event-schedule .schedule-detail .generic-detail-wrapper { position: absolute; top: 0; left: 0; } .event-schedule .schedule-detail .generic-detail-wrapper, .event-schedule .schedule-detail .generic-detail-wrapper > .card { overflow: hidden; height: 100%; height: -moz-available; height: -webkit-fill-available; width: 100%; width: -moz-available; width: -webkit-fill-available; } .event-schedule .schedule-detail .generic-detail-img-top, .event-schedule .schedule-detail .embed-responsive { max-height: 300px; } .event-schedule .schedule-detail-min-height, .event-schedule .schedule-detail-min-height .generic-detail-wrapper { min-height: 500px; } } /* subevents */ .list-item { display: block; width: 100%; } .user-container { display: table; } .user-container .user-list-image { display: block; margin-right: 1em; } .user-container .user-detail { display: table-cell; vertical-align: middle; } .meta-info { margin-bottom: 1em; } .meta-info .field { margin-bottom: 1em; } .meta-info .field:last-child { margin-bottom: 0; } .attendee.list-item { padding: 1em; margin-bottom: .5em; border: 1px solid #ccc; border-radius: .5em; } .attendee.list-item:last-child { margin-bottom: 0; } .list-item .accordion { display: block; padding-left: 30px; background-image: url("/swl/images/expand.gif"); background-repeat: no-repeat; background-position: 5px 14px; cursor: pointer; } .list-item .accordion.open { background-image: url("/swl/images/collapse.gif"); } .list-item .accordion.off { padding-left: 0; background-image: none; cursor: default; } .preloader.fading-circle { background-image: url("/swl/images/gifs/loaders/fading_circle_64x64.gif"); background-repeat: no-repeat; background-size: 15px 15px; background-position: 0px 10px; cursor: default; } .module .data-drawer.hidden { display: none; } .module .field-container.hidden { display: none; } .module .field-container { display: block; margin-top: 1em; padding: 1em; border-radius: .5em; } .module .field-container > div { margin-bottom: 1em; padding-bottom: 1em; border: none; border-bottom: 1px dotted #ccc; } .module .field-container > div:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .module .field-container .fieldLabel, .module .field-container .fieldResponse, .field .field-label, .field .field-response { display: inline-block; vertical-align: top; } .module .field-container .fieldLabel, .field .field-label { width: 25%; margin-right: 1em; color: #006395; font-weight: 700; } .module .field-container .fieldResponse, .field .field-response { width: calc(75% - 1em); } .subevent-container { margin-bottom: 1em; } .subevent-container:last-child { margin-bottom: 0; } .subevent-container .subevent-label { display: block; margin-bottom: 1em; color: #006395; font-size: 1.25em; } .subevent-container .list-container { padding: 1.5em; border-radius: .5em; } .subevent.list-item { padding-bottom: 1em; margin-bottom: 1em; border: none; border-bottom: 1px dotted #ccc; } .subevent.list-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .subevent-list-field .subevent-field {display: inline-block; float: left; } .subevent-field.time { width: 25%; } .subevent-field.description { width: 75%; } .subevent-field.description label { margin: 0; } .subevent-field.description p { margin-top: 1em; margin-bottom: 0.5em; } .subevent-reference { float: left; width: 25%; } .subevent-field.role { clear: left; } .subevent-field.role .fieldLabel { display: inline; margin-right: 1em; } .subevent-custom-fields.field-container { width: 75%; float: right; margin-top: 0; padding-top: 0.5em; padding-left: 0; margin-left: 25%; } .subevent-custom-fields.field-container > div { margin-bottom: 0.2em; padding-bottom: 0.2em; border-bottom: none; } .subevent-custom-fields.field-container .fieldLabel { display: inline; } /* subevents - end */ /* --- Files --- */ .folder_list #add_folder_link { margin-bottom: 1em; } .folder_list .folder { padding: 20px 0; } .folder_list .folder:first-child { padding-top: 0; } .folder_list .folder:last-child { padding-bottom: 0; } .folder_list .folder-actions { margin-top: 5px; } .folder_list .folder-actions div { display: inline-block; margin-right: 10px; } .folder_list .folder-actions div:last-child { margin-right: 0; } .folder_list .folder-actions a { color: #ccc; } .item_comment {display: block; padding: 20px 0 0; margin-bottom: 1em; border-top: 1px dotted #ccc; } .item_comment:first-child { padding-top: 0; } .item_comment .comment_thumb { display: inline-block; float: left; margin-right: 15px; } .item_comment .comment_text { display: inline-block; float: left; width: calc(100% - 77px); } .item_comment ul {display: block; clear: both; padding-top: 10px;; text-align: right; } .item_comment ul li { display: inline-block; margin-right: 10px; } .item_comment ul li:last-child { margin-right: 0; } .file_detail .file-detail-info { display: inline-block; float: left; width: calc(100% - 92px); } .file_gallery .galleryItems li { text-align: left; } .uploadFiles .filepond--root { max-height: 15rem; } /* --- Forums --- */ div.forum-announcements { margin-bottom:1em; } #topicTypeContainer { margin-bottom: 1em; } .recent_topic_item { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .recent_topic_item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .recent_topic_avatar { float: left; margin-right: 15px; } .recent_topic_data { float: left; width: calc(100% - 77px); word-wrap: break-word; } .recent_topic_heading { position: relative; margin-bottom: 15px; } .recent_topic_info { float: left; width: calc(100% - 80px); } .recent_topic_reply_count { width: auto; float: right; } .recent_topic_replies_list { display: block; float: right; width: calc(100% - 77px); } .recent_topic_reply { display: block; clear: both; float: right; } .recent_topic_reply_item { padding: 10px; margin-bottom: 15px; background-color: #f8f8f8; border: 0; border-radius: .25em; } .recent_topic_reply_item:first-child {margin-top: 15px; } .recent_topic_reply_avatar { float: left; } .recent_topic_reply_data { float: right; width: calc(100% - 50px); } .recent_topic_body.reply {display: block; margin-top: 10px; } .recent_topic_reply .horizontalList { float: right; } /* forums view topic */ .forums_view_topic .post { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .forums_view_topic .post:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .forums_view_topic .post .userInfo { display: inline-block; float: left; width: 15%; margin-right: 1em; } .forums_view_topic .post .userInfo > div { clear: both; } .forums_view_topic .post .userInfo .user-name-link { display: block; clear: left; } .forums_view_topic .post .postBody { display: inline-block; float: left; width: calc(85% - 1em); } @media (max-width: 640px) { .forums_view_topic .post .userInfo { display: none; } .forums_view_topic .post .postBody { width: 100%; } } /* forums view topic - end */ .postBody .topic-list-engagement-actions { display: inline-block; float: right; } .postBody .forum-post-subject {display: inline-block; float: left; width: 80%; margin-top: 0; margin-bottom: .5em; } .postBody .author { display: block; clear: both; margin-bottom: 15px; } .postBody .content ul { list-style: initial; } .postBody .siteSignature { display: block; margin: 15px 0; padding-top: 15px; border-top: 1px solid #eee; } .post .topic-list-action-container {display: block; float: right; clear: both; } .recent_post_item { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .recent_post_item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .recent_post_avatar { float: left; margin-right: 15px; } .recent_post_data { float: left; width: calc(100% - 77px); margin-bottom: 1em; } .recent_post_heading { margin-bottom: 1em; } .recent_post_info { display: inline-block; float: left; width: 80%; } .replyCount { display: inline-block; float: right; width: 20%; text-align: right; } .recent_post_footer { display: inline-block; float: right; } .recent_post_footer .horizontalList { float: right; } .forums_compose_post form > div { margin-bottom: 1em; } .forums_compose_post form label { display: inline-block; } .forums_topic_list .forumButtons { margin: 20px 0; } .forums_topic_list .forumButtons:first-child { margin-top: 0px; } .forums_topic_list .forumButtons:last-child { margin-bottom: 0px; } .forums_view_topic .boxsitepage { display: flex; align-items: center; justify-content: space-between; } .forums_view_topic .forumButtons, .forums_view_topic .forumButtons .topic-actions { display: flex; align-items: center; } .forums_view_topic .forumButtons { justify-content: space-between; margin-bottom: 1em; } .forums_view_topic .forumButtons .topic-reply-button-container { order: 2; } .forums_view_topic .sort-tab a { padding: 0 .5em; margin: 0 .25em 0 0; display: inline-block; color: inherit; background-color: #eee; border-radius: .25em; } .forums_view_topic .sort-tab a:hover { text-decoration: none; background-color: #F8F8F8; } .forums_view_topic .sort-tab span { background-image: none !important; } .forums_view_topic .sort-tab span:after { font-weight: 900; font-family: 'Font Awesome\ 5 Free'; } .forums_view_topic .sort-tab span.sort-indicator:after { content: "\f0dc"; color: #ccc; font-family: 'Font Awesome\ 5 Free';} .forums_view_topic .sort-tab span.sort-indicator.sort-asc:after { content: "\f0de"; font-family: 'Font Awesome\ 5 Free';} .forums_view_topic .sort-tab span.sort-indicator.sort-desc:after { content: "\f0dd"; font-family: 'Font Awesome\ 5 Free';} .forums_view_topic .sort-tab span.sort-indicator.sort-asc:after, .forums_view_topic .sort-tab span.sort-indicator.sort-desc:after { color: #666; } .layout_75_25 .site_page_column_1 .forums_category_list dd.topics, .layout_75_25 .site_page_column_1 .forums_category_list li.header dd.lastPost, .layout_75_25 .site_page_column_1 .forums_category_list dd.lastpost.col4, .layout_75_25 .site_page_column_1 .forums_category_list .subCatDescriptionItem { display: none; } .layout_75_25 .site_page_column_1 .forums_category_list dl.icon dt { width: 85%; } /* --- Generic Templates --- */ .generic-detail-img-top { height: 20vw; object-fit: cover; max-height: 600px; } .generic-detail-img-top-no-ratio { object-fit: cover; max-height: 75vh; } .generic-img-top { height: 10rem; object-fit: cover; } .generic-thumbnail { height: 85px; width: 140px; object-fit: scale-down; } @media (max-width: 576px) { .generic-detail-img-top { height: 30vw; } .generic-post-responsive-sizing .dropdown .far, .generic-post-responsive-sizing .dropdown .fas { font-size: smaller; } .generic-post-responsive-sizing .small { font-size: 70%; } .generic-post-responsive-sizing .generic-body, .generic-post-responsive-sizing .associated-files, .internal-message-small-mobile { font-size: 85%; line-height: 1.5rem; } } span[data-date-icon="month"], a[data-badge="like"] { background-color: #006395; color: #ffffff; } .collapse_toggle .collapse_toggle_up, .collapse_toggle.collapsed .collapse_toggle_down { display: inline-block; } .collapse_toggle.collapsed .collapse_toggle_up, .collapse_toggle .collapse_toggle_down { display: none; } .generic-option-spacing .generic-option:not(:first-child) { margin-left: .25rem; } .generic-option-spacing-2 .generic-option:not(:first-child) { margin-left: .5rem; } .generic-option-spacing-3 .generic-option:not(:first-child) { margin-left: 1rem; } .generic-option-mb .generic-option { margin-bottom: .25rem; } .dropdown > .dropdown-menu > .generic-option.dropdown-item { margin: 0; } .dropdown .dropdown-menu .dropdown_subitem { text-indent: .75rem; } .generic-inline-avatar { width: 1.5rem; } .generic-inline-lg-avatar { width: 2.5rem; height: 2.5rem; } .date-justify-center .generic-option .input-group { justify-content: center; } .generic-container-btn-sm .generic-option.btn, .generic-container-btn-sm .generic-option-button.btn { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; } div.generic-body blockquote { margin: unset; } div.generic-body blockquote > p { margin-block-end: unset; } .avatar-action-level > img { height: 1rem; } .remove_h_tag_margins h5 { margin-bottom: 0; } .generic-option-small-icons .fas, .generic-option-small-icons .far { font-size: 80%; } .generic-fields-small .fieldLabel, .generic-fields-small .fieldResponse { font-size: .8em; } .clickable_card:hover { border-color: #A9A9A9; cursor: pointer; } .post-popover { width: 32rem; } .list-popover { width: 17rem; } .grid-popover { max-width: 276px; min-width: 215px; } /* 276px; is bootstrap popover default that is unset by swl_popover */ .grid-popover .w-100 img { max-height: 10rem; } .online-list { position: absolute; left: 70%; top: 60%; } .online-grid { position: absolute; left: 58%; top: 70%; } .generic-body img { height: auto; max-height: 1000px; } /* Needed to unset ckeditor image plugins width/height of image and just display huge image */ .truncate-one-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* multi-line truncation max-height is determined by bootstrap h5 font-size (1.25rem) * h5 lineheight (1.2) => 1.5rem * number of lines (2) == 3rem; */ .truncate-two-line { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .truncate-heading-two-line h5 { position: relative; max-height: 3rem; overflow: hidden; padding-right: 1rem; } .truncate-heading-two-line h5::before { position: absolute; content: "..."; bottom: 0; right: 0; } .truncate-heading-two-line h5::after { content: ""; position: absolute; right: 0; width: 1rem; height: 1.5rem; background: white; } .generic-body iframe { max-width: -moz-available; max-width: -webkit-fill-available; } .generic-body .media { display: initial; } .flex-wrap-spacing { margin: .25rem 0; } .card .avatar-grid-banner { position: relative; float: left; width: 100%; height: 120px; overflow: hidden; } .card .avatar-grid-banner-image { border-radius: 50%; position: absolute; top: 15%; left: 50%; width: 100px; border: 2px solid rgba(255, 255, 255, 1); box-shadow: 0 1px 1px rgb(0 0 0 / 7%); padding: 3px; background-color: #fff; margin-left: -50px; } .card .avatar-grid-banner-banner { height: 60%; width: 100%; max-width: 100%; } @media (max-width: 768px) { .truncate-mobile { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .slider_area .cke_button__emojipanel, .slider_area .cke_button__specialchar, .slider_area .cke_button__maximize, .slider_area .cke_button__source { display: none; } } @keyframes slideIn { 0% { transform: translateY(-1rem); opacity: 0; } 100% { transform:translateY(0rem); opacity: 1; } } .nav-dropdown-border-bottom { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #dee2e6; } #nav-main .dropdown.dropleft .dropdown-menu { top: unset; right: 0; } #nav-main .dropdown .dropdown-menu.show { animation: slideIn .3s; animation-iteration-count: 1; animation-fill-mode: both; } #nav-main .navbar-brand img { max-height: 64px; width: auto; transition: opacity .3s ease-in-out; } #nav-main .navbar-brand img.mobile { max-height: 32px; width: auto; opacity: 1; } #nav-main.small-nav { font-size: 1rem; } #nav-main.shrink .navbar-brand img { max-height: 32px; width: auto; } #nav-main .navbar-brand img.fade-in { animation: opacityFadeInAnimation ease-in-out .3s; opacity: 1; } #nav-main .navbar-brand img.active { display: inline-block; } #nav-main .navbar-brand img.always-active { display: inline-block; opacity: 1; } #nav-main .dropdown-col { display: inline-block; width: 30%; } #nav-main .dropdown-col h6.dropdown-header { font-size: 1rem; } #nav-main .navbar-nav.mr-auto .dropdown-menu .dropdown-item { white-space: normal; } #nav-main img { max-width: max-content; } @media (max-width: 768px) { #nav-main .dropdown-col { width: 100%; } } @media (max-width: 992px) { .dropdown-menu { max-height: 50vh; overflow-y: auto; } #nav-main { max-height: 100vh; overflow-y: auto; } #nav-main .navbar-brand img { max-width: 50vw; } } @media (min-width: 992px) and (max-width:1400px) { #nav-main .navbar-brand img { max-width: 20vw; } } .dropdown-menu { max-height: 85vh; overflow-y: auto; } /* --- Additional Responsive Bootstrap Sizes for Images --- */ .embed-responsive-191by1::before { padding-top: 52.356021%; } /* 1.91:1 Aspect Ratio */ .embed-responsive-3by1::before { padding-top: 33.333333%; } /* 3:1 Aspect Ratio */ .embed-responsive-4by1::before { padding-top: 25%; } /* 4:1 Aspect Ratio */ /* --- End Additional Responsive Bootstrap Sizes for Images --- */ /* --- RTL --- */ .rtl .card, .rtl div[data-module-name="layout_breadcrumbs"], .rtl .site-nav, .rtl .module-title { direction: rtl; } .rtl .generic-body, .rtl .module-title h2 { display: flex; } .rtl .card .mr-auto { margin-right: unset!important; margin-left: auto; } .rtl .card .ml-auto { margin-left: unset!important; margin-right: auto; } /* --- End RTL --- */ /* --- Groups --- */ .groups_group_admin .groupAdminButtons br { display: none; } .groups_group_admin .input_text, .groups_group_admin .input_textarea { margin-bottom: 1.5em; } .groups_group_display .boxsitepagebody { display: block; } .groups_group_display .group_display_icon { display: inline-block; float: left; margin-right: 15px; } .groups_group_display .group_display_detail { display: inline-block; float: left; } .groups_group_display .group_display_info { margin-bottom: 15px; } .groups_group_display .group_display_title { display: block; margin-bottom: 5px; } .groups_group_display .group-display_tagline { font-size: 1.125em; } .groups_group_display .group_display_action_buttons { display: flex; flex-flow: row wrap; } .groups_group_display .group_display_action_buttons .group_action_buttons.sitebutton { margin-top: 0; } .groups_group_display .group_display_action_buttons .sitebutton li a { margin-right: 1em; } .group_action_buttons li { display: inline-block; margin-right: 1em; } .group_action_buttons li:last-child { margin-right: 0; } .group_members_list .group_member { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .group_members_list .group_member:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .group_member_avatar {display: inline-block; margin-right: 15px; vertical-align: top; } .group_member_data {display: inline-block; } .group_member_data .group_member_actions { width: 100%; margin-top: 10px; } .group_member_actions_list li {display: inline-block; float: left; margin-right: 10px; } .group_member_actions_list li:last-child { margin-right: 0; } .groups_group_members .group_member_list_pagination {text-align: center; } .groups_group_tasks .note-total-hour-container { display: block; margin-bottom: .5em; font-size: 1.125em; } .groups_group_tasks .note-total-hours-label { display: inline-block; } .groups_group_tasks .task-list-item { padding: 20px 0; } .groups_group_tasks .task-list-item:first-child { padding-top: 0; } .groups_group_tasks .task-list-item:last-child { padding-bottom: 0; } /* groups list */ .groups_groups_list .group_list { display: block; } .groups_groups_list .group_list .group_item { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .groups_groups_list .group_list .group_item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .groups_groups_list .group_item_avatar { display: inline-block; float: left; width: 10%; margin-right: 1em; } .groups_groups_list .group_item_data { display: inline-block; float: left; width: calc(90% - 1em); margin-bottom: 1em; } .groups_groups_list .group_item_detail { display: block; clear: both; padding: .5em .8em; font-size: .8em; background-color: #f8f8f8; } .groups_groups_list .groups_list_pagination { display: block; margin-top: 10px; text-align: center; } .groups_groups_list .group_access { padding: .25em .5em; border-radius: .25em; line-height: 1em; } @media (max-width: 640px) { .groups_groups_list .group_item_avatar {display: none; } .groups_groups_list .group_item_data {display: block; width: 100%; } } /* groups list grid */ .group_grid .boxsitepagebody { padding: 0; border: 0; } .group_grid .card_actions { justify-content: flex-end; } .group_grid .btn.join-group + .btn.admin-group, .group_grid .btn.pending-approval + .btn.admin-group { margin-left: 1em; } .group_grid .btn.pending-approval { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .group_grid .pagination { margin-top: 0; } @media (min-width: 968px) { .group_grid .btn-pagination { display: block; width: 100%; max-width: 50vw; margin: 0 auto; } } @media (max-width: 968px) { .group_grid .btn-pagination { display: block; width: 100%; } } @media (max-width: 768px) { .group_grid .card_actions { flex-flow: column nowrap; align-items: center; justify-content: center; } .group_grid .btn.join-group + .btn.admin-group, .groups_groups_list .btn.pending-approval + .btn.admin-group { margin: 1em 0 0; } .group_grid .btn.join-group, .group_grid .btn.admin-group, .group_grid .btn.pending-approval { width: 100%; max-width: 50vw; } } @media (max-width: 640px) { .group_grid .btn.join-group, .group_grid .btn.admin-group, .group_grid .btn.pending-approval { padding: 1em; } } /* groups list - end */ .groups_category_list .galleryItems li { display: block; float: none; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; text-align: left; } .groups_category_list .galleryItems li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .groups_group_invite li.group_invite, .groups_group_invite li.manual_invite { display: inline-block; margin: 0 1em .5em 0; } .groups_group_information #group_information > div { clear: both; margin-bottom: 1em; } .groups_group_information #group_information > div:last-child { margin-bottom: 0; } .groups_group_information #group_information .group_information_label, .groups_group_information #group_information .group_members_label, .groups_group_information #group_information .group_information_data, .groups_group_information #group_information .group_members_data { float: left; } .groups_group_information #group_description, .groups_group_information #group_access_level, .groups_group_information #group_members { display: flex; } .groups_group_information #group_information .group_information_label, .groups_group_information #group_information .group_members_label { padding: 0px 5px 0px 0px; } .groups_group_information #group_information .group_information_data ul{ list-style: initial; padding-left: 1.25em;} .groups_group_admin .input_field_description { color: inherit; font-weight: normal; } .internal-messages-col1-width { width: 2%; } .internal-messages-col2-width { width: 98%; } .internal-messages-detail { border-top-left-radius: unset; border-top-right-radius: unset; } .internal-messages-list .table thead th, .internal-messages-list td { vertical-align: middle; } .internal-messages .imageSmallSquare > a, .internal-messages-list .img-sm-sq { width: 1.85rem; height: 1.85rem; } .internal-messages .user-list-image { display: flex; margin-right: .25rem; } .internal-messages-nav .nav-link.active { color: #212529; position: relative; font-weight: bold; } .internal-messages-nav .fa { width: 20px; font-size: 14px; text-align: center; } .message-inbox tr:hover { background-color: rgba(0,0,0,.075) } /* --- Layout --- */ .headerModule { display: block; padding: 1em 0; } .headerLogo { float: left; } .headerLogInLink { display: flex; justify-content: flex-end; } .headerLogInLink a { margin-right: 7px; vertical-align: bottom; } .headerLogInLink .site-page-link { position: relative; margin-right: 15px; } .headerLogInLink .user-first-name { width: auto; border-radius: 0; vertical-align: super; display: inline; top: 2px; position: relative; } .headerSearch { float: right; display: inline-block; clear: right; margin-top: 1em; width: 25%; min-width: 300px; } .headerSearch .advanced_search { display: inline-block; float: right; margin-top: 5px; } .site-header .navbar-brand img, .site-header .navbar-brand svg{max-width:150px} .page_title_reverse_margin { margin-top: -1em; } /* navigation */ #main_responsive_nav { display: block; clear: both; background-color: #006395; } #main_responsive_nav a.menu { display: none; margin: 15px; width: 24px; height: 24px; font-size: 0; background-image: url("/swl/images/menu-button.png"); background-repeat: no-repeat; background-size: 100%; background-position: center; } #main_responsive_nav ul.menu { display: block; position: relative; width: 100%; } #main_responsive_nav ul.menu .mainnav-current { background-color: #03a78e; } #main_responsive_nav ul.menu a { display: block; padding: 1em; color: #fff; font-weight: 700; text-decoration: none; } #main_responsive_nav ul.menu a:hover { background-color: #03a78e; } #main_responsive_nav ul.menu li { display: inline-block; float: left; position: relative; } #main_responsive_nav ul.submenu { display: none; position: absolute; top: 100%; left: 0; min-width: 200px; background-color: #00527a; z-index: 999; } #main_responsive_nav ul.submenu li { display: block; width: 100%; } #main_responsive_nav li a, #main_responsive_nav .parent { padding: 0; } #main_responsive_nav, #main_responsive_nav li, #main_responsive_nav > ul.menu, #main_responsive_nav ul.submenu { overflow: initial; } #main_responsive_nav .submenu.menu-expanded { display: block; } .nav-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1030;} .nav-full-width { position: absolute; left: 0; width: 100%; z-index: 1020} .sticky-nav.nav-fixed{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)} @media screen and (min-width:992px) { .site-header .navbar-collapse{ overflow-y:unset !important; max-height:unset !important; } } @media screen and (min-width:768px) { .parent:hover .submenu { display:block !important; } } @media (max-width: 768px) { #main_responsive_nav a.menu { display: inline-block; } #main_responsive_nav ul.menu { display: none; width: 100%; margin: auto; } #main_responsive_nav ul.menu-expanded { display: block !important; } #main_responsive_nav ul.menu-expanded li { display: block !important; float: none; width: 100%; } #main_responsive_nav ul.submenu { position: relative; } #main_responsive_nav.nav-fixed ul.menu { max-height: 50vh; overflow: scroll; } } .left-bar-active .nav-link.active { color: #212529; position: relative; } .left-bar-active .nav-link.active::before { content:''; position: absolute; background-color: #212529; width: 3px; height: 100%; top: 0; left: 3px; } /* footer */ #footer a { padding-bottom: 0; border-bottom: 1px dotted rgba(255,255,255,.25); } #footer a:hover { border-bottom: 1px solid #fff; text-decoration: none; } #footer a.social_link, #footer a.social_link:hover { border-bottom: 0; } .footer_social a.social_link:hover { opacity: .8; } /* user tools */ .layout_user_tools .links-container { display: flex; flex-flow: row wrap; } .layout_user_tools .links-container li { display: inline-flex; align-items: center; margin-right: 1em; position: relative; } .layout_user_tools .links-container li:last-child { margin-right: 0; } .layout_user_tools .links-container .user-container .user-list-image { margin-right: .5em; } .layout_user_tools .links-container .counter { background-color: #fa5252; border-radius: .25em; color: #fff; font-size: .8em; line-height: 1em; margin-left: .5em; padding: 3px 2px; } .badge-notify { position:absolute; top: -13px; left: 10px; } .badge-notify-relative { position: relative; top: -0.5rem; left: -0.5rem; margin-right: -1.0rem; } /* --- Profile --- */ .profile_user_tasks .task-list-item { display: block; margin-bottom: 1.5em; } .profile_user_tasks .task-list-item:last-child { margin-bottom: 0; } .profile_user_profile .profileResponse { width: 100%; margin-bottom: .5em; word-wrap: break-word; } .profile_user_blocks .accordion .accordion-toggle, .profile_user_blocks .accordion .accordion-toggle-active { padding: 10px; margin-top: 5px; border-radius: .25em; background-repeat: no-repeat; background-position: calc(100% - 10px) center; position: relative; } .profile_user_blocks .accordion .accordion-toggle { background-color: #ccc ; } .profile_user_blocks .accordion .accordion-toggle:hover, .profile_user_blocks .accordion .accordion-toggle-active:hover { cursor: pointer; } .profile_user_blocks .accordion .accordion-toggle-active { color: #fff; background-color: #03a78e; } .profile_user_blocks .accordion .accordion-toggle:after, .profile_user_blocks .accordion .accordion-toggle-active:after {font-family: "Font Awesome\ 5 Free", sans-serif; line-height: 1em; position: absolute; right: 1em; top: 1em; } .profile_user_blocks .accordion .accordion-content { padding-top: 1em; } .profile_user_blocks .accordion .accordion-content form .input_text, .profile_user_blocks .accordion-content form .input_select, .profile_user_blocks .accordion-content form .input_textarea_field, .profile_user_blocks .accordion-content form .input_address #Address_216_highlight > div { margin-bottom: 1em; } .profile_user_blocks div.textarea_counter.charcount-safe { margin-left: 0 !important; } .profile_user_blocks .settings_submit { display: block; margin-top: 1em; clear: both; } .profile_message_list .selectdeselect { padding: 10px 0; } .profile_message_list .selectdeselect .checkbox { display: inline-block; margin-right: 20px; } .profile_message_list .selectdeselect .text { display: inline-block; } .profile_message_list .normal-table { text-align: left; } .profile_blog_posts .boxsitepage { display: block; } .profile_blog_posts .p1, .profile_blog_posts .rss_icon { display: inline-block; } .profile_blog_posts .p1 { float: left; width: calc(100% - 34px); } .profile_blog_posts .rss_icon { float: right; } .profile_user_photo .user-list-image, .profile_user_photo .user-list-image a { height: auto; overflow: inherit; max-width: 100%; } .profile_user_photo .user-list-image img { border-radius: 0; width: 100%; height: auto; } .profile_my_content #itemBlock { display: flex; flex-direction: row; } .profile_my_content .mycontent_profile_area { width: 15%; } .profile_my_content .mycontent_item_area { width: 85%; } .profile_my_content .mycontent_action_area { display: flex; justify-content: space-between; margin-bottom: 1em; } .profile_my_content #data_table .table_head_row { text-align: left; } .profile_my_content #item_display .galleryItems { display: flex; flex-flow: row wrap; } .profile_my_content #item_display .galleryItems li { display: flex; flex-flow: column nowrap; margin-right: 0; width: 25%; } .profile_my_content #item_display .galleryItems li .file_name { display: block; margin-bottom: 1em; } .profile_my_content #item_display .galleryItems li > div:nth-child(1) { margin-bottom: .5em; } .profile_user_status #userStatus { display: flex; } .profile_user_status #userStatus .statusThumb { margin-right: 1em; } #user_profile_badges { display: flex; flex-flow: row wrap; justify-content: space-between; } .profile_user_badges .module-content { padding-bottom: 0; } .profile_user_badges .profile_badge { display: inline-flex; align-items: stretch; justify-content: center; margin-bottom: 1em; float: left; } .profile_user_badges .badge-col-1 .profile_badge { width: 100%; } .profile_user_badges .badge-col-2 .profile_badge { width: calc(50% - .5em); } .profile_user_badges .badge-col-3 .profile_badge { width: calc(33% - .33em); } .profile_user_badges .badge-col-4 .profile_badge { width: calc(25% - .25em); } .profile_user_badges .badge-col-5 .profile_badge { width: calc(20% - .2em); } .badge_image { width: 100%; height: auto; } .badge-sm .badge_image { max-width: 32px !important; } .badge-md .badge_image { max-width: 64px !important; } .badge-lg .badge_image { max-width: 128px !important; } #profile-area .nav-link.active { color: #212529; position: relative; } #profile-area .nav-link.active::before { content:''; position: absolute; background-color: #212529; width: 3px; height: 100%; top: 0; left: 3px; } #profile-area .tab-content { overflow-y: auto; } #profile-area .card-body { overflow-x: hidden; overflow-y: auto; max-height: 70vh; } .profile-all-blocks { max-height: 80vh; overflow-x: hidden; overflow-y: auto; } .profile-all-blocks .fadeIn { animation: opacityFadeInAnimation ease 1.1s; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes opacityFadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } /* --- Recent Activity --- */ .activity_feed .log_item { display: block; clear: both; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #ccc; } .activity_feed .log_item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .activity_feed .log_item .log_avatar { display: inline-block; float: left; margin-right: 15px; } .activity_feed .log_item .log_data { display: inline-block; float: left; width: calc(100% - 49px); } .activity_feed .activity_time { margin-top: 5px; color: #ccc; } /* --- Reactions --- */ .reaction-box { background-color: #F8F8F8; } .reaction-box .reaction { font-size: 1.5rem; cursor: pointer; float: left; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 0; transform: translate(0, 100px) scale(0);} .reaction-box .reaction.show { opacity: 1; transform: translate(0, 0) scale(1);} .reaction-box .reaction:hover { transform: scale(1.4, 1.4) translate(0, -6px); } .reactions .reaction:not(:first-child) { margin-left: .5rem; } /* --- End Reactions --- */ /* --- Votes --- */ .votes .generic-option-link { color: black; } /* --- End Votes --- */ .slider_area { position: fixed; display: flex; flex-direction: column; bottom: 0; right: 0; left: 0; margin-left: auto; margin-right: auto; width: 70%; z-index: 400; background-color: #F8F8F8; padding: .5rem; border: 1px solid rgba(0,0,0,.125); box-shadow: 0 -1px 40px rgba(0,0,0,0.12); transition: all 0.4s ease-in-out; transform: translate(0, 100px); opacity: 0;} .slider_area.show_slider { opacity: 1; transform: translate(0, 0); } /* --- Reviews --- */ .reviewsItemsList li { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .reviewsItemsList li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .reviews_latest_reviews select#sortby_latest, .reviews_latest_reviews select#sortorder_latest { margin-bottom: 1em; } .reviews_latest_reviews .reviewsItemsList #imageContainer { margin-right: 15px; } .reviews_latest_reviews .reviewsItemsList #imageContainer .imageMediumSquare { width: 62px; } .reviews_latest_reviews .reviewsItemsList #imageContainer .user-name-link { display: block; margin-top: 5px; text-align: center; } .reviews_latest_reviews .reviewsItemsList .fieldResponse2 { display: inline-block !important; width: calc(100% - 77px) !important; } .reviews_latest_reviews .fieldResponse2 h3 { margin: 0 0 10px; } .reviews_latest_reviews .fieldResponse2 .rating_container { display: inline-block; } .reviews_latest_reviews .fieldResponse2 .rating_container a { display: inline-block; width: 10px; height: 10px; background-size: 100%; } .reviews_latest_reviews .fieldResponse2 .review_description_containter { display: block; margin-top: 10px; } .reviews_latest_reviews .paginator_container { display: block; margin-top: 20px; text-align: center; } .reviews_popular_items select#sortby_popular, .reviews_popular_items select#sortorder_popular { margin-bottom: 1em; } .reviews_popular_items .paginator_container {display: block; margin-top: 20px; text-align: center; } .reviews_item_form div.textarea_counter.charcount-safe { margin-left: 0 !important; } .reviews_associate_photos .galleryItems .pictureFrame { display: inline-block; margin-right: 15px; } .reviews_associate_photos .galleryItems .galleryCaption { float: left; } #reviews_featured_review_image_expanded { width: auto; max-width: 100%; margin-bottom: 1em; text-align: center; } .reviews-featured-review-img { display: inline-block; } .photoGridUserAction { display: block; margin-top: 20px; text-align: center; } .reviews_item_block .column1 { display: inline-block; float: left; width: 252px; margin-right: 10px; } .reviews_item_block .column2 { display: inline-block; float: left; width: calc(100% - 267px); } .reviews_item_block .column2 .row2 { padding: 10px 0; border: none; } .reviews_item_block .form-file-thumbnail, .reviews_item_block .form-file-title, .reviews_item_block .form-file-description { display: inline-block; margin-right: 1em; } .reviews_item_block .form-file-filesize { background-color: #006395; border-radius: .5em; padding: .25em .5em; font-size: .75em; color: #fff; } .reviews_subcategories #subCategoryList .column { display: inline-block; float: left; text-align: center; } .reviews_subcategories #subCategoryList .imageMegaSquare {max-width: 252px; } .reviews_subcategories #subCategoryList .imageHugeSquare {max-width: 126px; } .reviews_subcategories #subCategoryList .imageMediumSquare {max-width: 62px; } .reviews_subcategories #subCategoryList .imageSmallSquare {max-width: 34px; } .reviews_subcategories #subCategoryList img {width: 100%; } .reviews_subcategories #subCategoryList .column .item { display: inline-block; margin-top: 10px; } .reviews_browse_categories {clear: both;} .skip-link { display: block; position: absolute; z-index: 9999; left: -1000px; width: 1px; max-height: 1px; overflow: hidden; background: #fff; font-size: 1.8rem; text-align: center; } .skip-link:focus { text-decoration: underline; position: fixed; left: 0; width: 100%; max-height: none; padding: 16px; } /* --- Social Share --- */ .socialmediabuttons .fa-facebook, .socialmediabuttons .fa-facebook-square, .socialmediabuttons .fa-square-facebook { color: #3b5998 } .socialmediabuttons .fa-twitter, .socialmediabuttons .fa-twitter-square { color: #00aced } .socialmediabuttons .fa-square-x-twitter { color: #000 } .socialmediabuttons .fa-linkedin, .socialmediabuttons .fa-linkedin-in { color: #007bb6 } .socialmediabuttons .fa-reddit, .socialmediabuttons .fa-reddit-square, .socialmediabuttons .fa-square-reddit { color: #ff4500 } .socialmediabuttons .fa-pinterest, .socialmediabuttons .fa-pinterest-square, .socialmediabuttons .fa-square-pinterest { color: #bd081c } .socialmediabuttons .fa-envelope, .socialmediabuttons .fa-envelope-square, .socialmediabuttons .fa-square-envelope { color: #6d6f73 } /* --- Tags --- */ .tag {display: inline-block; margin-right: 1em; position: relative; } .tag:last-child {margin-right: 0; } .tag_paragraph .tag { display: inline-flex; } .tag .remove-tag .tag_cancel_img { display: inline-block; position: relative; width: 1.5em; height: 1.5em; text-indent: 100%; white-space: nowrap; overflow: hidden; } .tag .remove-tag .tag_cancel_img:before { content: "\f057"; position: absolute; top: 0; left: 0; width: 1.5em; height: 1.5em; text-indent: 0; font-size: 1.25em; font-family: 'Font Awesome\ 5 Free'; } .tag .remove-tag .tag_cancel_img:hover:before { color: #fa5252; } .content-tag--private, .tag_paragraph .content-tag--private, .blog_post_tags_container .content-tag--private, .form_field .content-tag--private {color: #fa5252; } .tags-list { max-height: 55vh; } /* --- My Account --- */ .settings_account .field { margin-bottom: 1rem; } /* --- Video --- */ .video_gallery_main .galleryItems li > * { display: block; } .video_gallery_main .galleryItems li br { display: none; } /* --- Users --- */ #selector { margin-bottom: 1em; } .users_browse_users_by_segment .user-info-container, .users_browse_users .user-info-container { display: inline-block; float: left; margin-left: 10px; } .users_all_users_by_points .user-list-image { display: block; float: none; } .users_all_users_by_points .user-info-container { display: block; clear: both; margin: 5px 0 10px; text-align: center; } /* Applying bootstrap responsive grid sizes when list pagination type is set to scroll. Default bootstrap selector doesn't target the col in this case because ScrollMagic injects dom between the parent row and col */ .row-cols-1 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 .simplebar-content >* { webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } @media (min-width: 576px) { .row-cols-sm-1 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 .simplebar-content >* { webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (min-width: 992px) { .row-cols-lg-1 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 .simplebar-content >* { webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (min-width: 1440px) { .row-cols-xxl-1 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 .simplebar-content >* { webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xxl-4 .simplebar-content >* { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } /* --- Images & Icons --- */ .imageSmallSquare > a, .imageMediumSquare > a, .imageLargeSquare > a, .imageMegaSquare > a, .imageHugeSquare > a { display: inline-block; overflow: hidden; } .imageSmallSquare a img, .imageMediumSquare a img, .imageLargeSquare a img, .imageMegaSquare a img, .imageHugeSquare a img { width: 100%; } .imageHugeSquare > a, .img-hg-sq { width: 500px; height: 500px; } .imageMegaSquare > a, .img-mg-sq { width: 252px; height: 252px; } .imageLargeSquare > a, .img-lg-sq { width: 126px; height: 126px; } .imageMediumSquare > a, .img-md-sq { width: 62px; height: 62px; } .imageSmallSquare > a, .img-sm-sq { width: 34px; height: 34px; } .user_levels_image img { height: 16px; } /*==== Responsive ====*/ @media (max-width: 960px) { .column_generic { margin-bottom: 0; } /* Events */ .layout_75_25 .site_page_column_1 .events_item_ownership .user_selector_list .user_select_item, .layout_25_75 .site_page_column_0 .events_item_ownership .user_selector_list .user_select_item {width: 33%; } /* Users */ .users_browse_users_by_segment .user-list-item { width: calc(30% - 10px); } } @media (max-width: 768px) { /* Forums */ dl.icon dt {width: 60%; } .forums_topic_list dl.icon dd.views, .forums_category_list dl.icon dd.topics { display: none; } dl.icon dd.posts { width: 10%; } /* Users */ .users_browse_users_by_segment .user-list-item { width: calc(50% - 10px); } } @media (max-width: 640px) { table { overflow-x: auto; } .btn_text, .groupAdminButton div.form_button a, div.form_button a, .groupAdminButton div.form_button a:link, div.form_button a:link, .groupAdminButton div.form_button a:visited, div.form_button a:visited, div.sitebutton ul li a, div.sitebutton ul li a:link, div.sitebutton ul li a:visited, div.sitebutton ul li a:hover, div.sgroup_browse_button ul li a, div.sgroup_browse_button ul li a:link, div.sgroup_browse_button ul li a:visited, .html_button_plain .form_button a, .add_item, .button, input[type="button"], .download_file ul li a, li.addComment a, li.viewTopic a { line-height: 1em; } /* Header */ .headerLogo { display: block; float: none !important; text-align: center; } .headerLogInLink { display: block; float: none; clear: both; margin: 30px 0; text-align: center; } .headerLogInLink a { padding: 0 10px; } .headerLogInLink a:first-child { padding-left: 0; } .headerLogInLink a:last-child { padding-right: 0; } .headerSearch { display: block; width: 100%; float: none; margin: 0; } .headerSearch .advanced_search { display: block; float: none; margin-top: 20px; text-align: center; } /* Events */ .events_item_ownership .user_selector_list .user_select_item, .layout_75_25 .site_page_column_1 .events_item_ownership .user_selector_list .user_select_item, .layout_25_75 .site_page_column_0 .events_item_ownership .user_selector_list .user_select_item { width: 49.5%; } /* Aspen Events */ .module .field-container .fieldLabel, .module .field-container .fieldResponse, .field .field-label, .field .field-response { display:block; width: 100%; margin: 0; } /* Footer */ #footer p { display: block; float: none; text-align: center; } #footer p:first-child { margin-bottom: .5em; } .site_page_footer #socialbar { margin-top: 0; } /* Forums */ dl.icon dt {width: 70%; } dl.icon dd.posts { width: 30%; } dl.icon dd.lastpost { display: none; } /* Profile */ .profile_user_blocks #settings_notifications #section_notification .settings_notifications_notification { width: 90%; } .profile_user_blocks #settings_notifications #section_notification .settings_notifications_send { width: 10%; } /* Reviews */ .column1, .column2, .reviews_item_block .column2, .events_featured_event .column2 { display: block; width: 100%; } .column1 { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .reviews_subcategories #subCategoryList .column { display: block; float: none; width: 100% !important; } /* Search */ .search_results .layout_100_sub_column_1_options .search_results_list .search_result_avatar { display: none; } .search_results .layout_100_sub_column_1_options .search_results_list .search_result_data { display: block; width: 100%; } /* Users */ .users_browse_users_by_segment .user-list-item { margin-right: 0; width: 100%; } .users_browse_users_by_segment .user-list-image { width: 80px; } .users_browse_users_by_segment .user-info-container { width: calc(100% - 90px); } } @media (max-width: 480px) { /* Blogs */ .sblog-post-image a {display: none; } .site_page_create_edit_blog_post_body .fieldrow .fieldlabel, .site_page_create_edit_blog_post_body .fieldrow .fieldinput, .site_page_create_edit_blog_post_body .blog_post_body_container h3,.site_page_create_edit_blog_post_body .blog_post_body_container .sblog_post_input { display: block; float: none; margin-right: 0; margin-bottom: .5em; width: 100%; } /* Comments */ .comment_thumb {display: none; } .comment_container { display: block; float: none; width: 100%; } /* Events */ .events_events_list .item img {max-width: 100%; } .events_featured_event .column1 { display: none; } .events_featured_event .column2 { display: block; float: none; width: 100%; } .events_item_ownership .user_selector_list .user_select_item, .layout_75_25 .site_page_column_1 .events_item_ownership .user_selector_list .user_select_item, .layout_25_75 .site_page_column_0 .events_item_ownership .user_selector_list .user_select_item { width: 100%; } .events_item_ownership .user_selector_list .user_select_item:last-child { margin-bottom: 0; } /* Forums */ .recent_topic_replies_list { margin-left: 0; } .post .userInfo { display: none; } .post .postBody { display: block; float: none; width: 100%; } .postBody .topic-list-engagement-actions {float: none; } .post .topic-list-action-container {float: none; } dl.icon dt {width: 100%; } dl.icon dd.posts { display: none; } /* Header */ .headerLogo img {width: 100%; } .headerSearch {min-width: 100%; } /* Search */ .nav_search a.search_submit_button {line-height: 1em; } .search_results input[type="text"] { height: 40px; } .search_results .layout_100_sub_column_1_options .search_results_list .horizontalList li { display: block; margin-right: 0; width: 100%; } .search_results .layout_100_sub_column_1_options .search_results_list .horizontalList li.searchSeparator { display: none; } /* Users */ .users_browse_users_by_segment .user-list-image { width: 100%; margin-right: 0; text-align: left; } .users_browse_users_by_segment .user-list-image > a { margin-bottom: 0; } .users_browse_users_by_segment .user-info-container { width: 100%; } } @media (max-width: 320px) { /* Comments */ .recent_comments .imageSmallSquare { display: none; } .recent_comments .comment_info { display: block; float: none; width: 100%; } /* Forums */ .recent_topic_avatar, .recent_topic_reply_avatar, .recent_post_avatar {display: none; } .recent_topic_data, .recent_topic_reply_data, .recent_post_data { display: block; float: none; width: 100%; } /* Groups */ .group_member_avatar, .groups_groups_list .group_item_avatar { display: none; } /* My Home */ .activity_feed .log_item .log_avatar { display: none; } .activity_feed .log_item .log_data { display: block; float: none; width: 100%; } /* Reviews */ .reviews_latest_reviews .reviewsItemsList #imageContainer { display: none; } .reviews_latest_reviews .reviewsItemsList .fieldResponse2 { display: block !important; width: 100% !important; } /* Users */ .users_browse_users_by_segment .user-list-image > a { display: none; } } .groupAdminButtons { clear: both; } /* Likes Popup */ #like_list_container li.user_select_item { clear: both; } /* Views Pop-up */ #view_list_container li.user_select_item { list-style: none; clear: both; } #view_list_container .user_detail-small { display: inline-block; width: 70%; float:left;} #view_list_container .view_user_image { width: 80%; float:left;} .settings_notifications_send input[type="checkbox"] { margin: 0px;} /* Mail Messages */ .tdMailSubject, .thMailSubject{ padding-left: 250px;} .tdMailSubject a{ display: inherit !important;} @media (min-width:600px) { .tdMailSubject, .thMailSubject{ padding-left: 50px; padding-right: 60px;} .tdMailFrom { width: 30%; } } .boxsitepagebody, .module-content { overflow-wrap: break-word; } /* Tours Popover */ .popover-navigation .btn-outline-danger { margin-left: 20px } .popover .arrow { width: 0; height: 0 } .popover.top > .arrow { bottom: -10px } .popover.bottom > .arrow { top: -10px } .popover.right > .arrow { margin-top: -11px } .popover.fade.in { opacity: 1; } /* Tours Popover End */ .swl_popover { max-width: unset; } .swl_popover .popover-body { padding: 0; } _:-ms-lang(x), .swl_popover { min-width: 250px; } .breadcrumb { background-color: transparent; } /* Header Icons seprator*/ .headerLogInLink > div { position: relative; padding: 0 6px 0 10px; } .headerLogInLink > div:after { position: absolute; content: ''; width: 1px; height: 15px; background: #000; top: 10px; right:0px; } .headerLogInLink > div:nth-last-of-type(1):after { width: 0px; } /* Header Icons seprator ends*/ /* Nav items */ a.nav-link:not(:disabled):not(.disabled):hover { cursor: pointer;} .navbar-nav .active > .nav-link{font-weight:bolder;} /* Active nav items end*/ /* Indicators*/ .notification-dot { left:18px; top:-5px; background-color: #FF0000; height: 6px; width: 6px; border-radius: 50%; } .notification-dot-main { left: 13px; background-color: #FF0000; height: 7px; width: 7px; border-radius: 50%; } /* Indicators End*/ /* --- Carousel Start --- */ .carousel-item { min-height: 100px; } .carousel-item .carousel-caption, .carousel-control-prev, .carousel-control-next, .carousel-indicators { z-index: 10; } .carousel-control-span-wrap { background-color: rgba(23, 11, 11, 0.50); width: 2.8em; height: 2.8em; border-radius: 50%; } .carousel-control-next-icon, .carousel-control-prev-icon { height: 32px; } .carousel-control-prev-icon { background-position: -2px 6px; } .carousel-control-next-icon { background-position: 2px 6px; } .carousel-item .carousel-caption-inner { min-width: 300px; background-color: rgba(23, 11, 11, 0.50); } @media (min-width: 544px) { .carousel-item .carousel-caption h4.carousel-title { font-size:1.5rem; } .carousel-item .carousel-caption p.carousel-description { font-size:0.75rem; } } @media (min-width: 768px) { .carousel-item .carousel-caption h4.carousel-title { font-size:1.75rem; } .carousel-item .carousel-caption p.carousel-description { font-size:1rem; } } @media (min-width: 992px) { .carousel-item .carousel-caption h4.carousel-title { font-size: 2rem; } .carousel-item .carousel-caption p.carousel-description { font-size:1.25rem; } } @media (min-width: 1200px) { .carousel-item .carousel-caption h4.carousel-title { font-size: 2.25rem; } .carousel-item .carousel-caption p.carousel-description { font-size:1.5rem; } } #field_dob .date-field { margin: 0; } .fixed_height_modal { height: 90vh; } .fixed_height_modal .modal-header { min-height: 3rem; } .fixed_height_modal .modal-header .modal-title, .fixed_height_modal .modal-header .dropdown, .fixed_height_modal .modal-header .close { line-height: 1rem; } .fixed_height_modal .modal-body, .fixed_height_modal .modal-header .dropdown-menu { background-color: #F1F1F1; } .fixed_height_modal div[id^='carouselSlides'] { height: 80vh; } .fixed_height_modal .carousel-inner, .fixed_height_modal .carousel-item, .fixed_height_modal .carousel-item img { height: 100%; } .fixed_height_modal .carousel-item img { object-fit: scale-down; } .fixed_height_modal .carousel-item.active { transition: transform .1s ease,-webkit-transform .1s ease; } .skyscraper { max-width: 160px; max-height: 600px; } .leaderboard { max-height: 90px; } .billboard { max-height: 250px; } @media (min-width: 992px) { .billboard { max-width: 970px; } } /* --- Carousel End --- */ /* --- Restoring Bullet Points and Ordered Lists Start --- */ .html_block_plain ul,.html_block_wrapper ul,.sblog_text ul, .sblog_body ul,.postBody .content ul,.fieldResponse ul,#group_description ul,#group_news ul, .message_detail_body ul, .profileResponse ul, .group_news_display ul, .card-body ul, .helper-text ul, .generic-body ul, .ck ul { padding:0 0 0 2.5em; margin:.5em 0; list-style:initial } .html_block_plain ul ul,.html_block_wrapper ul ul,.sblog_text ul ul, .sblog_body ul ul,.postBody .content ul ul,.fieldResponse ul ul,#group_description ul ul,#group_news ul ul, .message_detail_body ul ul, .profileResponse ul ul, .group_news_display ul ul, .card-body ul ul, .helper-text ul ul, .generic-body ul ul, .ck ul ul { list-style-type:circle } .html_block_plain ul ul ul,.html_block_wrapper ul ul ul,.sblog_text ul ul ul,.sblog_body ul ul ul,.postBody .content ul ul ul,.fieldResponse ul ul ul,#group_description ul ul ul,#group_news ul ul ul, .message_detail_body ul ul ul, .profileResponse ul ul ul, .group_news_display ul ul ul, .card-body ul ul ul, .helper-text ul ul ul, .generic-body ul ul ul, .ck ul ul ul { list-style-type:square } .html_block_plain li,.html_block_wrapper li,.sblog_text li,.sblog_body li,.postBody .content li,.fieldResponse li,#group_description li, #group_news li, .message_detail_body li, .profileResponse li, .group_news_display li, .card-body li, .helper-text li, .generic-body li, .ck li { display:list-item } /* Add Number Bullets to User-generated content OLs */ .html_block_plain ol,.html_block_wrapper ol,.sblog_text ol, .sblog_body ol,.postBody .content ol,.fieldResponse ol,#group_description ol,#group_news ol, .message_detail_body ol, .profileResponse ol, .group_news_display ol, .card-body ol, .groups_group_leaderboard ol, .helper-text ol, .generic-body ol, .ck ol { list-style:decimal; padding:0 0 0 2.5em; margin:.5em 0 } /* --- Restoring Bullet Points and Ordered Lists End --- */ /* --- Featured Content Start --- */ #featured_content .content a img { float:left; margin-right:1em; } a.rss { display:none; } #featured_content a h1 { font-size: 1.75em; line-height: 1.15em; margin: 0 0 .5em 0; color: inherit; } #featured_content .content a.link { float: right; font-weight: 700; margin-top: 1em; } @media (max-width: 480px) { #featured_content .content img { width: 100%; } #featured_content a { text-align: center; } } /* --- Featured Content End --- */ /* --- Photo Zoom Start --- */ .image_prev { background:url(../images/image_prev.png) center no-repeat; display:block; float:left } .image_nav { width:50px; height:50px } .image_next { background:url(../images/image_next.png) center no-repeat; display:block; float:right } .image_nav { width:50px; height:50px } #zoompage_item_sub { text-align:center } /* --- End Poto Zoom --- */ /* --- Related Photos Start --- */ #otheritems_menu { display:inline-flex; } #otheritems_menu a { text-decoration:none; } #ov_link_tags, #ov_link_user { margin: 0 2px 0 0px; padding: 0px 8px; background: #CCC; } #otheritems_boxes { padding: 1em; border: 1px solid #ccc; height: 300px; overflow-y: auto; } #otheritems_menu div.selected { background: #CBE8F7; } #otheritems_tags, #otheritems_user { display: none; } #otheritems_tags.selected, #otheritems_user.selected { display: block; } /* --- End Related Photos Block --- */ .events_event_form form > div { margin-bottom: 1em; } .custom-select { -webkit-appearance: none; -moz-appearance: none; } /*----- End - Responsive ----------------------------------------------------------------------------*/ .heart_emoji {color: #dc3545;} /* --- Countdown Styling --- */ .countdown-numbers { text-align: center; letter-spacing: 0.0125rem; height:1.6875rem; min-width: 2.9375rem; font-size: 1.3125rem; line-height: 1.625rem; border: 0.0625rem solid; border-radius: inherit; background: transparent; } /* --- End - Countdown Styling --- */ /* --- Invoice PDF Styling --- */ .organization-invoice .logo-container { margin: 10px 0; } .organization-invoice strong { font-weight: bold; } .organization-invoice table.line-items-container { font-size: 0.875em; } .organization-invoice table.line-items-container th { color: #000; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 0.880em; text-transform: uppercase; } .organization-invoice table.line-items-container tr td { border-top: 1px solid #ddd; } .organization-invoice table tfoot tr td { background-color: #e9ecef; font-size: 0.880em; font-weight: bold; color: #000; text-transform: uppercase; } .organization-invoice .invoice-info-container table { width: auto; text-align: left; float: right; } @media (max-width: 767.98px) { .organization-invoice .btn { margin-bottom: 5px; } } /* --- End - Invoice PDF Styling --- */ span.stepper { display: block; height: 50px; line-height: 50px; text-align: center; width: 50px; } span.inactive-stepper { opacity: 0.6; } span.inactive-stepper:hover { opacity: 0.6; } .shimmer { pointer-events: none; color: grey; -webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%; background-repeat: no-repeat; animation: shimmer 2.5s infinite; } @keyframes shimmer { 100% {-webkit-mask-position:left} } .custom-select-selectize { height: initial; font-size: 0.875rem; padding: 1px; } .custom-select-selectize > div.selectize-input { border: none; border-radius: 1.35rem; } .custom-select-selectize > div.selectize-input.focus { border: none; box-shadow: none; } .charcount-safe { color:#BBBBBB; font-weight:normal } .charcount-limit { color:#FF0000; font-weight:bold } .leaflet-control .floorplan-map-control-icon { font-size: 1.2rem; height: 21px; } /* --- Triangle Breadcrumb Styling --- */ .triangle-breadcrumb { background-color: var(--light); border-radius: .25em; display: flex; padding: .75em 0; text-align: center; } .triangle-breadcrumb li { align-items: center; display: flex; } /* --- implement delimiter ">>" --- */ .triangle-breadcrumb li::after { content: '\00bb'; } .triangle-breadcrumb li:last-of-type::after { display: none; } /* --- End - implement delimeter ">>" --- */ .triangle-breadcrumb li>* { color: initial; text-decoration: none; } .triangle-breadcrumb li.current>*, .triangle-breadcrumb li a:hover { font-weight: bold; } @media only screen and (max-width:767px) { .triangle-breadcrumb li { padding: 0.2em; } } @media only screen and (min-width:768px) { .triangle-breadcrumb { --triangle-breadcrumb-delimiter-color: #FFF; --triangle-breadcrumb-pointer-width: 1.5em; --triangle-breadcrumb-delimiter-width: .25em; --triangle-breadcrumb-padding: calc(var(--triangle-breadcrumb-pointer-width) + var(--triangle-breadcrumb-delimiter-width)); background-color: var(--triangle-breadcrumb-delimiter-color); list-style: none; overflow: hidden; padding: 0; } .triangle-breadcrumb li { background-color: var(--light); border-color: var(--light); float: left; margin: 0; padding: 1em 0 1em var(--triangle-breadcrumb-padding); } .triangle-breadcrumb li:last-of-type { padding: 1em var(--triangle-breadcrumb-padding); } .triangle-breadcrumb li.current, .triangle-breadcrumb li:has(a:hover) { background-color: var(--dark); border-color: var(--dark); } .triangle-breadcrumb li.current>*, .triangle-breadcrumb li a:hover { color: #FFF; } .triangle-breadcrumb li::before, .triangle-breadcrumb li::after { border-top: 5em solid transparent; border-bottom: 5em solid transparent; border-left: var(--triangle-breadcrumb-pointer-width) solid var(--light); content: ""; display: block; height: 0; left: 100%; margin-top: -5em; position: absolute; top: 50%; width: 0; } .triangle-breadcrumb li::after { border-left-color: inherit; z-index: 2; } .triangle-breadcrumb li::before { border-left-color: var(--triangle-breadcrumb-delimiter-color); margin-left: var(--triangle-breadcrumb-delimiter-width); z-index: 1; } } /* --- End - Triangle Breadcrumb Styling --- */ .content-disabled { position: relative; z-index: 5; opacity: 0.8; } .content-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 10; } .fa.fa-icon-32, .fab.fa-icon-32, .far.fa-icon-32, .fas.fa-icon-32 { font-size: 24px; width: 32px; height: 32px; line-height: 32px; display: inline-block; text-align: center; }