/*==== Global ====*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300); @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { color: #006395; } a, a:link, a:visited, a:active { text-decoration: none; } a:hover { color: #03a78e; text-decoration: underline; transition: all 0.25s linear 0s; } blockquote { display: block; width: 100%; padding: 1em; margin: 0; border-radius: .25em; background-color: #ccc; } body { margin: 0; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1em; line-height: 1.5em; color: #444; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } figure, p, ol, ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: .5em 0; } 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"], input[type="date"], input[type="time"], textarea { width: 100%; padding: .5em; border: 1px solid #ccc; font-size: 1em; } p { margin: 0; } table { width: 100%; } th.p1 { text-align: left; } ul, ol { list-style: none; padding: 0; } .left {float: left; } .right {float: right; } /*==== Site Basics ====*/ /* --- Buttons --- */ .event_admin_link_btn { line-height: normal; } .add_group_content a, .add_item, .button, .create_blog_post a, .download_file ul li a, .group_action_buttons 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"], li.addComment a, li.addTopic a, li.viewTopic a, ul.group_list li.group_item ul.group_action_buttons li.edit_group_button a, ul li.viewTopic a, ul li.addComment a, .events-more-events a.events-more-events-link, .btn { border: none; border-radius: .25em; display: inline-block; padding: .5em 1em; text-align: center; text-decoration: none; } #tabs_chooser .tab a:hover, .add_group_content a:hover, .add_item:hover, .button:hover, .create_blog_post a:hover, .download_file ul li a:hover, .group_action_buttons 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, button: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, li.addComment a:hover, li.addTopic a:hover, li.viewTopic a:hover, ul.group_list li.group_item ul.group_action_buttons li.edit_group_button a:hover, ul li.viewTopic a:hover, ul li.addComment a:hover, .events-more-events a.events-more-events-link:hover, span.compose_message_to_indicator:hover, .btn:hover { cursor: pointer; opacity: .8; text-decoration: none; } .button__icon { font-family: "FontAwesome"; } /* primary buttons */ .btn.btn-primary, .add_group_content a, .add_item, .button, .create_blog_post a, .download_file ul li a, .group_item_heading .group_action_buttons li a, .group_action_buttons.sitebutton li a, .layout_user_tools li.login a, .message_detail_reply_link a, .sblog-post-body 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"], li.addComment a, li.addTopic a, ul li.addComment a, .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, span.compose_message_to_indicator { background-color: #03A78E; color: #fff; } div#nav_search ul li a { border-radius: 0; margin-bottom: 0; } /* secondary buttons */ .btn.btn-secondary, li.viewTopic a, ul.group_list li.group_item ul.group_action_buttons li.edit_group_button a, 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, ul li.viewTopic a, .select_buttons input.button, div.form_button a.event_select_recipients, .layout_user_tools li.registration a, .group_action_buttons.linkbutton li 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, .btn-warning { background-color: #d9534f; color: #fff; } /* pseudo buttons */ span.compose_message_to_indicator { margin-left: .5em; padding: .5em .8em; border-radius: .25em; text-transform: capitalize; font-size: .8em; font-weight: normal; } .sblog-post-body a, .site_page_feedback_list .see_more_comments a { padding: .25em .5em; line-height: 1em; border-radius: .25em; } /* icon buttons */ .btn.btn-icon { padding: .5em; background-color: transparent; } .btn-icon svg { fill: #666; } .btn-icon:hover svg { fill: #000; } .btn.btn-icon .btn_text { color: #333333; } /* 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 { background-color: #eee !important; color: #ccc !important; border-color: #ddd !important; } .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; } .delete_button {background: url('/swl/images/icons/misc/remove.png') no-repeat; width: 20px; display:inline-block; cursor: pointer;} /* --- Captcha --- */ .captcha_non_generic {margin-top: 1.5em;} /* --- Card --- */ .card { padding: 1em; border: 1px solid #eee; background-color: #fff; border-radius: .25em; } .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%; } } /* --- 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, #header: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; } /* --- 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"; } .combobox__button_toggled { background-color: #03a78e; } .combobox__button_toggled .button__icon:after {content: "\f00d"; } .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; } /* --- Forms --- */ label, .fieldLabel, .fieldlabel, .profileLabel, .input__label {display: block; margin-bottom: .5em; color: #006395; font-weight: 700; } .form_field { display: block; width: 100%; margin-bottom: 1em; } input.input-short { width: 10em; } /* 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; } .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 checkbox/radio input */ .radio-field, .checkbox-field { display: block; align-items: center; } .group_input .radio-field,.group_input .checkbox-field { margin-right: 1em; } .group_input .radio-field:last-child,.group_input .checkbox-field:last-child { margin-right: 0; } .radio-field .group_label,.checkbox-field .group_label { display: inline; line-height: 1em; margin-left: .5em; margin-bottom: 0; } /* disabled input */ form input:disabled { background-color: #eee !important; color: #ccc !important; border-color: #ddd !important; } form input:disabled: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; } /* --- 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; } /* --- Images --- */ .img-sm { height:32px; width: 32px; } .img-md { width: 64px; } .img-lg { width: 128px; } /* --- 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; } /* like link */ .like-link { display: block; } .like-link .like-link-total, .like-link a {display: inline-block; } .horizontalList .like-links { display: inline-block; } a.like-link:before { display: inline-block; font-family: "FontAwesome"; width: 1.25em; } a.like-link:before { content: "\f087"; } a.like-total { min-width: 1.5em; border-radius: 50%; background-color: #006395; margin-right: 0.25em; color: #ffffff; text-align: center; font-weight: 900; } a.like-total:hover { text-decoration: none; } .like_list .user-list-image {overflow: visible;} /* --- Lightbox --- */ .ui-widget-overlay { background-color: rgba(204, 204, 204, .8); } .ui-dialog { background-color: #ffffff; border-radius: .5em; box-shadow: 0 0 6px 0 rgba(102, 102, 102, .5) !important; padding: 1em; } .ui-dialog .ui-dialog-titlebar { padding: 0 0 1em 0; } .ui-dialog .ui-dialog-titlebar-close:after { content: "\f00d"; display: block; font-family: "FontAwesome"; height: 24px; margin: -23px 0 0 -3px; position: absolute; top: 24px; width: 24px; } .ui-dialog .ui-dialog-titlebar-close .ui-icon:after { color: #fff; content: "\f00d"; display: block; font-family: "FontAwesome"; font-size: 1em; line-height: 1em; } /* --- 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-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-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } ul.forumRow li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } ul.forumRow li.header { padding: 0; margin-bottom: 1em; } 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 */ /* --- Pagination --- */ .pagination { display: block; clear: both; width: 100%; margin: 0; margin-top: 1.5em; text-align: center; } .pagination.top-pagination { margin-top: 0; margin-bottom: 1em; } .pager-continer { display: inline-block; } .paginator_container { color: #ccc; text-align: center; } .paginator_container > a, .paginator_container > span { padding: .5em !important; border-radius: .25em; } .paginator_container > a { cursor: pointer; } .paginator_container > a:hover { color: #fff; background-color: #006395; text-decoration: none; } /* --- 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; } /* --- Search --- */ #nav_search form .search_form_filter { display: block; margin-bottom: 1em; } .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, .search_results .layout_100_sub_column_1_options { display: inline-block; float: left; } .search_results .layout_100_sub_column_0 { width: 25%; padding: 0 1em 0 0; } .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_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 .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 { background-color: #03a78e; color: #fff; } .search_results .layout_100_sub_column_0 .search_option_range { display: block; } .search_results .layout_100_sub_column_1_options { width: 75%; padding: 0 0 0 1em; } .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%; } /* --- 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 { float: left; width: 3%; line-height: 1em; padding-top: 2px; } #section_header_privacy_delete { margin-top: 1em; } .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; } .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 { 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 { display: flex; align-items: center; } .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 Generate ul & ol --- */ .html_block_plain ul, .html_block_wrapper ul, .sblog_text ul, .postBody .content ul { list-style: initial; padding-left: 1.25em; } .html_block_plain ol, .html_block_wrapper ol, .sblog_text ol, .postBody .content ol, .fieldResponse ol, .groups_group_leaderboard ol { list-style-type: decimal; padding: 0 0 0 1.25em; margin: 0; } /* --- User List --- */ .user-list-item { display: inline-block; margin: .5em; vertical-align: top; } .user-list-image { display: inline-block; float: left; text-align: center; overflow: hidden; } .user-list-image > a, .user_photo > a { border-radius: 50%; display: inline-block; overflow: hidden; } .imageSmallSquare.user-list-image { max-width: 62px; } .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%; } /*==== 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, #main, .site_page_footer, .site_page_subheader, .titleClass { display: block; width: 100%; padding: 0 5%; clear: both; } .site_page_subnav, .site_page_subheader, .titleClass { margin-bottom: 1em; } .site_page_footer { display: block; background-color: #006395; color: #fff; width: 100%; } /* --- Columns --- */ .column_generic { float: left; display: inline-block; } .layout_20_50_30 .site_page_column_0 { width: 20%; padding-right: .75em; } .layout_20_50_30 .site_page_column_1 { width: 50%; padding: 0 .75em; } .layout_20_50_30 .site_page_column_2 { width: 30%; padding-left: .75em; } .layout_75_25 .site_page_column_0 { width: 75%; padding: 0 .75em 0 0; } .layout_75_25 .site_page_column_1 { width: 25%; padding: 0 0 0 .75em; } .layout_50_50 .column_generic { width: 50%; } .layout_50_50 .site_page_column_0 { padding: 0 .75em 0 0; } .layout_50_50 .site_page_column_1 { padding: 0 0 0 .75em; } .layout_25_75 .site_page_column_0 { width: 25%; padding: 0 .75em 0 0; } .layout_25_75 .site_page_column_1 { width: 75%; padding: 0 0 0 .75em; } .layout_33_33_33 .column_generic { width: 33.3%; } .layout_33_33_33 .site_page_column_0 { padding-right: .75em; } .layout_33_33_33 .site_page_column_1 { padding: 0 .75em; } .layout_33_33_33 .site_page_column_2 { padding-left: .75em; } .layout_100 .column_generic { width: 100%; padding: 0; } /* --- 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 { display: block; color: #fff; } .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; margin-bottom: 1em; } /* --- New Modules --- */ .module { width: 100%; } .module header { display: block; padding: 1em; background-color: #006395; } .module header h2 { padding: 0; margin: 0; color: #fff; font-size: 1.25em; line-height: 1em; font-weight: normal; } .module-content { position: relative; display: block; padding: 1em; border: 1px solid #eee; border-top: 0px; margin-bottom: 1em; } /*==== 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; } .site_page_create_edit_blog_post_body .boxsitepagebody > div { display: block; margin-bottom: 1em; width: 100%; } .site_page_create_edit_blog_post_body .boxsitepagebody > div:last-child { margin-bottom: 0; } .site_page_create_edit_blog_post_body .fieldrow { display: table; width: 100%; } .site_page_create_edit_blog_post_body .fieldrow .fieldlabel { display: table-cell; width: 140px; margin-right: 1em; vertical-align: middle; } .site_page_create_edit_blog_post_body .fieldrow .fieldinput { display: table-cell; width: calc(100% - 150px); } .site_page_create_edit_blog_post_body .blog_post_body_container h3 { display: table-cell; float: left; width: 140px; margin: 0; vertical-align: middle; } .site_page_create_edit_blog_post_body .blog_post_body_container .sblog_post_input { display: table-cell; float: left; width: calc(100% - 140px); } .site_page_create_edit_blog_post_body .fieldrow .delay_post_date, .site_page_create_edit_blog_post_body .fieldrow .delay_post_time { display: inline-block; width: 75px; } .site_page_create_edit_blog_post_body .fieldrow .delay_post_date { margin-right: 15px; } .site_page_create_edit_blog_post_body .fieldrow .delay_post_time { margin-left: 1em; } .site_page_create_edit_blog_post_body .sitebutton { margin-right: 1.5em; } .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: "\f003"; font-family: "FontAwesome", 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 --- */ .eventsItemsList li { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .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 .pagination { display: block; margin: 20px 0; } .events_events_list .pagination:first-child { margin-top: 0; } .events_events_list .pagination:last-child { margin-bottom: 0; } .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: "FontAwesome"; width: 24px; } .events_featured_event .event-download-vcalendar a:after { content: "\f107"; margin-left: .25em; } .events_featured_event .event-download-vcalendar a:before { content: "\f271"; } .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 li.event-share-vcalendar.event-calendar-source-outlook:before { content: "\f17a"; } .events_featured_event li.event-share-vcalendar.event-calendar-source-live:before { content: "\f274"; } .events_featured_event li.event-share-vcalendar.event-calendar-source-google:before { content: "\f1a0"; } .events_featured_event li.event-share-vcalendar.event-calendar-source-yahoo:before { content: "\f19e"; } .events_featured_event li.event-share-vcalendar.event-calendar-source-ical:before { content: "\f179"; } .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; } /* 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; } /* --- Forums --- */ #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; background: transparent url('/content/icons/no-image-small.png') no-repeat; } .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 { padding-left: 40px; margin: 1em 0; 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 .boxsitepage h1, .forums_view_topic .boxsitepage h3 { line-height: 1em; margin: 0; } .forums_view_topic .boxsitepage h3 { font-size: .8em; color: #fff; float: right; } .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-family: "FontAwesome"; } .forums_view_topic .sort-tab span.sort-indicator:after { content: "\f0dc"; color: #ccc; } .forums_view_topic .sort-tab span.sort-indicator.sort-asc:after { content: "\f0de"; } .forums_view_topic .sort-tab span.sort-indicator.sort-desc:after { content: "\f0dd"; } .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%; } /* --- 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 navigation */ .group_navigation-horizontal .boxsitepage { display: none; } .group_navigation-horizontal .boxsitepagebody { border: 0; padding: 0; } .group_navigation-horizontal #groupnav { position: relative; } .group_navigation-horizontal .group_nav { align-items: center; display: flex; flex-flow: row nowrap; -webkit-overflow-scrolling: touch; } .group_navigation-horizontal .group_nav_item a { display: block; padding: .5em .75em; white-space: nowrap; } .group_navigation-horizontal .group_nav_item a:hover { text-decoration: none; } .group_navigation-horizontal .btn-scroll { position: absolute; top: 0; bottom: 0; z-index: 10; padding: .25em; border-radius: 0; transition: all 0.25s linear 0s; border: 0 !important; } .group_navigation-horizontal .btn-scroll.scroll-previous {left: 0 } .group_navigation-horizontal .btn-scroll.scroll-next { right: 0 } .group_navigation-horizontal .btn-scroll .btn_icon { width: .75em; fill: #fff; } .group_navigation-horizontal .scrollbar { height: 2px; background: #eee; line-height: 0; position: absolute; bottom: -.5em; width: 100%; } .group_navigation-horizontal .scrollbar .handle { height: 100%; background: #444; cursor: pointer;} /* groups navigation - 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 { width: 15%; } .groups_group_information #group_information .group_information_data, .groups_group_information #group_information .group_members_data { width: 85%; } .groups_group_admin .input_field_description { color: inherit; font-weight: normal; } /* --- Integration --- */ .socialmediabuttons li { display: inline-block; } /* --- Layout --- */ #header { display: block; padding: 1em 0; } #headerLogo { float: left; } #headerLogInLink { float: right; } #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; } /* 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: 9999; } @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; } } /* footer */ .site_page_footer_module { padding: 20px; } #footerbar, #footer { width: 100%; height: auto; margin: 0; padding: 0; clear: both; } #footerbar { margin-bottom: 1em; } #footerbar p { width: auto; margin: 0; padding: 0; display: block; text-align: center; } #footerbar a { color: #fff; padding: 0 10px; } #footer p { margin: 0; } #footer a { color: #fff; padding-bottom: 0; border-bottom: 1px dotted rgba(255,255,255,.25); } #footer a:hover { border-bottom: 1px solid #fff; text-decoration: none; } /* modern footer */ .footer-mdrn { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; } .footer_social, .social_link, .footer_company-info { display: inline-flex; align-items: center; } .social_link { flex-flow: row nowrap; justify-content: center; margin-right: 1em; } .social_link:last-child { margin-right: 0; } #footer a.social_link, #footer a.social_link:hover { border-bottom: 0; } .footer_social .social_link svg { fill: #fff; } .footer_social .social_link svg:hover { opacity: .8; } .footer_company-info { flex-grow: 2; flex-flow: row wrap; justify-content: flex-end; } .footer_company-info .company-info_swc { margin-left: 1em; } @media (max-width: 768px) { .footer_company-info { flex-flow: column nowrap; align-items: flex-end; } .footer_company-info .company-info_swc { margin-left: 0; } } @media (max-width: 640px) { .footer-mdrn { flex-flow: column nowrap; } .footer_social, .footer_company-info { display: flex; width: 100% } .footer_social { justify-content: space-around; margin-bottom: 1em; } .footer_company-info { align-items: center; } } @media (max-width: 480px) { .footer_company-info { font-size: .75em; } } /* modern footer - end */ /* 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; } /* --- 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: "FontAwesome", sans-serif; line-height: 1em; position: absolute; right: 1em; top: 1em; } .profile_user_blocks .accordion .accordion-toggle:after { content: "\f196"; } .profile_user_blocks .accordion .accordion-toggle-active:after { content: "\f147"; } .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; } /* --- 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; } /* --- 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 {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 {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;} /* --- Social Share --- */ .site_page_social_media_buttons ul { margin: 0; padding: .75em 0; clear: both; height: 3em; } .site_page_social_media_buttons ul li { margin: 0; padding: 0; float: left; } .site_page_social_media_buttons p { text-align: center; } .site_page_social_media_buttons p:before { content: "\f1e0"; display: inline-block; font-family: "FontAwesome", sans-serif; margin-right: .5em; } /* --- 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: 'FontAwesome'; } .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; } /* --- 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; } /* --- 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; } /*==== Responsive ====*/ @media (max-width: 960px) { .column_generic { margin-bottom: 0; } .column_generic, .layout_20_50_30 .site_page_column_0, .layout_20_50_30 .site_page_column_1, .layout_20_50_30 .site_page_column_2, .layout_75_25 .site_page_column_0, .layout_75_25 .site_page_column_1, .layout_50_50 .column_generic, .layout_25_75 .site_page_column_0, .layout_25_75 .site_page_column_1, .layout_33_33_33 .column_generic, .search_results .layout_100_sub_column_0, .search_results .layout_100_sub_column_1_options { width: 100%; display: block; clear: both; padding: 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; } body { font-size: 1.25em; line-height: 2em; } .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, button, .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; } #nav_search form input[type=text] { width: calc(100% - 82px); height: 60px; } /* 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%; } /* Integration */ .socialmediabuttons li { margin-right: 10px; } .socialmediabuttons li:last-child { margin-right: 0; } /* Search */ #nav_search form input[type=text] { width: calc(100% - 82px); height: 40px; } #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; } } ul.search_results_list li {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;} /*----- End - Responsive ----------------------------------------------------------------------------*/