/******* Do not edit this file *******
Woody ad snippets CSS and JS
Saved: Sep 04 2020 | 17:47:54 */
/*
Theme Name: Custom Community 
Theme URI: http://themekraft.com/custom-community/
Description: Standout with a professional custom made WordPress theme designed by you. Responsive with just 1 click. Ready for your next blog, portfolio site, magazine, social network or shop. Use it out-of-the-box or customize it up to the smallest details. Spend your time on your ideas, not on trouble shooting. Easy to use jQuery slideshow. List posts in magazine layouts. 100+ easy theme options. 20 widget areas, 5 special widgets and 2 custom WP 3.0 header menus. 15+ languages available. 3 predefined colour schemes (white, grey, black) with clean and simple browsersafe CSS design to start from. Working with latest WordPress, BuddyPress, WooCommerce and most common plugins. Find extensive Documentation, Free Tech Support and Premium Support at http://themekraft.com/support. One of the most used BudyPress themes. Community thriven development. You are welcome to contribute and report bugs or ideas at GitHub: https://github.com/Themekraft/custom-community/issues - designed and developed by Themekraft. 
Version: 1.17.3.1
Author: Themekraft
Author URI: http://themekraft.com/
Tags: buddypress, translation-ready, dark, light, white, gray, left-sidebar, right-sidebar, one-column, two-columns, three-columns, fixed-width, flexible-width, full-width-template, custom-header, flexible-header, custom-menu, custom-colors, custom-background, theme-options, featured-images, editor-style, sticky-post, threaded-comments, rtl-language-support, holiday, photoblogging
License: GNU General Public License v2.0 / License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset browser defaults */
/* @import url( _inc/css/reset.css ); */

/** 
 * 	
 * PLEASE NEVER CHANGE THE THEME FILES 
 * 
 * your changes will not be update safe, which would be really sad. :( 
 * 
 * ---------------------------------------------- 
 * 
 * But we made an extra space for your style changes. :)
 * 
 * Simply go to 
 * 
 * APPEARANCE -> THEME SETTINGS -> CSS 
 * 
 * andd add your CSS changes there. 
 * 
 * ----------------------------------------------
 * 
 * If you want to change more than CSS, we strongly recommend creating a child theme:
 * http://support.themekraft.com/entries/20916508-create-child-themes 
 * 
 * MORE HELP HERE
 * 
 * Custom Community Knowledge Base: 
 * http://support.themekraft.com/categories/20053996-custom-community 
 * 
 * Free Tech Support and Premium Support: 
 * http://themekraft.com/support 
 * 
 * Custom Community Project Overview: 
 * http://themekraft.com/custom-community/ 
 * 
 * We hope you enjoy it! 
 * 
 */

.aligncenter { 
display: block;
margin-left: auto;
margin-right: auto; 
}

.alignleft {
float: left;
margin-right: 11px;
margin-bottom: 10px;
/*padding-top: 24px;*/
}

.alignright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

div.post .wp-caption {
text-align: center;
background-color: #f3f3f3;
padding-top: 24px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom:12px;
max-width: 99.5%;
}

div.entry-summary .wp-caption img.size-full {
    margin-top: 12px;
    margin-right: 14px;
}

div.post embed {
	max-width: 100%;
	height: auto;
}

div.post dd.wp-caption p.wp-caption-text, div.post .wp-caption p.wp-caption-text {
font-size: 0.9em;
line-height: 17px;
padding: 0 4px 5px 0;
margin: 0;
}

#menu-member-nav li,#menu-admin-nav li{
float: none;
display:block;
/* margin-left: 20px; nile disabled 2020-09-04 */
}

.officers-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

@media only screen and (max-width: 800px) {
.officers-container {
flex-direction: column;
}
}

.officers {
float: left;
border: 1px solid #000;
margin-left: 40px !important;
margin-top: 30px;
text-align: center;
padding: 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

@media only screen and (min-width: 800px) {
.officers {
width: 25% !important;
}
}

/* makes the bottom nav flyout light blue on hover */
ul.sub-menu.sub li:hover {
background-color: #A4BBCB;
padding-bottom: 20px;
}

#dc_jqverticalmegamenu_widget-%ID%-item ul li .sub-container.non-mega li:last-child {
border-bottom: 1px solid #024c89 !important;
}

/* affects background-color in flyout menu */
ul.sub-menu.sub{
background-color: #024c89 !important;
border: 1px solid #024c89;
}

