/* Use this CSS file to override base CSS rules */

/* logo resizing and spacing */
.logo {width:300px;margin-top:5px;}

/* bunch of cleanup to the fixed header */

.onscroll .header-container .logo img {visibility:visible;}
.onscroll .header-container .logo {
/*	background-image:url(../../images/logo_desk_scroll.png); */
	background-image:url(../../images/logo_mobile_theta.png); 
	width:250px;
	background-size:contain;
	background-repeat: no-repeat;
	margin-top:5px;
}
.onscroll .header-container {height:50px;}
.onscroll ul#superfish-main.menu.sf-menu {padding:10px 0 0 0;}

@media (max-width:768px) {.header-container .logo img {visibility: hidden;}}
	
@media (max-width:768px) {.header-container .logo {
/*	background-image:url(../../images/logo_desk_scroll.png); */
	background-image:url(../../images/logo_mobile_theta.png);
	width:250px;
	background-size:contain;
	background-repeat: no-repeat;
	margin-top:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	float:left;
	text-align:left;
	height:40px;
	}
	.header-container .logo a {width:250px;height:60px;position:absolute;}
}

@media (max-width:768px) {.header-container {position:fixed;}}

@media (max-width:768px) {div#block-scholarly-branding {
	height:40px;
	padding:0;
	float:left;
	text-align:left;
	}
}

@media (max-width:768px) {div#header-inside-left.clearfix {
	padding:0;
	margin-left: -35px;
	float:left;
	}
}

