/* Custom CSS From Social Strata December 9, 2015 (start ) */ /* post/comment links plus WYSIWYG */ .post-box-body .post-body a, .post-body a, .survey-box .section-box-contents a, .h-survey-description a, .mce-content-body.as-content-box-body a:not(.button), .mce-content-body.as-post-box-body a:not(.button) { color:#ff00ff; } .f-dropdown .h-chat-description a:not(.button) { color:#ff00ff !important; } /* TOS Agree Link Color */ #hasAgreedToTosCheckbox_item a { color:#3e8ca8; } /* News Flash Title Color */ .reveal-modal h4#newsFlash_title { color: #8b5e3c; font-family:BellaDonna; font-size:2.8rem; font-weight: normal;} /* remove uppercase on top menu submenu */ .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { text-transform: none; font-size:0.9rem; color: #66442B; background: #E3F2F5; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; } /* Shorten chat bars */ .chat-postings-container { height: 400px; } .chat-sidebar-container { height: 400px; } .top-bar-section .dropdown li:hover:not(.has-form) a:hover:not(.button) { background-color:#badfe7; } .top-bar-section ul.dropdown { border-bottom: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF} /* Custom CSS From Social Strata (end) */ /* main body border */ header#siteHeader .row, nav#top_nav_bar, .breadcrumbs-wrapper, #pageContentContainer > .row, footer#hooplaFooter .row, .cookie-footer { border-left: 2px solid #DACBB5; border-right: 2px solid #DACBB5; } /* main nav */ nav.top-bar { text-align: center; } section.top-bar-section > ul.right { float: none !important; display: inline-block; } .top-bar-section .dropdown li { text-align:left; } #top_nav_bar_wrapper.fixed { background: transparent; } #top_nav_bar_wrapper.fixed { width: 100%; } .top-bar-section ul li > a { font-size:0.70rem; } i.fa.fa-search.fa-fw.h-search-icon { font-size:.9rem; } i.fa.fa-plus.fa-fw.h-create-content-icon-icon { font-size:.9rem; } i.fa.fa-cog.fa-fw.h-admin-control-panel-icon { font-size:.9rem; } /* header font */ h1, h2 { font-family: BellaDonna; font-size:2.8rem; } /* breadcrumbs */ .breadcrumbs {background-color: #F9F4F1; } .breadcrumbs > * a { color: #3E8CA8; } .breadcrumbs > *.current { color: #8B5E3C; } .button.success { color: #66442B; } #activityStream h2.content-title.h-clip-extract-title {font-family: Open Sans; font-size: 1rem; font-weight: 600;} #activityStream h2 {font-family: Open Sans; font-size: 1rem; font-weight: 600;} #joinSitePage h2 {font-family: BellaDonna; font-size:2.8rem; font-weight: normal;} #signInPage h2 {font-family: BellaDonna; font-size:2.8rem; font-weight: normal;} #homePage h2 {font-family: BellaDonna; font-size:2.8rem; font-weight: normal;} #homePage h2.content-title.h-blog-extract-title {font-family: Open Sans; font-size:1.2rem; font-weight: 600; #3E8CA8; } #homePage h2.text-left {font-family: Open Sans; font-size:1.2rem; font-weight: 600; #3E8CA8; } #homePage h2.h-topic-extract-title {font-family: Open Sans; font-size: 1.2rem; font-weight: 600;} #blogPage h2.content-title.h-blog-extract-title {font-family: Open Sans; font-size:1.2rem; font-weight: 600; #3E8CA8; } #blogPage h3.content-title.h-blog-extract-title {font-family: Open Sans; font-size:1.1rem; font-weight: 600; #3E8CA8; } #calendarPage h2 {font-family: Open Sans,Arial,sans-serif; font-size:1.25rem; color: #8B5E3C; font-weight: 600;} #calendarPage .section-box-header h4 { font-size:1.1rem; font-weight: 600;} #surveysPage .section-box-header h4 { font-size:1.1rem; font-weight: 600; } #surveysPage div.line-item.h-survey-title {font-weight: 600;} #chatsPage .section-box-header h4 { font-size:1.1rem; font-weight: 600; } #chatsPage h4 {font-weight: 600;} #cfrmPage .section-box-header a:not(.button) { font-size:1.1rem; color: #8B5E3C;} #cfrmPage a.h-cfrm-forum-name {font-weight: 600;} #forumTopicsPage h2.h-topic-extract-title {font-family: Open Sans; font-size: 1.1rem; font-weight: 600;} #clipsPage .title-image-title a, .title-image-title .fa, .title-image-title h2 {font-family: Open Sans; font-size:1.0rem; font-weight: 600;} #clipsPage .label {display: none;} #clipsPage .item-grouping-label-ellipsis {display: none;} #clipsPage h2.content-title.h-clip-extract-title {font-family: Open Sans; font-size:0.9rem; font-weight: 600;} #clipsPage h3.content-title.h-clip-extract-title {font-family: Open Sans; font-size: 1.1rem; font-weight: 600;} #clipsPage .title-image-title {bottom: 32px;} #clipsPage .title-image-darken { box-shadow: 0px 1000px rgba(0,0,0,0.2) inset;} /* widget css */ .widget-box { padding:0; border-radius: 5px 5px 5px 5px ;} header.widget-header{ padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;margin-bottom:10px; background-color:#DACBB5; border-radius: 5px 5px 0 0 ;} /* apply custom font color to the title image: */ header.widget-header h3 { font-weight:400; font-size:1.0rem; } .h-widget-body { padding:10px;} .h-widget-events-day-marker {text-transform: initial;} #widget_463909205101981927 .h-widget-footer-link { font-family: BellaDonna; text-transform: initial; font-size:2.0rem; line-height: 1.2rem} /* image padding in content */ .content-box img { margin:0 0px 0px; } .fa { font-size: .75 rem; } .h-widget-body a img {margin-bottom: 2px;} .button.tiny.h-widget-join-button { font-family: BellaDonna; font-size:2.0rem; padding: .4rem .7rem .4rem .7rem;} .fa-arrow-right {font-size: 1.25rem;} /* Custom CSS From J.Gennaria December 12, 2015 (start ) */ /* forum section headers and topic titles */ #forumTopicsPage .section-box-header h3 {font-size: 1.1rem;} #forumTopicsPage .h-topic-title {font-weight: 600;} /* profile activity topic titles */ #memberProfilePage .h-activity-stream-item h2 {font-family: Open Sans; font-size: 1rem; font-weight: 600;} /* Custom CSS From J.Gennaria December 12, 2015 (end ) */ /* Custom CSS From Social Strata December 9, 2015 (start ) */ /* post/comment links plus WYSIWYG */ .post-box-body .post-body a, .post-body a, .survey-box .section-box-contents a, .h-survey-description a, .h-chat-description a, .mce-content-body.as-content-box-body a:not(.button), .mce-content-body.as-post-box-body a:not(.button) { color:#ff00ff; } /* TOS Agree Link Color */ #hasAgreedToTosCheckbox_item a { color:#3e8ca8; } /* News Flash Title Color */ .reveal-modal h4#newsFlash_title { color: #8b5e3c; font-family:BellaDonna; font-size:2.8rem; font-weight: normal;} /* remove uppercase on top menu submenu */ .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { text-transform: none; font-size:0.9rem; color: #66442B; background: #E3F2F5; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; } .top-bar-section .dropdown li:hover:not(.has-form) a:hover:not(.button) { background-color:#badfe7; } .top-bar-section ul.dropdown { border-bottom: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF} /* Custom CSS From Social Strata (end) */ /* main body border */ header#siteHeader .row, nav#top_nav_bar, .breadcrumbs-wrapper, #pageContentContainer > .row, footer#hooplaFooter .row, .cookie-footer { border-left: 2px solid #DACBB5; border-right: 2px solid #DACBB5; } /* main nav */ nav.top-bar { text-align: center; } section.top-bar-section > ul.right { float: none !important; display: inline-block; } .top-bar-section .dropdown li { text-align:left; } #top_nav_bar_wrapper.fixed { background: transparent; } #top_nav_bar_wrapper.fixed { width: 100%; } .top-bar-section ul li > a { font-size:0.70rem; } i.fa.fa-search.fa-fw.h-search-icon { font-size:.9rem; } i.fa.fa-plus.fa-fw.h-create-content-icon-icon { font-size:.9rem; } i.fa.fa-cog.fa-fw.h-admin-control-panel-icon { font-size:.9rem; } /* header font */ h1, h2 { font-family: BellaDonna; font-size:2.8rem } /* breadcrumbs */ .breadcrumbs {background-color: #F9F4F1; } .breadcrumbs > * a { color: #3E8CA8; } .breadcrumbs > *.current { color: #8B5E3C; } .button.success { color: #66442B; } #joinSitePage h2 {font-family: BellaDonna; font-size:2.8rem; font-weight: normal;} #signInPage h2 {font-family: BellaDonna; font-size:2.8rem; font-weight: normal;} #homePage h2 {font-family: BellaDonna; font-size:2.8rem; font-weight: normal;} #homePage h2.content-title.h-blog-extract-title {font-family: Open Sans; font-size:1.2rem; font-weight: 600; #3E8CA8; } #homePage h2.text-left {font-family: Open Sans; font-size:1.2rem; font-weight: 600; #3E8CA8; } #blogPage h2.content-title.h-blog-extract-title {font-family: Open Sans; font-size:1.2rem; font-weight: 600; #3E8CA8; } #blogPage h3.content-title.h-blog-extract-title {font-family: Open Sans; font-size:1.1rem; font-weight: 600; #3E8CA8; } #calendarPage h2 {font-family: Open Sans,Arial,sans-serif; font-size:1.25rem; color: #8B5E3C; font-weight: 600;} #calendarPage .section-box-header h4 { font-size:1.1rem; font-weight: 600;} #surveysPage .section-box-header h4 { font-size:1.1rem; font-weight: 600; } #surveysPage div.line-item.h-survey-title {font-weight: 600;} #chatsPage .section-box-header h4 { font-size:1.1rem; font-weight: 600; } #chatsPage h4 {font-weight: 600;} #cfrmPage .section-box-header a:not(.button) { font-size:1.1rem; color: #8B5E3C;} #cfrmPage a.h-cfrm-forum-name {font-weight: 600;} #clipsPage .title-image-title a, .title-image-title .fa, .title-image-title h2 {font-family: Open Sans; font-size:1.0rem; font-weight: 600;} #clipsPage .label {display: none;} #clipsPage .item-grouping-label-ellipsis {display: none;} #clipsPage h2.content-title.h-clip-extract-title {font-family: Open Sans; font-size:0.9rem; font-weight: 600;} #clipsPage h3.content-title.h-clip-extract-title {font-family: Open Sans; font-size: 1.1rem; font-weight: 600;} #clipsPage .title-image-title {bottom: 32px;} #clipsPage .title-image-darken { box-shadow: 0px 1000px rgba(0,0,0,0.2) inset;} /* widget css */ .widget-box { padding:0; border-radius: 5px 5px 5px 5px ;} header.widget-header{ padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;margin-bottom:10px; background-color:#DACBB5; border-radius: 5px 5px 0 0 ;} /* apply custom font color to the title image: */ header.widget-header h3 { font-weight:400; font-size:1.0rem; } .h-widget-body { padding:10px;} .h-widget-events-day-marker {text-transform: initial;} #widget_463909205101981927 .h-widget-footer-link { font-family: BellaDonna; text-transform: initial; font-size:2.0rem; line-height: 1.2rem} /* image padding in content */ .content-box img { margin:0 0px 0px; } .fa { font-size: .75 rem; } .h-widget-body a img {margin-bottom: 2px;} .button.tiny.h-widget-join-button { font-family: BellaDonna; font-size:2.0rem; padding: .4rem .7rem .4rem .7rem;} .fa-arrow-right {font-size: 1.25rem;} /* Custom CSS From J.Gennaria December 12, 2015 (start ) */ /* forum section headers and topic titles */ #forumTopicsPage .section-box-header h3 {font-size: 1.1rem;} #forumTopicsPage .h-topic-title {font-weight: 600;} /* profile activity topic titles */ #memberProfilePage .section-box-contents h2 {font-family: Open Sans; font-size: 1rem; font-weight: 600;} /* Custom CSS From J.Gennaria December 12, 2015 (end ) */ /* Custom CSS From J.Gennaria January 28, 2016 (start ) */ /* profile activity stream topic titles */ #memberProfileActivityPage .section-box-contents h2 {font-family: Open Sans; font-size: 1rem; font-weight: 600;} /* Custom CSS From J.Gennaria January 28, 2016 (end ) */ /* Custom CSS From J.Gennaria June 6, 2016 (start ) */ /* forum member titles */ #forumTopicPage .h-byline-info {margin-right: 8px;} /* Custom CSS From J.Gennaria June 6, 2016 (end ) */ /* Custom CSS From J.Gennaria Jan 26, 2017 (start ) */ /* background image */ body { background-size: 100%; } /* Custom CSS From J.Gennaria Jan 26, 2017 (end ) */