/*#dc_jqverticalmegamenu_widget-2-item ul li a:hover,#dc_jqverticalmegamenu_widget-3-item ul li a:hover {
-webkit-font-smoothing: antialiased !important;
-moz-font-smoothing: antialiased !important;
-o-font-smoothing: antialiased !important;
}*/

#content .padder {
padding: 30px 20px 10px 20px !important;
}

.members-icon {
float: left;
margin-right: 6px;
}

#s2member-pro-paypal-checkout-form-description-div {
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin: .83em 0;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

#s2member-pro-paypal-checkout-form-registration-section-title {
  display: block;
  font-size: 18.7167px;
  font-weight: bold;
  margin: 1em 0;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

#s2member-pro-paypal-checkout-form-custom-fields-section-title {
  display: block;
  font-size: 18.7167px;
  font-weight: bold;
  margin: 1em 0;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

/********************* profile page styling **************************/

/* active tab on bottom nav */
div#subnav.item-list-tabs ul li.selected a, div#subnav.item-list-tabs ul li.current a {
background-color: #F6F6F6 !important;
color: #555555 !important;
}

/* bottom nav */
#subnav {
background-color: #97BECD !important;
}

#subnav a {
color: #006DCA !important;
}
#subnav a:hover {
color: #555555 !important;
}

/* top nav */
#item-nav a {
color: #006DCA !important;
}
#item-nav a:hover {
color: #555555 !important;
}

/* force text fields to white on focus - doesn't currently work :-( */
input[type=text]:focus{
color: #000;
background-color: #fff !important;
}


li#xprofile-personal-li.current.selected a,
li#settings-personal-li.current.selected a,
li#manage-your-membership-personal-li.current.selected a,
li#membership-info-personal-li.current.selected a
 {
color: #fff !important;
}

div.item-list-tabs ul li.selected a, 
div.item-list-tabs ul li.current a {
color: #fff !important;
background-color: #97BECD !important;
}

/* remove spacing between top and bottom navs */
div.item-list-tabs {
border-bottom: 0px solid #f1f1f1 !important;
}

/* hides family sub-menu tab */
#manage-your-membership {
visibility: hidden;
}
/* hides membership info sub-menu tab */
#membership-info {
visibility: hidden;
}

/* button color change - profile edit */
ul.button-nav li.current a {
    color: #fff;
    background-color: #006FC9;

/*#profile-group-edit-submit, ul.button-nav li a {
    color: #fff;
    background: none repeat scroll 0px 0px #006FC9 !important;
    background-color: #006FC9 !important;
}*/

/*BASK CUSTOM CSS */
#s2member-pro-paypal-checkout-form-submission-section-title {display: none;}
div.s2member-pro-paypal-form-submission-section>div.s2member-pro-paypal-form-submit-div {float:none;}
#wp-admin-bar-user-admin-user-capabilities {display: none;}

#notifications-personal-li {display:none;}
#capabilities-personal-li {display:none;}
#general-personal-li {display:none;}
h2 {
color: #555555;
margin: 0px;
line-height: 120%;
}
.item-meta {
float: left;
width: 300px !important;
}
li#delete-account-personal-li {
display:none;
}
li#wp-admin-bar-user-admin-delete-user {
display:none;
}
#container .row-fluid .span8, .row-fluid .span8 {
    width: 975px;
}

#banner-slide {
  margin-top: -145px !important;
}

#header {
  background-image: none !important;
}
	
/* from custombask.css from old site */
	
/* Custom BASK Styles DESKTOP */

a:hover {
  color: #91192b;
  text-decoration: underline;
}
.image_off, #memberbutton:hover .image_on{
   display:block
}
.image_on, #memberbutton:hover .image_off{
   display:none
}
.pagetitle {
  line-height: 120%;
  margin-bottom: 5px;
}

h2 {
  margin-bottom: 8px;
  margin-top: 12px;
  line-height: 120%;
}

div#outerrim {
width: 980px !important;
background-color: #a3bbcc !important;
padding-left: 30px;
padding-right: 30px;
}

div#innerrim.span12 {
  width: 980px !important;
}
#innerrim {
  width: 980px;
}
#container .row-fluid .span8, .row-fluid .span8 {
  width: 720px;
}
#header {
height: 170px;
margin-bottom: 0px !important;
padding-top: 10px;
}
#menu-top-menu {
  margin-top: -12px;
}

#logo {
margin-top: 14px;
margin-left: 12px;
}