/* SW: hide the blue top nav until we reach at least 992 */
@media (max-width:991px) {div#header-top {display:none;}}

/* SW: cleaning up the main nav in the header overall */
ul#superfish-main.menu.sf-menu  {padding:12px 0 0 0;} 
#header {padding:5px 0 5px 0;}

/* space between header and banner */
div#block-scholarly-branding {padding:0;}

/* space between banner and tab section */
div#block-staticimage.block {padding:0;}g

div#bottom-content {padding:0;margin:0;}

/* SW: overriding the native CiviCRM css, apparently. */
div.event-info {
	text-align:left;
	padding-top:30px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
/*  text-transform: capitalize;  SW: my customization. Moved from elements.css. */
}

/* hiding hero images on small devices */

@media (max-width:768px){div#block-staticblockforsecondpositiononhomepage{display:none}.slice--highlighted{margin-top:-25px;}}

@media (max-width:768px){div#block-staticimage.block{display:none}}

.black {
	background: #000;
}

/* SW: event search form title styling (also affects other forms, unless I scope it, but it's fine for now) */
#views-exposed-form-event-listing-and-search-page .form-item label {margin-left:8px;font-family:'Julius Sans One',Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:500;clear:right;margin-top:5px;}

/* SW: make the Event Search input box full width, no matter the responsive sizing */
#views-exposed-form-event-listing-and-search-page input#edit-title {width:100%;margin-right:0px;padding-right:0px;}

/* SW: upcoming event block stylings */
div .date-wrapper {float:left;margin-right:5px;margin-bottom:8px;margin-top:5px;background-color:#d7a743;}

.date-wrapper .month {color:#fff;}

.view-id-roundearth_events_upcoming .views-field-title {clear:both;margin-top:15px;}

.view-id-roundearth_events_upcoming .views-field-content {clear:both;margin-bottom:15px;padding-bottom:10px;}

/* SW: this next one doesn't quite work, but I think I'm close; trying to get rid of the border of the bottom of the upcoming events block. Could be on any level of container. May just have a syntax error. */
#block-views-block-roundearth-events-upcoming-block-2 .content {border:10px;}

#block-scholarly-tools li.menu-item a:hover {text-transform:capitalize;background-color: #d7a743}

/* SW: page title color TIFI gold instead of balck */
h1.title {color:#d7a743;}

/* SW: user account display field labels -- likely affects other labels; see what I find. */
.crm-section div.label {font-size:13px;}

body {
  background-color: #ffffff; } /* SW: changed from light gray #fafafa, supplied with Pangea theme */

/* SW: changed this from #999999 in pangea.base.css, as it was making the links gray. */
.menu--header a {
  background-color: #006aac;
  color: white;
  border-color: #006aac; }

@media (min-width:769px) { /* SW: hiding to let this search bar persist in a mobile environment */
	.search-block-form.navbar-form /*{ width:100%;float:left;margin-right:35px;} */ {display:none;}
	.search-block-form /* { margin-top:38px;margin-left:0px;} */ {display:none;}
/*	#edit-submit--2 {margin-left:-50px;padding-left:-25px;padding-bottom:30px;background:yellow;} */
	.search-block-form .navbar-form .block .block-search .container-inline {width:218px;}
 }

/* SW: overriding the civi background color */
.crm-container .crm-form-block {background-color:#fff;}

summary.panel-heading {font-size:14px !important; padding:10px !important; }

/* SW: making form fields a lighter gray */
input.form-text, input.form-email, input.form-search, textarea, select {background-color:#f5f5f5 !important;}

/* SW: fix for proximity search label */
.crm-container fieldset legend {text-transform:none;font-size:16px !important; width:100% !important;padding:20px 0;}

/* SW: fix for appearance of country and state select boxes on forms */
.select2-container .select2-choice {height:36px;}

.crm-container .crm-accordion-wrapper .crm-master-accordion-header {font-weight:bold;margin-bottom:15px;font-size:24px;font-family:Ubuntu, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}

.crm-container table.form-layout-compressed {width:100%;}

#crm-container.crm-public select {max-width:275px;}

div.container {padding-left:5px;}

.btn-success, #crm-container.crm-public input.crm-form-submit.default {background-color:#006aac !important;border-color:transparent !important;}

.views-field-title a {font-size:18px !important;font-family:Ubuntu, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;}

 td.views-field.views-field-field-city.views-field-field-state-or-province.views-field-field-country.views-field-start-date {font-size:16px !important;font-family:Ubuntu, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;font-weight:600 !important}

.table-bordered > tbody > tr > td {border:none !important;}

.table-striped {background:#fff;}

.banner-area .block-system-breadcrumb-block {border-bottom:none !important;border-top: 1px solid #cfd0d2;}

/* SW: commented out to keep this search bar available at all screen sizes.
@media (max-width: 982px) {
	#search-block-form {display:none;}}
*/

@media (min-width:769px) {
div#block-sitebranding.block {padding-top:10px;padding-bottom:10px;}
}

#block-scholarly-breadcrumbs {padding-bottom:0px;}

input#edit-field-online-event-detail-actions-ief-add {content:value("Add event detail") !important;}

.slice__content { margin-top:15px !important;margin-bottom:0px !important;}

input#edit-name.required.form-control {background-color:#000;}

/* SW: set the overflow to hidden so it wouldn't interfere with the branding and navigation area (and to simply hide extra menu items, at least for now)  */
#header-top-inside {
  position: relative;
  text-align: center;
  align-content: center;
  overflow:hidden;
}

/* SW: hiding CiviEvent tabs not appropriate for users other than administrators. */
/* SW: test of hiding tab, regardless of permission
li#tab_reminder {
    visibility: hidden;
}
*/
.role-administrator li#tab_reminder, 
.role-administrator li#tab_pcp,
.role-administrator li#tab_friend, 
.role-administrator li#tab_repeat,
.role-administrator li#tab_volunteer,
.role-pro_member li#tab_reminder, 
.role-pro_member li#tab_pcp,
.role-pro_member li#tab_friend, 
.role-pro_member li#tab_repeat,
.role-pro_member li#tab_volunteer,
/* tr.crm-event-manage-eventinfo-form-block-default_role_id, SW: eventually hide this once I can set default to "Attendee." */
tr.crm-event-manage-eventinfo-form-block-participant_listing_id,
#EventInfo > div.crm-block.crm-form-block.crm-event-manage-eventinfo-form-block > table > tbody > tr.crm-event-manage-eventinfo-form-block-event_type_id > td:nth-child(2) > a,
/* SW: hide these again after I set location default   tr.crm-event-manage-location-form-block-location_option,
tr#existingLoc.crm-event-manage-location-form-block-loc_event_id,
td#locUsedMsg, */
#Address_Block_1 > table:nth-child(3) > tbody > tr:nth-child(3) > td:nth-child(2) > a,
#Address_Block_1 > table:nth-child(3) > tbody > tr:nth-child(4) > td:nth-child(2) > a,
table#payLater,
table#priceSet
{
    display:none !important;
}

/* SW: home page tabbed section customizations -- brought in isolated (one or two at a time) from mockup; */

/* SW: all tabs */

ul.nav.nav-tabs li {border:0px;border-radius:0;border-top-right-radius:20px 30px;margin:0}

/* SW removed borders and dark bg color */
ul.nav.nav-tabs{display:table;width:100%;margin-bottom:-2px;border:0px solid rgba(0,0,0,.1);}
/* JB change from table-cell to display:none */
ul.nav.nav-tabs li{display:table-cell;float:none;vertical-align:middle;text-align:center;background-color:#e5e5e5;border-bottom:0px solid rgba(0,0,0,.8);color:#000}

ul.nav.nav-tabs li+li{border-left:0px solid rgba(0,0,0,.8)}

/* SW: adjusting font size for the tab text for different devices */

.nav.nav-tabs li a{font-size:.8rem;font-family:Ubuntu, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight:500;letter-spacing:1px;text-transform:capitalize;color:#fff;}

@media (min-width:769px){.nav.nav-tabs li a{font-size:1rem;letter-spacing:2px;color:#fff;}}
@media (min-width:1024px){.nav.nav-tabs li a{font-size:1.1rem;color:#fff;}}

.nav.nav-tabs li a:hover {color:#000;border:1px solid #EFEFEF;border-bottom:none;border-radius:0;border-top-right-radius:20px 30px;}

.nav.nav-tabs li a:focus {background-color:#EFEFEF;color:#000;border-bottom:none;border-radius:0;border-top-right-radius:20px 30px;}

.nav-tabs > li > a:active {background-color:#EFEFEF;color:#000;border-bottom:none;border-radius:0;border-top-right-radius:20px 30px;}

.nav-tabs > li > a {color:#000;border-bottom:none;border-radius:0 !important;border-top-right-radius:20px 30px !important;}

.nav-tabs > li.active > a { background-color:#EFEFEF !important; }

/* SW: People tab */
ul.nav.nav-tabs li:first-child {background-color:#d7a743;}

/* SW: Member tab */
ul.nav.nav-tabs li:nth-child(2) {background-color:#aa8033;}

/* SW: Research tab */
ul.nav.nav-tabs li:last-child {background-color:#d25527;}

.overlay, .overlayed a:before { background: none !important; background-color: none !important; }

.overlay > i.fa.fa-plus { display:none !important; }

div.tab-content { border:1px solid #ddd; padding:10px; padding-bottom:0px;margin-bottom:15px;background-color:#EFEFEF;}

div.tab-content > .tab-pane { border-bottom:0px; background-color: #EFEFEF; margin-bottom:0; padding-bottom:0 ; }

div.highlight-item { margin-top:12px; padding-left:8px; padding-right:8px;}

.block-views .view {border-bottom:none !important;margin-bottom:0 !important; padding-bottom:0 !important; }

/* ul.tabs.secondary {display:none;}  SW: Hiding the excessive secondary tabs list on the user account edit pages. */

h4.panel-title a:hover {color:black !important}

form#civicrm-user-profile div.civicrm-user-profile > h3 {display:none;} /* SW: hiding redundant user name display on Civi profiles within the user account edit area. */

div.content.description > h3 {display:block;color:black;} /* SW: after hiding the h3 above, all of them advertently got hidden and needed explicit restoring. Also making this text darker for readability. */

.crm-container .description {color:black;}

div#search-status div.qill {display:none;} /* SW: hiding the ugly search status on the Civi search results pages */

div#search-status {color:white;} /* SW: temporary attempt to hide some unwanted text, until I can do it properly */

div#search-status a {color:black;} /* SW: temporary attempt to hide some unwanted text, until I can do it properly */

/* article.user.user--full {align-content:center;margin-left:10px;} SW: earlier styling of user account content (pre-left column add) */

/* article.user.user--full .user__field-roundearth-picture, article.user.user--full div.form-item h4 {text-align:center;} SW: earlier styling of user account pic (pre-float right) */

.civicrm-user-profile .crm-container .crm-section .content {padding-left:50px !important;} /*  SW: controlling user account spacing between labels and content with resizing. */

.civicrm-user-profile .crm-container .crm-section .label {width:125px !important;text-align:left;float:left;color:#464354; font-weight:600; } /*  SW: controlling user account spacing between labels and content with resizing. */

.crm-container .help, .crm-container #help, .alert-success {background: aliceblue !important;border-radius:8px !important} /* SW: radius currently 4px, background natively a puke green of #f1f8eb; */

article.user.user--full .user__field-roundearth-picture {float:right;margin-left:5px;margin-right:15px;border:1px solid gold;margin-bottom:10px;} /* SW: float user account pic to the right of name and address info */

article.user.user--full .block {padding:0px !important;} /* SW: on the Drupal user account page, removes bottom padding from picture block so that "User Profile" shows up inline with the top of the picture */

.crm-profile-name-name_and_address {float:left;clear:none;width:55%;margin-bottom:15px;margin-left:-25px } /* SW: controlling the width and spacing below the main user profile to the left of the profile picture. */

.crm-profile-name-Email_Preferences_20, .crm-profile-name-test_profile_18, .civicrm-user-profile .crm-profile-name-test_profile_15, .civicrm-user-profile .crm-profile-name-Trainee_Information_19 {margin-left:-25px; }

.crm-profile-name-email_preferences, .crm-profile-name-test_profile_18, .crm-profile-name-Trainee_Information_19, .civicrm-user-profile .crm-profile-name-test_profile_15 {margin-bottom:15px;} /* SW: controlling spacing between each profile and the "edit" link below it. */

span#user-page-profile-Use.user-page-link {display:block;clear:both;width:100%;} /* SW: fix to ensure that the "edit user profile" link and what's below it don't jump up inline with squished user fields. */

/* article.user.user--full div.form-group {display:none;}  SW: hide the "Member since" line -- confusing (does not reflect TIFI membership) */

/* article.user.user--full div.form-group #user-page-dashboard {display:block;} SW: reveal the user page dashboard */

#promoted {padding-bottom:5px;} /* SW: Was 20px. Used mainly to tighten top of user account page with the user name header. */

/* .role-anonymous ul.menu--header li:nth-child(4) {display:none !important;} SW: 5-23-19 no longer needed, as member search was moved to another area, and handled with user roles. Originally: hiding the "Member Search" link to anonymous users (and a few other users to add). Don't need to hide "Upload a Course"  as it does that automatically based on permission. NOTE: the "Member Search" link is currently in the fourth position on the menu, but this needs to be adjusted if it moves. */

/****** TODO: add other hides based on role -- authenticated users can't see member searches, or do them. ******/

.layout-region-civicrm-entity-secondary {/*display:none;*/float:left;width:100%;} /* SW: hiding the default event settings box to outside users. */

.layout-region-civicrm-entity-main, .layout-region-civicrm-entity-footer {width:100%;}

/* #edit-event-type-id--description.help-block {display:none;}  SW: okay to display this now that the I've edited the text of the description. */

#edit-description-0--description {display:none;} /* SW: hiding the help text under the event description field. Confusing, unnecessary, and not sure where the source is to edit it. */

/* #edit-is-public-value--description.help-block {display:none;} */ /* {content:value("Choose a category for this event. This helps categorize this event in lists.") !important;} */

span#user-page-profile-Use.user-page-link, span#user-page-profile-Ema.user-page-link, span#user-page-profile-Pro.user-page-link, span#user-page-profile-Tra.user-page-link, span#user-page-profile-Par.user-page-link {text-align:left;width:100%;padding:5px 8px 5px 8px; font-weight:700;border:1px solid black;color:#fff;background-color:#d7a743;display:block;margin-top:25px; }

span#user-page-profile-Use.user-page-link {width:max-content;}

.civicrm-user-profile .user-page-link a:hover {text-decoration:none;color:#fff;} 

.civicrm-user-profile .user-page-link a {text-decoration:none;color:aqua;} 

div.block-content--welcometoyouruserprofile div.block /* .block-layout-builder .block-field-blockblock-contentbasicbody */ {margin-bottom:0px;padding:0px;}

div.civicrm-user-profile h3 {margin-top:50px;}

article.user.user--full div:nth-child(3) h3 {margin-top:0px;}

.hff-36 h5, .hff-36 h6 {font-weight:normal;text-transform:none;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}

/* body.pff-14 {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} SW: hiding to restore main nav to earlier font, though this may have unintended consequences. Test this. May need more speicifity in targeting classes. */

.horizontal-tabs .horizontal-tabs-list {font-family:'Julius Sans One',Helvetica Neue,Arial,sans-serif; }

.form-item label {margin-top:0px !important;}

/* SW: commenting out to reinstate search button, which got hidden as the 8th child when I disabled proximity search for now.
.crm-container .crm-accordion-body>table tr:nth-child(8) {display:none !important;} SW: at least for now, hiding the "Search by distance" feature on the Partnership Network search page. */

.table-bordered {border:1px solid #fff !important;}

.table-striped, .table-striped > tbody > tr:nth-of-type(odd) {background:#fff !important;padding:25px 0 25px 0 !important;}

.table-striped > tbody > tr {background:#fff !important;margin:25px 0 25px 0 !important;border-bottom:1px solid #C59A9A !important;padding:25px 0 25px 0 !important;}

.form-item input.form-search {width:25% !important;float:left;display:inline-block} /* SW: making the main content search box almost full width, floating left against the logo. Does it affect other search boxes? Test it. */

.search-form div.navbar-form .form-wrapper {margin-right:10px;}

/* a.btn.registration-box__button {display:none !important;} SW: registration button removed in the twig itself. */

section.slice {padding:1.5em;margin-bottom:5px;}

#slice-registration .slice__lead p {font-size:.8em !important;text-align:left;}

section.jump-links {display:none;}

.registration-box__price { font-size:1.8rem !important; }

.registration-box__label { font-size:1.1rem !important;color:#fff !important; }

.registration-box__button { font-size:1em !important;display:inline-block !important;background-color:#006aac !important;border-color:#006aac!important;height:37px !important;padding:0 1em!important; }

.mb-2 {font-size:175%;margin-top:0;padding-top:0}

div.slice__content th { background-color:#d7a743;}

div.modal-header h4.modal-title p {font-family:adamina, "Gill Sans", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";font-weight:normal;}

/*
iframe div.dialog-off-canvas-main-canvas header#header {display:none !important;}

div.dialog-off-canvas-main-canvas ul.icons-list, 
div.dialog-off-canvas-main-canvas ul.brands, 
div.dialog-off-canvas-main-canvas div#block-gtranslate-2, 
div.dialog-off-canvas-main-canvas aside section#sidebar-second, 
div.dialog-off-canvas-main-canvas div#subfooter 
{display:none !important;}  SW: hiding all the website redisplay in the entity browser modal box. Not working right now, as it may have to do with targeting elements within an iframe. Call from js instead (see https://stackoverflow.com/questions/583753/using-css-to-affect-div-style-inside-iframe) */

.listing-detail {font-weight:bold !important;}

.table-bordered > tbody > tr > td {padding:20px 20px 20px 0 !important;line-height:1.5;}

.views-field-title a {font-size:115% !important;font-weight:500 !important;color:#484848;margin-bottom:5px !important;padding-bottom:5px;padding-top:5px; }

.views-field-title a:nth-child(1) {font-family:'Julius Sans One','Helvetica Neue',Arial,sans-serif !important;font-size:135% !important;font-weight:900 !important;color:#d7a743;margin-bottom:5px !important;padding-bottom:0px;padding-top:0px; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {display: none;}

span.fieldset-legend { font-size:200%; padding:5px; font-family: 'Julius Sans One','Helvetica Neue',Arial,sans-serif; }

.civicrm-event-add-form {margin-top:25px;}

li.select2-search-choice {padding-right:25px !important;}

span.crm-multivalue-search-op {display:none !important;} /* SW: Hiding the "any or all" option next to search fields. */

.crm-container button#toread.btn-lg, .crm-container button#read.btn-lg {padding:0 10px 0 10px}

.crm-container .modal-footer {text-align:center;}

.crm-i {display:none;} /* SW: hiding the radio button clear "x", as it is neither working nor needed at the moment. */

#main-navigation .sf-menu ul {text-align:right !important;}  /* SW: right justifying the submenu of the main nav. */

.messages a, .messages a:hover {color:black !important;} /* SW: links that appear in status messages were showing up white on a light background. Made them black to ensure they show up. */

.gm-style .gm-style-iw-c {display:none !important} /* SW: hiding the address popup for getting directions in Partner search results map. Information deemed too exposed. */

.crm-container .crm-summary-link {display:none !important;} /* SW: hiding summary link (first column with person icon) on search results, as it needs styling, and it exposes a street address on all results, which is unwanted on partner search results, at least. */


/********* SW: on user profile page, showing or hiding edit links based on membership **********/

.role-trainee article.user--full div:nth-child(5), .role-all_paid_members article.user--full div:nth-child(5), .role-member article.user--full div:nth-child(5), .role-authenticated article.user--full div:nth-child(5), .role-mailing_list article.user--full div:nth-child(5),
.role-trainee #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(4), .role-member #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(4) 
{display:none;} /* SW: Hides the "Professional Information" section entirely for the Trainee and affiliate member roles. */

/* .role-mailing_list article.user--full div:nth-child(5) {display:none;} */

/* SW: TODO: target the 'member since' div and hide it. This apparently is not it. */
/* article.user--full:nth-child(3), .role-mailing_list article.user--full:nth-child(2) { display:none; } */

.role-pro_member article.user--full div:nth-child(5), .role-pro_member article.user--full div:nth-child(5), .role-pro_member #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(4) { display:block; } /* SW: override previous hide so that if they have the pro_member role, the header will appear. */

.role-pro_member article.user--full div:nth-child(6), .role-all_paid_members article.user--full div:nth-child(6), .role-member article.user--full div:nth-child(6), .role-authenticated article.user--full div:nth-child(6), .role-mailing_list article.user--full div:nth-child(6),
.role-pro_member #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(5),
.role-all_paid_members #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(5),
.role-member #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(5),
.role-authenticated #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(5)
{display:none;} /* SW: Hides the "Trainee Information" section entirely for pro and affiliate members. */

.role-trainee article.user--full div:nth-child(6), 
.role-trainee #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(5) { display:block; }
/* SW: override previous hide so that if they have the trainee role, the header will appear. */

.role-trainee article.user--full div:nth-child(7), .role-all_paid_members article.user--full div:nth-child(7), .role-member article.user--full div:nth-child(7), .role-authenticated article.user--full div:nth-child(7), .role-mailing_list article.user--full div:nth-child(7),
.role-trainee #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(6),
.role-all_paid_members #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(6),
.role-member #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(6),
.role-authenticated #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(6)
{display:none;} /* SW: Hides the "Partnership Information" section entirely for trainee and affiliate members. This is overriden below for partnership-eligible affiliate and trainee members. */

.role-partnership_network_eligible article.user--full div:nth-child(7), .role-pro_member article.user--full div:nth-child(7),
.role-partnership_network_eligible #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(6),
.role-pro_member #block-scholarly-local-tasks ul.tabs.secondary li:nth-child(6)
{ display:block; } /* SW: overrides the display:none of the partnership header if the user has the role of "partnership-eligible." */


.role-member span#user-page-profile-Pro.user-page-link, .role-trainee span#user-page-profile-Pro.user-page-link { display:none; }

.role-member span#user-page-profile-Tra.user-page-link, .role-pro_member span#user-page-profile-Tra.user-page-link { display:none; }

.role-member span#user-page-profile-Par.user-page-link, .role-trainee span#user-page-profile-Par.user-page-link { display:none; }

.role-partnership_network_eligible span#user-page-profile-Par.user-page-link, .role-pro_member span#user-page-profile-Par.user-page-link { display:block; }

/********* END SW: on user profile page, showing or hiding edit links based on membership **********/


/******* SW: mobile menu stuff. Maybe move to menus.css, or leave here but note that that is what it is modifying. ***********/

.header-container ul.sf-accordion {background-color:none !important} /* SW: background color of expanded mobile menu. Changed from dark grey or black. */

ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li {max-width:250px !important;float:right !important;} /* SW: change from native full width (which would look funny on tablets) to narrower, and floating right, under the hamburger menu. */

.header-container #main-navigation ul.menu.sf-accordion li a {background-color:#d7a743;} /* SW: background color of mobile accordion is our lighter gold. Added little border radius to more closely match tabbed section. */

.header-container #main-navigation ul.menu.sf-accordion li  a:hover {background-color:#aa8033;}  /* SW: hover state for mobile main nav, the slightly darker gold we use. May change to #ddd for consistency with tabs. */

p.search-result__info {padding-bottom:5px !important;}


/*********** SW: mobile people search result mods (making results vertical instead of a too-wide horizontal table) *********/

@media (max-width:1200px) {.crm-container .crm-search-results, .crm-container table, .crm-container tbody, .crm-container tr, .crm-container td {
	display:block;
	text-align:left;
	padding-left:10px;
	margin-left:0px;
	border:0px !important;
	}
} /* SW: making the mobile search result table a vertical listing */

@media (max-width:1200px) {#crm-container tr.columnheader {display:none;} } /* SW: hiding the mobile people search result table header */

/* SW: modifying form.css */
.navbar-form .form-item-keys, .navbar-form .form-item {width:85%;} /* SW: attempting to make the content search box full width. */

/* .navbar-form .form-submit {display:block} /* remove z-index from actual form button */

div#block-searchform-2 .form-actions input { margin: auto; min-width: 0; padding: 0 14px; z-index: 0; position: unset; background-color: #006aac; height: auto; text-indent: 0; width: auto; color: #fff; display:inline;float:right; }

/* div#block-searchform-2 .form-actions input { margin-top: -20px; min-width: 0; padding: 13px 25px 12px; z-index: 1; position: relative; background-color: transparent; height: 40px; text-indent: -999999px; display: block; } */

#superfish-main-navigation-accordion, #superfish-account-accordion { margin-top:40px; } /* SW:space below hamburger and beginning of dropdown menu on mobile. See if it varies from breakpoint to breakpoint... */

@media (max-width:768px) { ul.icons-list, ul.brands { text-align:left !important;margin-bottom:15px !important; } }

@media (max-width:480px) {
h1, .h1 {font-size:32px !important;}
h1.title {margin-bottom:10px;}
.sidebar .block { padding-bottom:20px !important; }
.block.block-page-title-block { margin-left:-15px; }
}


/* SW: Event accordion listing styles */

.field-group-accordion-wrapper { margin:0px !important; }

.field-group-accordion-wrapper .ui-widget { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }

.ui-accordion .ui-accordion-content { margin:0px;padding:15px !important; }

.ui-accordion .ui-accordion-content label { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ui-accordion .ui-accordion-content .filter-wrapper { display:none; } /* SW: hide the text format boxes that are unnecessary and take up a ton of room. */

.form-item-field-display-host-name-s--0-value > label { margin-top:15px !important; }

/* SW: Event page Tooltip container */

.help-block { margin:0px; padding:0px; } /* SW: putting the tooltip link right below the field by collapsing the empty paragraph above it. */

.help-block + p {
    position: relative;
    color:#000;
	font-weight:700;
	font-family:'Open Sans', sans-serif !important;
    display: inline-block;
    /* border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.help-block + p > span {
    visibility: hidden;
    width: 600px;
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 10px 10px;
    border-radius: 6px;
	border-color:#d7a743;
	font-size:.9em;
	line-height:normal;
	font-family:'Open Sans', sans-serif !important;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
	left:-3px;
	top:0px;
    z-index: 5;
}

.help-block + p {
	padding: 0px 0px;
	margin:-20px 0px;
}

td .help-block + p {
	text-align:center;
}

/* Show the tooltip text when you mouse over the tooltip container */
.help-block + p:hover > span {
    visibility: visible;
}


/* SW: Join or renew Tooltip container */
.tooltip-memb {
    position: relative;
    color:#000;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip-memb .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: beige;
    color: #000;
    text-align: left;
    padding: 10px 10px;
    border-radius: 6px;
	font-size:1em;
	line-height:normal;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
	left:-3px;
	top:20px;
    z-index: 1;
}

.tooltip-memb {
	padding: 0px 0px;
	margin:0px 0px;
}

td p .tooltip-memb {
	text-align:center;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-memb:hover .tooltiptext {
    visibility: visible;
}

#member-benefit-table-1, #member-benefit-table-1 td { border:1px solid #d7a743;font-size:100%; }

#member-benefit-table-1 p { line-height:normal !important; }

#member-benefit-table-2, #member-benefit-table-2 td { border:1px solid #d7a743;font-size:85%; }

/* .member-benefit-table td p :not(.tooltip-memb) { display:none; } */

.civicrm-user-profile .crm-container { margin-bottom:15px; } /* SW: increasing margin between user profile and edit button to avoid overlap. */

@media (min-width:300px) and (max-width:355px) { 
    .crm-container .crm-section .label { float:none !important; text-align:left !important; }
	.crm-profile-name-name_and_address, .crm-profile-name-Email_Preferences_20, .crm-profile-name-test_profile_18, .civicrm-user-profile .crm-profile-name-test_profile_15 { margin-left:-25px; width:100%;  } /* SW: Reducing left indent by 10px in mobile environments to buy more room across. */
	.civicrm-user-profile .crm-container .crm-section .content {padding-left:0px !important; margin-left:8px !important; } /*  SW: controlling user account spacing between labels and content with resizing. */
}

@media (min-width:356px) and (max-width:481px) { 
	.crm-container .crm-section .label { float:left; text-align:left !important; }
	.civicrm-user-profile .crm-container { padding-left: 0px !important; }
	.crm-profile-name-name_and_address, .crm-profile-name-Email_Preferences_20 { margin-left:-10px; width:100%;  } /* SW: Reducing left indent by 10px in mobile environments to buy more room across. */
}

@media (max-width:768px) { .crm-container .crm-section .label { float:left; text-align:left !important; } }

.civicrm-user-profile { font-family:'Open Sans', sans-serif !important; } /* SW: font for user profile page content. */

.crm-container .crm-section { font-size:13px;clear:both; } /* SW: user profile style to match custom-civicrm.css or civicrm.css that only loads initially, and then goes away (breaking the styles) */

#crm-container, .crm-container { line-height:135%;}

div.helprow-pre {font-size: 12px;font-style:italic;margin-top:10px;} /* SW: pre-field help styling in user profile edit pages. */

#crm-container.crm-public .calc-value, #crm-container.crm-public .content { font-size:13px !important; }

div.fieldset-wrapper .crm-profile-name-name_and_address { width:100%;} /* SW: targeting the fieldset in the "edit user profile" to make it full width without changing it in the view of the user profile. */

/* SW: Search form styling */

#crm-container.crm-public .label { width:315px; }

.crm-container .form-layout-compressed td.label, .crm-container .crm-accordion-body td.label, .crm-container .crm-form-block td.label { padding-left:20px !important; text-align:left !important; } 

@media (min-width:300px) and (max-width:355px) {
.crm-profile-name-CFP_Search_17 tbody, .crm-profile-name-CFP_Search_14 tbody, .crm-profile-name-test_profile_15 tbody { padding-left:0px !important; margin-left:-10px; }
}

.crm-profile-name-CFP_Search_14 div.crm-content-block div.messages div.qill { display:none; }

 .crm-profile-name-CFP_Search_14 div.crm-content-block div.messages {
	visibility: hidden;
	position: relative;
	margin-top:15px;
}

.crm-profile-name-CFP_Search_14 div.crm-content-block div.messages:after {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	white-space: pre;
	content: "Your search returned no results. Some suggestions: \A \A \002D \0020 Check your spelling \A \002D \0020 Widen your search (leave more fields blank)";
}

/* SW: attempt to target the proximity search area of search pages -- not working. 
div.crm-profile-name-CFP_Search_17 .form-layout-compressed tbody:nth-child(5) { padding-left:0px !important; margin-left:-20px;} */ 


/******** SW: search results styles for mobile ************/

@media (max-width:900px) {
	#profilewrap14 #crm-container .label, #profilewrap15 #crm-container .label, #profilewrap17 #crm-container .label 
	{ float:none !important;font-size:13px !important; }
	#profilewrap14 #crm-container.crm-public .content, #profilewrap15 #crm-container.crm-public .content, #profilewrap17 #crm-container.crm-public .content { font-size:13px !important; margin-bottom:15px !important; }
}

@media (min-width:901px) {
	#profilewrap14 #crm-container .label, #profilewrap15 #crm-container .label, #profilewrap17 #crm-container .label { float:left !important;font-size:13px !important;  }
}

/* **** end SW: search results styles for mobile */


/* SW: styles for mobile-version-only utility links (hidden on desktop, showing in main nav on mobile) */

@media (min-width:992px) {

	#superfish-main-navigation li.sf-depth-1:nth-child(5), #superfish-main-navigation li.sf-depth-1:nth-child(6), #superfish-main-navigation li.sf-depth-1:nth-child(7), #superfish-main-navigation li.sf-depth-1:nth-child(8), #superfish-main-navigation li.sf-depth-1:nth-child(9), #superfish-main-navigation li.sf-depth-1:nth-child(10), #superfish-main-navigation li.sf-depth-1:nth-child(11), #superfish-main-navigation li.sf-depth-1:nth-child(12), #superfish-main-navigation li.sf-depth-1:nth-child(13), #superfish-main-navigation li.sf-depth-1:nth-child(14), #superfish-main-navigation li.sf-depth-1:nth-child(15), #block-useraccountmenu-2 { display:none !important; }
	
}

@media (min-width:769px) {
	#block-gtranslate-3 { display:none; }
}

@media (min-width:320px) and (max-width:529px) {
	#block-gtranslate-3 { display:none; }
}

@media (max-width:768px) and (min-width:530px) {
	#block-gtranslate-3 { position:absolute;right:100px; }
}

@media (min-width:991px) {
/* SW: gtranslate box positioning experiments -- aiming for top left. Commenting for now, as the z-index is not working as expected (the dropdown is behind everything, even set to the max z-index). */
#block-gtranslate { position:relative; top:-37px;left:-25px;width:162px; }
.switcher { width: 157px; }
/* nav.menu--header ul.menu--inline { margin-right:5px; } */
}

h3.search-result__title { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight:500; }

ol.search-results li { margin-top:0px !important; }

p.search-result__snippet { margin-bottom: 0px !important; }

blockquote:after { left:-25px !important; font-size:100px !important; }

#membership #priceset fieldset legend, #crm-container.crm-public div.crm-contribution-main-form-block fieldset legend { background-color:transparent !important; padding-top:1.5em !important; padding-left:.5em !important; margin-left:13px !important;margin-right:13px !important; }

.crm-profile-id-16 legend { font-size:16px !important; background-color:aliceblue !important; padding-top:1em !important; margin-left:0px !important; }

#membership #priceset fieldset #help { margin:13px; }

div.is_recur-section { margin-left:14px; } /* SW: aligning the recurring payment section of the contribution form. */

.crm-section .affiliate_membership-section, div.crm-contribution-main-form-block .crm-section .description, .crm-section .certification_fee_1-section, .crm-section .section-pricesetTotal { margin-left:20px !important; }

div.views-col { padding:3px !important; }

article div.field--name-field-images { float:left;margin-top:-10px;margin-right:20px; }

.registration-box { background-color:#d7a743 !important; margin: 0 .2rem !important; padding: 1rem .3rem !important; }

.checkout-complete__payment-instructions h2 {margin-top:25px}

.field--name-product-id ul.field__items li,  .field--name-product-id ul.field__items li a { text-transform:none;color:black;padding:0px;margin-top:0px; } /* SW: simplifying the appearance of the product name in the cart. */

input.delete-order-item.button { margin-top:0px;}


/*********** SW: panel header stylings ************/

.panel-default > .panel-heading { background-color:transparent !important; margin-top:15px !important;font-family:'Julius Sans One',Helvetica Neue,Arial,sans-serif !important; } /* SW: styling panel headers in the content area. */

.panel-group > .panel-default > .panel-heading { background-color:#d7a743 !important; margin-top:0px !important;font-family:'Julius Sans One',Helvetica Neue,Arial,sans-serif #000000; } /* SW: styling sidebar panel headers to make sure the content area panel headers don't mess with the sidebar accordion panel header styles. */

.panel-group > .panel-default > .panel-heading > .panel-title > a { color:#ffffff !important; padding:10px !important; } /* SW: sidebar panel header title white, and with tighter padding than what's in panels.css. */

.ui-accordion .ui-accordion-header { padding:.5em .5em .5em .7em !important; } /* SW: overriding wide padding of "create event listing" accordion in group-accordion.css but maintaining what's in accordion.css */

.ui-accordion .ui-state-default { background-color:#d7a743 !important; font-size:18px !important; } /* SW: font and background tweaking of "create event listing" accordion in group-accordion.css */

.ui-accordion .ui-state-default a, .ui-accordion .ui-state-default a:link { color:#ffffff !important; } /* SW: "create event listing" header link white. */

/*********** SW: end panel header stylings **************/


div#pricevalue.calc-value { margin-bottom:30px !important; }  /* SW: space below the total amount button and the alert below it (the alert was hiding the total before) */

input#cms_create_account { margin: -1px 4px 0 15px !important; } /* SW: alignment of "create account" checkbox and label on join page. */

.logo-and-site-name-wrapper div.site-branding__name > a { display:none !important;} /* SW: hiding the site name repeated under the logo on the site maintenance page. */

.price-set-row.affiliate_membership-row4 { display:none; }  /* SW: hiding the "none" option on price sets on membership or contribution forms (there does not seem to be a built-in setting to disable this).  */



/******** SW: tour styles ********/

.joyride-tip-guide { /*border: 1px solid #d7a743;*/ background: rgba(0, 0, 0, 0.8); color:#fff; border-radius:5px;width:700px; }

.tour-tip-label { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 18px }

a.joyride-next-tip, a.joyride-next-tip:hover, a.joyride-close-tip { color: #fff; }

.joyride-tip-guide .joyride-nub { border: solid 14px rgba(0,0,0,0.8); }

.joyride-tip-guide .joyride-nub.left { border-top-color:transparent; border-left-color:transparent; border-bottom-color:transparent; }

.joyride-tip-guide .joyride-nub.right { border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; }

.joyride-tip-guide .joyride-nub.top { border-left-color:transparent; border-top-color:transparent; border-right-color:transparent; }

.joyride-tip-guide .joyride-nub.bottom { border-left-color:transparent; border-bottom-color:transparent; border-right-color:transparent; }

.joyride-modal-bg { background: rgba(0,0,0,0.5); } 


/********* SW: text search result stylings **********/

#edit-types-fieldset, #edit-lang-fieldset { display:none; }


.crm-container .action-link { margin-top:50px !important; }

h1.page-title > a { display:block; }


/********* SW: CiviDiscount styles **********/

.cividiscount > .label, .cividiscount .content { margin-top:0px !important; font-size:12px !important; display:inline !important; }

.cividiscount > .label { margin-left: 20px !important; }

.cividiscount > .label label { margin-left: 20px !important; font-weight:normal !important;  }

.cividiscount .content > input#discountcode { margin-left:-25px; width: 102px !important; /*float:left; display:inline;*/ }

.cividiscount input.crm-form-submit { display:inline; padding:0 !important; }


/******** SW: CiviCRM form stylings overall -- tightening up input heights and space between fields. *******/
/* TODO: May need to conform the appearance of D8 forms to civi forms, as different styles apply. */

#crm-container.crm-public .crm-section .crm-form-text#discountcode { height:30px !important; } /* SW: overall line-height for form fields (was 40px) */

#crm-container.crm-public div.crm-contribution-main-form-block .crm-group .crm-section { padding: 0 1em 0 1em !important; }

.payment_processor-section .content input[type="radio"]:first-child { margin: 0em 0em 0em 0em !important; }

.payment_processor-section .content input[type="radio"] { margin: 0em 0em 0em -0.2em !important; }


/****** SW: styling task tabs *********/

#block-scholarly-local-tasks a.is-active { background-color:#d7a743 !important; color:#fff !important; }

#block-scholarly-local-tasks a.is-active:hover { background-color:#d7a743 !important; color:#000 !important; text-decoration:none !important }

#block-scholarly-local-tasks ul.tabs.primary { border-bottom:1px solid #d7a743 !important; }

.path--user h1.title.page-title { display:none !important; }

#highlighted + #main-content { margin-top:40px !important; }

.path--user #block-breadcrumbs nav.breadcrumb { display:none !important; }


/****** SW: conditionally showing / hiding the task bar and certain items on it depending on role. ******/

/* SW: default entire bar to hidden */
.role-member.path--civicrm-event div.container-fluid ul.tabs, .role-trainee.path--civicrm-event div.container-fluid ul.tabs, /* .role-pro_member.path--civicrm-event div.container-fluid ul.tabs,*/ .role-mailing_list.path--civicrm-event div.container-fluid ul.tabs {display:none;}

/* SW: show entire bar for specific roles */
.role-pro_member.path--civicrm-event div.container-fluid ul.tabs,
.role-administrator.path--civicrm-event div.container-fluid ul.tabs, .role-manager.path--civicrm-event div.container-fluid ul.tabs {display:block !important;}

/* SW: default 'edit full details' to hidden. */
 .role-pro_member.path--civicrm-event div.container-fluid ul.tabs > li:nth-of-type(3) {display:none !important;} 

/* SW: display 'edit full details' for specific roles */
.role-administrator.path--civicrm-event div.container-fluid ul.tabs.primary:nth-child(3) {display:inline;} 


/******** SW: layout of profile image on search result detail pages. *******/

/* SW: Pro search result page */

/* SW: hiding labels for the image, address and bio fields, and hiding the redunant first and last name sections. */
.crm-profile-name-CFP_Search_14 #row-custom_34 .label, 
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_12.crm-section.custom_12-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div.clear, 
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_19.crm-section.custom_19-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-email_Primary.crm-section.email_Primary-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-phone_2_1.crm-section.phone_2_1-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-url_1.crm-section.url_1-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-city_Primary.crm-section.city_Primary-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-state_province_Primary.crm-section.state_province_Primary-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-country_Primary.crm-section.country_Primary-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_10.crm-section.custom_10-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_21.crm-section.custom_21-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_22.crm-section.custom_22-section .label,
.crm-container .crm-profile-name-CFP_Search_14 div#row-first_name.crm-section.first_name-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-last_name.crm-section.last_name-section
{ display:none !important; }

/* SW: setting the address info flush left, instead of artificially holding space for the label */
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_12.crm-section.custom_12-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_19.crm-section.custom_19-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-email_Primary.crm-section.email_Primary-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-phone_2_1.crm-section.phone_2_1-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-url_1.crm-section.url_1-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-city_Primary.crm-section.city_Primary-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-state_province_Primary.crm-section.state_province_Primary-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-country_Primary.crm-section.country_Primary-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_10.crm-section.custom_10-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_21.crm-section.custom_21-section .content,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_22.crm-section.custom_22-section .content
{ margin-left:8px !important; }

/* SW: 5-26-19 fix for inscrutable misalignment of label and content for this field (services offered) */
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_20.crm-section.custom_20-section .content
{ padding-top:5% !important; }

/* SW: test to see if I can get city, state and country on one line neatly 
.crm-container .crm-profile-name-CFP_Search_14 div#row-city_Primary.crm-section.city_Primary-section .content {float:left; } */

/* SW: test of clearing bio and image so other things float to the left. */
.crm-profile-name-CFP_Search_14 #row-custom_34.crm-section.custom_34-section
/* .crm-profile-name-CFP_Search_14 #row-custom_12.crm-section.custom_12-section */
{ clear:right !important; }

.crm-profile-name-CFP_Search_14 #row-custom_34 .content img { width:200px; }

.crm-profile-name-CFP_Search_14 #row-custom_12 { margin-top:20px; } 

.crm-profile-name-CFP_Search_14 #row-custom_12, .crm-profile-name-CFP_Search_14 #row-custom_34 { float:right;clear:right !important; width:50%; }

.crm-container .crm-profile-name-CFP_Search_14 div.clear, 
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_19.crm-section.custom_19-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-email_Primary.crm-section.email_Primary-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-phone_2_1.crm-section.phone_2_1-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-url_1.crm-section.url_1-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-city_Primary.crm-section.city_Primary-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-state_province_Primary.crm-section.state_province_Primary-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-country_Primary.crm-section.country_Primary-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_10.crm-section.custom_10-section,
/* .crm-container .crm-profile-name-CFP_Search_14 div#row-custom_12.crm-section.custom_12-section, */
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_17.crm-section.custom_17-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_18.crm-section.custom_18-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_20.crm-section.custom_20-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_21.crm-section.custom_21-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_22.crm-section.custom_22-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_35.crm-section.custom_35-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_51.crm-section.custom_51-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_52.crm-section.custom_52-section
{ clear:left !important; }

.crm-container .crm-profile-name-CFP_Search_14 .crm-section { clear:none !important; }

.crm-container .crm-profile-name-CFP_Search_14 .crm-section .label { text-align:left !important; }

/* SW: putting a little visual air above the additional fields, after the address info */
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_10.crm-section.custom_10-section,
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_20.crm-section.custom_20-section
{ margin-top:25px; }

/* .crm-container .crm-profile-name-CFP_Search_14 div#row-custom_22.crm-section.custom_22-section { margin-top:50px; } */

/* .crm-container .crm-profile-name-CFP_Search_14 .crm-section .content { margin-left; } */

/* SW: trying something to get left list of fields to float adjacent to the image and bio on the right. May not work. 
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_19.crm-section.custom_19-section,  { clear:right !important; }
.crm-container .crm-profile-name-CFP_Search_14 div#row-custom_19.crm-section.custom_19-section div.clear { clear:right !important; } */

/* SW: Partnership Network search result page */

.crm-container .crm-profile-name-test_profile_15 .crm-section .label { text-align:left !important; }

.crm-profile-name-test_profile_15 {margin-left:8px; }

/* .civicrm-user-profile */


/* SW: tour button styling */

.block-tour .sidebar .block { padding-bottom: 10px !important; }

#block-tourbutton div button.tour-button,
#block-tourbutton-2 div button.tour-button
{ background-color:#006aac;text-transform:uppercase;color:#fff;border-radius:5px;padding:6px 15px;font-family:'Open Sans', sans-serif !important; }

#block-tourbutton { float:right;margin-top:50px;margin-left:3px; }

.joyride-tip-guide { z-index:10001 !important; }


/* SW: search button line styles */

/* SW: hide member search button for these roles. */
.role-anonymous .member-search, .role-mailing_list .member-search { display:none; }

/* SW: display member search button for these roles. */
.role-member .member-search, .role-all_paid_members .member-search { display:inline-block; }

/* SW: I want the searchline displayed on landscape tablets and up, but not anything below that. */
@media (max-width:768px) {
div.block-content--searchline, #block-tourbutton { display:none; }
}


/* SW: display user role on user page styles */

/* SW: appearance */
.views-field-roles-target-id span ul { font-family:'Open Sans', sans-serif !important;list-style-type:none;font-size:200%; }

/* SW: hide the list for everyone first */
.views-field-roles-target-id span ul li { display:none; }

/* SW: override the hide above for special roles only */
.views-field-roles-target-id span ul li:last-child, .views-field-roles-target-id span li:last-child { display: block; }

/* SW: hide labels for search result fields that have no content */


/*jb
test of blocking a block per id for mobile*/
/*Mobile View*/
@media only screen and  (max-width: 760px) {
	
	div.info-box.mh.visible-xs.visible-sm {
		display: none !important;
	}
		
 .test {
    display: none;
  }	
  
   .noshow {
    display: none;
  }	
	
 .social_media {
    display: none;
  }	
	
 .chart {
    display: none;
  }
	
	.tooltip-memb {
     display: none;
}

nav#block-scholarly-tools {
    display: none;
}

.sidebar .block {
    display: block;
	 margin-top: -55px;
}

.sidebar h2.title, .sidebar .block-menu h2{
	display: none;
}
	
	.table-responsive {width: 350px;  empty-cells: hide;border: none; }
	
	#member-benefit-table-1, #member-benefit-table-1 td {
    border: 0px ;
    
}

td, tr { display: block; }

/* Hide table headers (but not display: none;, for accessibility) */

thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

tr { border: none; }

tr + tr { margin-top: 1.5em; }

td {
  /* make like a "row" */
  border: none;
  border-bottom: none;
  position: relative;
  padding-left: 0%;
  width:80%;
  
  text-align: left;
}

td:before {
  content: attr(data-label);
  display: inline-block;
  line-height: 1.5;
  margin-left: -100%;
  width: 100%;
  white-space: nowrap;
}
}