div#container {
  background-color: transparent !important;
}
div#leftsidebar {
  -webkit-border-radius: 32px;
  border-radius: 32px;
  -moz-border-radius: 32px;
  background-color: #e1e6e6 !important;
  width:240px;
}
#dc_jqverticalmegamenu_widget-2-item ul li a, #dc_jqverticalmegamenu_widget-3-item ul li a{
background: none !important;
border-right: none;
border-left: none;
border-bottom: 1px solid #bacecd;
padding: 0 15px;
color: #024c89;
font-size: 16px;
}

/* remove extra lines under menus */
#dc_jqverticalmegamenu_widget-2-item ul.menu.left, #dc_jqverticalmegamenu_widget-3-item ul.menu.left,
#dc_jqverticalmegamenu_widget-2-item ul.menu.left, #dc_jqverticalmegamenu_widget-2-item ul.menu.right,
#dc_jqverticalmegamenu_widget-3-item ul.menu.left, #dc_jqverticalmegamenu_widget-3-item ul.menu.right {
  border-bottom: none;
}

#dc_jqverticalmegamenu_widget-2-item ul.right li a {
padding: 6px 38px 6px 15px;
}
#dc_jqverticalmegamenu_widget-3-item ul.right li a {
padding: 6px 38px 6px 15px;
}
#dc_jqverticalmegamenu_widget-2-item ul.right li a .dc-mega-icon {
background: url(/images/arrow-icon2.png) no-repeat;
right: 15px;
margin-top: -2px;
}
#dc_jqverticalmegamenu_widget-3-item ul.right li a .dc-mega-icon {
background: url(/images/arrow-icon2.png) no-repeat;
right: 15px;
margin-top: -2px;
}


#dc_jqverticalmegamenu_widget-2-item ul.right li a:hover .dc-mega-icon {
background: url(/images/arrow-icon3.png) no-repeat;
right: 15px;}
#dc_jqverticalmegamenu_widget-3-item ul.right li a:hover .dc-mega-icon {
background: url(/images/arrow-icon3.png) no-repeat;
right: 15px;}



#dc_jqverticalmegamenu_widget-2-item ul li a .dc-mega-icon, #dc_jqverticalmegamenu_widget-3-item ul li a .dc-mega-icon {
display: block;
position: absolute;
top: 8px !important;
width: 12px !important;
height: 18px !important;
}

.sidebar-icon-text {
font-size: 11px;
line-height: 12px;
}

#dc_jqverticalmegamenu_widget-3.widget {
  margin-bottom:8px;
}

div#content {
  background-color: #f6f6f6;
   -webkit-border-radius: 32px;
  border-radius: 32px;
  -moz-border-radius: 32px;
 margin-left: 10px;
 padding-left: 10px;
}

.v_line {
 border: 0px;
}

#menu-top-menu a {color:#fff;}



#footer {
-webkit-border-top-left-radius: 32px;
-webkit-border-top-right-radius: 32px;
border-top-left-radius: 32px;
border-top-right-radius: 32px;
-moz-top-left-border-radius: 32px;
-moz-top-right-border-radius: 32px;
background-color: #e1e6e6 !important;
margin-top:14px;
-webkit-border-bottom-left-radius: 0px; /* added to remove rounded edges at bottom of footer */
border-bottom-left-radius: 0px; /* added to remove rounded edges at bottom of footer */
-webkit-border-bottom-right-radius: 0px; /* added to remove rounded edges at bottom of footer */
border-bottom-right-radius: 0px; /* added to remove rounded edges at bottom of footer */
-moz-border-bottom-right-radius: 0px; /* added to remove rounded edges at bottom of footer */
-moz-border-bottom-left-radius: 0px; /* added to remove rounded edges at bottom of footer */
}

/*BASK Styles*/

table.officers-hist {
float: left;
table-layout: fixed;
border-collapse: collapse;
margin: 5px 20px 20px 5px;
width: 270px;
}

table.officers-hist td {
border: 1px solid #000;
}

table.officers-hist caption {
font-weight: bold;
font-size: 1.3em;
}

table.topAlignTable th {
background-color: #CCCCCC;
}

td.rowhead {
background-color: #EEEEEE;
}

table.topAlignTable {
border-collapse: separate;
border-spacing: 5px 5px;
}

table.topAlignTable td {
vertical-align: top;
}
.clear_both {
clear: both;
}

div#sidebar div.item-options a.selected, div#leftsidebar div.item-options a.selected, div.widgetarea {
color: #000000;
}
.paddersidebar {
padding: 10px 10px 70px 10px;
}
#footer div.credits, #footer a.credits, #footer a.credits:hover, #footer a.credits:focus {
text-align: center;
text-decoration: none;
background-color: transparent;
color: #000000;
position: relative;
bottom: 10px;
}
#content img {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

img.memberheadlink {
margin-right: 10px;
}

/*improves small text on profiles*/
form.standard-form p.description{
  color: #222;
}

/* changes background-color on profile edit buttons */
#profile-group-edit-submit, ul.button-nav li a {
    color: #fff;
    background: none repeat scroll 0px 0px #006FC9 !important;
    background-color: #006FC9 !important;
}

#profile-group-edit-submit:hover, ul.button-nav li a:hover {
background-color: #555 !important;
}

#dc_jqverticalmegamenu_widget-2-item ul li a {
font-family: Helvetica, Arial, sans-serif;
font-weight: 700;
}

#dc_jqverticalmegamenu_widget-2-item ul li a:hover {
font-family: Helvetica, Arial, sans-serif;
font-weight: 700;
}

#dc_jqverticalmegamenu_widget-3-item ul.right li a {
font-family: Helvetica, Arial, sans-serif;
font-weight: 700;
}

#dc_jqverticalmegamenu_widget-3-item ul.right li a:hover {
font-family: Helvetica, Arial, sans-serif;
font-weight: 700;
}

#delete-account-personal-li {
  display: none;
}

/* hides planning minutes title and check boxs on all sign up forms */
#s2member-pro-paypal-checkout-form-custom-reg-field-email-planning-minutes-divider-section {
  display: none;
}

#s2member-pro-paypal-checkout-form-custom-reg-field-email-planning-minutes-div {
  display: none;
}

div.editfield:nth-child(17) > div:nth-child(1) > label:nth-child(2) {
  display: none;
}

#field_45_0 {
  display: none;
}

div.editfield:nth-child(17) > div:nth-child(1) > span:nth-child(1) {
  display: none;
}
/* end of planning minutes hidden */

/* hide last name on profile edit */
#profile-edit-form > div.editfield.field_51.field_last-name {
  display: none;
}
#item-body > div > div > table > tbody > tr.field_51.field_last-name.alt {
  display: none;
}
tr.field_51.field_last-name {
  display: none;
}


#postdiv > p:nth-child(1) {
  margin-bottom: 20px;
}

.item-meta {
  float: none;
}

#s2member-pro-paypal-checkout-custom-reg-field-liability-waiver {
  width: 675px;
}

/* hide number of members on 'Members' directory page */
#member-dir-count-top {
  display: none;
}

#member-dir-count-bottom {
  display: none;
}
/* end hiding members */

#notifications {
  display: none;
}

#capabilities {
  display: none;
}

#wp-admin-bar-user-admin-user-capabilities {
  display: none;
}

#wp-admin-bar-user-admin-delete-user > a:nth-child(1) {
  display: none;
}

#general {
  display: none;
}

/* blog page */

#blog_page {
  margin-top:-20px;
}

#post_date, .post_date {
  background-color: #0399D4;
  color: #fff;
  width: 100px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-left: 8px;
  text-transform: uppercase;
}

#post_date_line, .post_date_line {
  background-color: #B5D3EF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 20px;
}

#previous-announcements {
  color: #074580;
  margin-top: 20px;
}

/* print labels */

#paper {
  width: 8.5in;
  height: 11in;
  border:1px solid black;
  border-style:dotted;
}

.field-row {
  width: 2.5in;
  height: 1in;
}

.user-info {
  text-align: center;
}

.label {
  margin-left: 50px;
  margin-top: 20px;
}

/* hide elements on sign up forms */

#s2member-pro-paypal-checkout-form-custom-reg-field-liability-waiver-divider-section {
  font-size: 18.7167px;
  font-weight: bold;
}

#s2member-pro-paypal-checkout-form-submission-section-title {
  font-size: 18.7167px;
  font-weight: bold;
  font-family: helvetica, Arial, sans-serif;
}

/* remove check box on sign up forms for (do not list) 
#s2member-pro-paypal-checkout-form-custom-reg-field-do-not-list-divider-section {
  display: none;
} 

/* remove discription on sign up forms for (do not list) 
.s2member-pro-paypal-checkout-form-custom-reg-field-do-not-list-div {
  display: none;
}

/* password reset page (none of this below is working) */

/*div#login form input[type="submit"] {
  float: none !important;
}*/

/*#pass-strength-result {
  float: none !important;
}*/

.login #pass-strength-result {
  float: none !important; 
}

/*.login .button-primary {
  float: left !important;
}*/

/* hide username/password from member header, profile area */

#wp-admin-bar-my-account-settings {
  display: none;
}

.entry > h2:nth-child(13) {
  color: #006DC7;
}

.setupDescr {
  visibility: hidden;
}

.nocomments {
  display:none;
}

.comments-link {
  display:none;
}

/*hide sub-menu items in profile dropdown*/
li #wp-admin-bar-my-account-manage-your-membershipmanage-your-membership,li #wp-admin-bar-my-account-membership-infomembership-info {
  display:none;
}

/*hide family id from user forms */
#s2member-pro-paypal-registration-form-custom-reg-field-family-member-id-label,
#s2member-pro-paypal-registration-custom-reg-field-family-member-id,
#s2member-pro-paypal-checkout-custom-reg-field-family-member-id,
#s2member-pro-paypal-checkout-form-custom-reg-field-family-member-id-label,
#ws-plugin--s2member-custom-reg-field-family-member-id,
label[for=ws-plugin--s2member-custom-reg-field-family-member-id]{visibility:hidden;}

/*Nathan's Inline Anchor Link Scrolling Fix: If users are logged in and tries to hit an on-page anchor link, like the FAQ page, the black ID bar at the top of the page can obscure the element that is being linked to. This workaround fixes this. Please make sure all in-line anchor links on a page have targets that are headers, from H2 to H6...again, see the FAQ page for an example.*/
h2:before, h3:before, h4:before, h5:before, h6:before { 
  display: block; 
  content: " "; 
  margin-top: -36px; 
  height: 36px; 
  visibility: hidden; 
}

/*Website Administrator In-Line Note*/
.adminNote {
color: #FFFFFF;
background-color: #DD5500;
padding: 5px;
font-style: italic;
font-style: bold;
}

/*overrides BuddyPress' initial size for text field, too big for mobile users*/
/* 2015-02-18 KF: Changed this to 40 for desktop; 20 px was too small for desktop users*/
form.standard-form textarea#field_33 {
width: 75%;
height: 40px !important;
}

/*use this for important notices to users*/
.readerNotice {
padding: 10px;
background: #0096d5;
color: #ffffff;
}

/*PADDLE acronym style for viewing-wildlife page*/
.dropCap {
  text-transform: uppercase;
  color: #007600;
  font-style: bold;
  font-size: 1.6em;
}

/*style the color of success messages that appear when a member signs up additional family members*/
.successMessage {
  padding-top: 20px !important;
  color: #007600;
}

/*Search results width bug fix*/
div.page#blog-search div.post-content {
width: 90% !important;
}

/*2015-02-15 NM: background image for body element, re-implementing a fix for code the developer over-wrote during a rollback*/
body {
background-image: url(https://dev.bask.org/wp-content/uploads/2014/04/background.jpg);
background-repeat: no-repeat;
background-color: #2e5882;
}

/*2015-02 NM: Prevents excess space in nested UL's for hierarichal lists of links*/
.linkList {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}

/*2015-05-22 kfechner: Changed color from #FF0000 to #000000*/
body ol {
color: #000000 !important;
padding-left: 15px !important;
}

/*2015-02 NM: Styles for proper nested numbered ordered lists, with alphabet-leading nested ordered lists, also fixes default theme spacing for hierarchically nested links*/
.ol_num {
list-style-type: decimal !important;
}
.ol_alpha {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
list-style-type: lower-alpha !important;
}

/*2015-02-23 NM: Blockquote formatting fix for Posts: use this on a <div> element instead of using <blockquote> */
.pullquote {
padding: 10px 10px 0px 10px;
margin: 10px 10px 20px 10px;
font-style: italic;
background-color: #efefef;
}

/*2015-03-03 NM: The skills-grads class has somehow gone missing. Recoded to fix the tables seen on https://dev.bask.org/bask-skills-clinic-graduates/. */
/*2015-06-01 kfechner: Temporary background color change from #DDDDDD to #CC66FF to test CSS changes. Re-set font size to 10 and border spacing to 5px. */
/*2015-06-02 9:48 am kfechner: Changed background color back to #DDDDDD. Re-set font size to 14. */
/* test dreamhost */
table.skills-grads {
font-size: 14px;
background-color: #DDDDDD;
border-spacing: 5px 5px;
}