/* ---------- icons ----------- */

icon {
}


/* ---------- Page Navigation Styles ----------- */

a.navbar-brand {
    color: #dddddd;
}

button.navbar-toggler-right {
/*  width: 33px;
  height: 33px;
  */
  width: 38px;
  height: 32px;
  background-image: url(../images/menu-4x.png);
  background-color: silver; 
  padding: 0px;
  margin: 0 10px 0 0;
}

/*
a,
.link {
    color: #0071b3;
}

li.nav-tabs a.nav-link {
    color: #999999;
}

ul.nav.nav-tabs li.a.nav-link {
   		 color: #EE00EE;
}

ul.nav.nav-tabs.primary li.active.nav-item {
    color: #0000FF;
}

ul.nav.navbar-nav li.nav-item  {
    color: #dddddd;
}
*/

ul.clearfix.nav.navbar-nav > li > a.nav-link.active {
   		 color: #E0E0FF;
}

ul.clearfix.nav.navbar-nav > li > a.nav-link {
   		 color: #BBBBBB;
}

ul.nav.nav-tabs.primary > li > a.nav-link.active {
   		 color: #EE00EE;
}

ul.nav.nav-tabs.primary > li > a.nav-link {
   		 color: #AA00AA;
}

div.d-inline-block.align-top.site-name-slogan {
    color: #53B955;
}


/*
span,
.page-title {
	padding: 10px 0px 7px 10px;
}

div.block-page-title-block {
	padding: 10px 8px 0px 10px;
}
*/

@media only screen and (min-width: 768px) {
#front-main {
	padding: 40px 0px 30px 30px;
}
}

figure figcaption {
  font-weight: bolder;
  border: 1px dotted black;
  text-align: center;
}


/* ---------- Event Detail display overrides  ----------- */

div#page.event -> #block-w0tlm-barrio-subtheme-page-title  {
  font-weight: bolder;
	font-size: 1.2rem;
}

div.featured-top.event -> h1.js-quickedit-page-title.title {
  font-weight: bolder;
	font-size: 1.2rem;
}

div#page.event -> h1.js-quickedit-page-title.title {
  font-weight: bolder;
	font-size: 1.2rem;
}

div.field-event-pagetitle {
  font-weight: bolder;
	font-size: 1.2rem;
}

div.field-event-typename {
  font-weight: bolder;
	font-size: 1.2rem;
}

section.section.event {
  padding: 0 0 20px 0;
}

/* ---------- Clean up our block content indents  ----------- */


/* == Indent our On-Air Net Rows == */
#block-w0tlm-barrio-subtheme-views-block-sidebar-upcoming-on-air-nets-block-1-4 > div.content > div > div > div.view-content.row > div > ul > li {
  padding: 0 15px 0 15px;
}

/* == Indent our Book Link Rows == */
#block-views-block-book-titles-block-1-3 > div.content > div > div > div.view-content.row > div > ul > li {
  padding: 0 15px 0 15px;
}

/* == Club Meeting Rows == */
#block-w0tlm-barrio-subtheme-views-block-upcoming-meetings-block-1-4 > div.content > div > div > div.view-content.row > div > ul > li {
  padding: 0 15px 0 15px;
}

li.club-meeting-row {
	word-wrap: normal;
}

/* == License Exam Session  Rows == */
#block-w0tlm-barrio-subtheme-views-block-upcoming-ve-sessions-block-1-4 > div.content > div > div > div.view-content.row > div > ul > li {
  padding: 0 15px 0 15px;
}

/* == SIDEBAR Upcoming Classes (mr-moderator) == */
#block-w0tlm-barrio-subtheme-views-block-sidebar-license-classes-block-1-4 > div.content > div > div > div.view-content.row > div {
  padding: 0 15px 0 15px;
}

/* == SIDEBAR Reference Books Rows (mr-content) == */
#block-views-block-book-titles-block-3-3 > div.content > div > div > div.view-content.row > div {
  padding: 0 15px 0 15px;
}

/* == SIDEBAR Reference Books Rows (mr-moderator) == */
#block-views-block-book-titles-block-2-3 > div.content > div > div > div.view-content.row {
  padding: 0 15px 0 15px;
}

/* ---------- Calendar page content display overrides  ----------- */

#block-w0tlm-barrio-subtheme-content > div > div > div > div.view-content.row > div > div.js-drupal-fullcalendar.fc.fc-unthemed.fc-ltr {
  padding: 0 15px 0 15px;
}


/* ---------- Site-Status page content rows display overrides  ----------- */

li.site-status.row  {
  padding: 0 15px 0 15px;
}


/* ---------- Merchandise page content header display overrides  ----------- */

div.user-edited-page-header.views-row  p {
  padding: 0 15px 0 15px;
}


/* ---------- Order summary pages display overrides  ----------- */
/*
div.w0tlm-order-table {
  background-color: #F00000;
}

*/



div.w0tlm-order-table -> div.view-content -> table {
  margin: 0px 0px 50px 0px;
  padding: 0px 0px 50px 0px;
  /* background-color: #F00000; */
}

/* ---------- Order Items by Member report ------------- */
/*
[class*="w0tlm-items-ordered-table"] {
  background-color: #F0F000; 
}
*/

/* ---------- Product Add-to-cart-form display overrides  ----------- */

/*
  margin: 10px 10px 10px 10px;
  padding: 3px 3px 3px 3px;
  width: 175px;
div.field field--name-variations field--type-entity-reference field--label-hidden field__items {
div#commerce-product-add-to-cart-form {
div#commerce-order-item-add-to-cart-form {
*/
[class*="commerce-order-item-add-to-cart-form-commerce-product-"] {
  /* off-white-sidebar */
  background-color: #F6F6F2;
  padding: 6px 3px 3px 3px;
  border: 1px dotted black;
  margin: 0px 0px 50px 0px;
  width: 300px;
  /* color biult from our club navy... not pretty 
  background-color: #D2CFE6;  */
}

/* ---------- Product BUY form display overrides  ----------- */

div#edit-purchased-entity-wrapper {
  /* align our Jacket Size Selector */
	padding: 0;
}

div#edit-quantity-wrapper label {
  font-weight: bold;
	font-size: 1.0rem;
}

div#edit-field-buyer-callsign-wrapper label.js-form-required.form-required {
  font-weight: bold;
	font-size: 1.0rem;
}

div#edit-field-buyer-first-name-wrapper label.js-form-required.form-required {
  font-weight: bold;
	font-size: 1.0rem;
}

div#edit-purchased-entity-wrapper label.js-form-required.form-required {
  font-weight: bold;
	font-size: 1.0rem;
}

div#edit-purchased-entity-wrapper .form-check-input {
  padding: 0px 10px 0px 0px;
}

/*
div#edit-purchased-entity-wrapper div.fieldset-wrapper {
  background-color: #00f0f0;
}

div#field.field--name-field-product-color.field--type-color-field-type.field--label-hidden.field__item {
	width: 50px;
	height: 50px;
}

div[id$="-attributes-attribute-polo-shirt-color"] {
	display: inline;
}

div#edit-purchased-entity-wrapper div.fieldset-wrapper {
	display: inline;
}

div#edit-purchased-entity-wrapper fieldset[id$="-attributes-attribute-polo-shirt-color--wrapper"] {
	display: inline;
}

div#edit-purchased-entity-wrapper div {
	display: inline;
}

div#edit-purchased-entity-wrapper .form-check {
  -* display: inline;  this fixes CUT *-
  display: inline;
  background-color: #f00000;
}


div#edit-purchased-entity-wrapper div[class^="js-form-item.js-form-type-radio.radio.form-check.js-form-item-purchased-entity-"] {
	padding: 0px 0px 0px 20px;
}

div#edit-purchased-entity-wrapper div {
	display: inline;
}

*/

div#edit-purchased-entity-wrapper legend {
  font-weight: bold;
	font-size: 1.0rem;
}



/* ---------- Club Products display overrides  ----------- */

#block-w0tlm-barrio-subtheme-content > div > div > div.w0tlm-store-front > div.view-content.row {
  margin: 0px 10px 0px 10px;
  padding: 0px 5px 0px 5px;
  /*background-color: yellow;*/
}

#block-w0tlm-barrio-subtheme-content > div > div > div.w0tlm-store-front > div.view-content.row > div {
  margin: 10px 10px 28px 10px;
  padding: 16px 16px 16px 16px;
}

#block-w0tlm-barrio-subtheme-content > div > div > div.w0tlm-store-front > div.view-content.row > div {
  border: 1px solid #D6D6D6;
  /*border: 1px solid #CDCDCA;*/
}

div.product-catalog.views-row {
  /*
  margin: 10px 10px 10px 10px;
  padding: 3px 3px 3px 3px;
  */
  width: 185px;
  /* off-white-sidebar */
  background-color: #F6F6F2;
  /* color biult from our club navy... not pretty 
  background-color: #D2CFE6;  */
}

/*
div.product-catalog.views-row -> div.views-field.views-field-product-id {
  position: absolute;
div.views-field.views-field-variations -> span.field-content {
  background-color: #D2CFE6; 
*/
div.views-field.views-field-title-2 {
/* --> This is actually our product image field <-- */
  height: 100px;
  /* huh, vertical center! */
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
/*
  display: block;
  margin-left: auto;
  margin-right: auto;
*/
  margin: 0 auto;
}

div.user-edited-page-header.views-row {
/* --> This is actually our product description-text field <-- */
  padding: 2px 0 2px 0;
}

div.product-catalog.views-row div.views-field.views-field-body {
/* --> This is actually our product description-text field <-- */
  height: 150px;
}

/*
  background-color: #D2CFE6; 
  display: -webkit-flex; 
  -webkit-align-items: center; 
  display: flex;
  align-items: center;
*/
div.views-field.views-field-product-id {
  bottom: 30px;
}

/* ---------- Vendor-list display overrides  ----------- */
/* -- NOTE: set row class name  to 'vendor-info-row' */
div.vendor-info-row {
  padding: 0px 15px 10px 15px;
}


/* ---------- Club Positions display overrides  ----------- */
/* -- NOTE: replaced view html list class name 'item-list' w/'club-position-list' */

div.club-position-list {
  padding: 0px 0px 10px 10px;
  margin: 0px 15px 0px 0px;
  width: 250px;
  background-color: #f6f6f2;; 
}

div.club-position-list h3 a  {
  font-size: 1.2rem;
}

div.club-position-list ul li  {
  padding: 0px 0px 10px 0px;
}

#block-w0tlm-barrio-subtheme-content > div > div > div.contextual-region.view.view-people-holding-positions > div.view-content.row {
  /*background-color: green;*/
}


#block-w0tlm-barrio-subtheme-content > div > div > div.contextual-region.view.view-people-holding-positions {
  margin: 0px 20px 0px 20px;
}

#block-w0tlm-barrio-subtheme-content > div > div > div.contextual-region.view.view-people-holding-positions > div.view-content.row > div > h3 {
  /*background-color: #DFE8F8;*/
  /*background-color: #DFEeFe;*/
  background-color: #e6e6e2; 
  padding: 0px 0px 5px 0px;
  margin: -5px -5px 10px -5px;
  border-radius: .25rem;
  text-align: center;
}

#block-w0tlm-barrio-subtheme-content > div > div > div.contextual-region.view.view-people-holding-positions > div.view-content.row > div > ul {
  /*background-color: #f7f7f0;*/
  padding: 0px 0px 0px 25px;
}

#block-w0tlm-barrio-subtheme-content > div > div > div.contextual-region.view.view-people-holding-positions > div.view-content.row > div {
  padding: 5px 5px;
  /*margin: 2px 2px;*/
  /*display: inline-flex;*/
}

/* ---------- Equipment Loans display overrides  ----------- */

main.main-content.col.order-first.sidebar-offcanvas.loan-pool-loan {
  padding: 0 0 20px 20px;
}

section -> #block-w0tlm-barrio-subtheme-content -> div -> div -> div -> div.view-content.row -> div.views-row {
  padding: 0px 10px 0px 10px;
}

/* ---------- Equipment Detail display overrides  ----------- */

span.rewrite-title {
  font-weight: bolder;
  font-size: 1.2rem;
  text-transform: capitalize;
  color: #2b1d65;
}
div.field__label.loanable-thing {
  font-weight: bolder;
  font-size: 1.2rem;
  text-transform: capitalize;
  color: #2b1d65;
}

div.node__content.clearfix.loanable-thing {
  padding: 0 0 20px 0;
}

div.cache-loan-item.views-row {
  margin: 10px;
  overflow-wrap: break-word;
  height: 300px;
  width: 300px;
}

div.equipment-cache-item.views-row {
  margin: 10px;
  overflow-wrap: break-word;
  height: 600px;
  width: 400px;
}


/* ---------- Non-event pages  ----------- */

#block-w0tlm-barrio-subtheme-page-title {
	padding: 20px 0px 0px 15px;
}

/* ---------- Facebook colunm placement  ----------- */

div.block.block-layout-builder.block-field-blockblock-contentbasicbody {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: 0;
}

div#block-sitecopyright {
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
  border: 0;
}

/* ---------- Facebook colunm placement  ----------- */

div.fb-page.col-auto.fb_iframe_widget {
  padding: 0 0 20px 0;
}

/* ---------- article list view title  ----------- */

article > header > h2 > a > span.field.field--name-title {
	font-size: 1.2rem;
}

/* ---------- all meetings layout  ----------- */

div.view.view-calendar-meetings {
  padding: 0 20px 0 20px;
}

/* ---------- Youtube player autosizing  ----------- */
/*
#youtubechannel-player,
#youtubechannel-list
{
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0 !important;
        width: auto !important;
        overflow: hidden;
}

#youtubechannel-player iframe
{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
*/

/* ---------- webform Required field fix  ----------- */
.form-required::after {
	content: '';
	vertical-align: super;
	display: inline-block;
	background-image: url(/core/misc/icons/ee0000/required.svg);
	background-repeat: no-repeat;
	background-size: 6px 6px;
	width: 6px;
	height: 6px;
	margin: 0 0.3em;
}

/* ---------- new Club Presentation View fixes  ---------- */

#block-w0tlm-barrio-subtheme-content > div > div > div.single-presentation {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}
/* ----------  add stuff for our tagClouds ---------- */


/* ---------- lines for ~/tagclouds/chunk page ---------- */
#block-w0tlm-barrio-subtheme-content > div > div > span.tagclouds-term { 
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 10px;
  display: inline-flex;
}


/* ---------- lines for ~/tagclouds/list page ---------- */

#block-w0tlm-barrio-subtheme-content > div > div.wrapper.tagclouds {
  padding-bottom: 30px;
}

#block-w0tlm-barrio-subtheme-content > div > div > div > span.tagclouds-term {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 10px;
  display: inline-flex;
}

/* ---------- lines for Sidebar BLOCK  ---------- */

#block-tagsincontenttags > div.content {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin: 0px;
}

#block-tagsincontenttags > div.content > span.tagclouds-term {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 5px;
  display: inline-flex;
}

/* FROM: tagclouds default example stylesheet **/

.wrapper.tagclouds {
  text-align: justify;
  margin-right: 1em;
}

.tagclouds.level1 {
  font-size: 1em;
}
.tagclouds.level2 {
  font-size: 1.2em;
}
.tagclouds.level3 {
  font-size: 1.4em;
}
.tagclouds.level4 {
  font-size: 1.6em;
}
.tagclouds.level5 {
  font-size: 1.8em;
}
.tagclouds.level6 {
  font-size: 2em;
}
.tagclouds.level7 {
  font-size: 2.2em;
}
.tagclouds.level8 {
  font-size: 2.4em;
}
.tagclouds.level9 {
  font-size: 2.6em;
}
.tagclouds.level10 {
  font-size: 2.8em;
}

/* ---------- Store Help Web-form Styles ----------- */

#webform-submission-store-help-add-form label {
	font-weight: bold;
}

#webform-submission-store-help-add-form > fieldset.js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name.form-group {
  padding: 10px 10px 10px 10px;
  margin: 0 20px 0 20px;
}

#webform-submission-store-help-add-form > fieldset.js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-callsign.form-item-callsign.form-group {
  padding: 10px 10px 10px 10px;
  margin: 0 20px 10px 20px;
}

#edit-email-address--wrapper {
  background-color: #f6f6f2;; 
  padding: 10px 20px 20px 20px;
  margin: 0 20px 0 20px;
}

#webform-submission-store-help-add-form > fieldset.js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-subject.form-item-subject.form-group {
  padding: 10px 10px 10px 10px;
  margin: 0 20px 0 20px;
}

#webform-submission-store-help-add-form > fieldset.js-form-item.js-form-type-textarea.form-type-textarea.js-form-item-description.form-item-description.form-group {
  padding: 10px 10px 10px 10px;
  margin: 0 20px 10px 20px;
}


/* ---------- W0TLM Contact Web-form Styles ----------- */

#webform-submission-contact-add-form label {
	font-weight: bold;
}

#webform-submission-contact-add-form > fieldset.js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name.form-group {
	margin-top: 20px;

}

/* ---------- Net Control Volunteer Web-form Styles ----------- */

#webform-submission-volunteer-for-net-control-form-ajax label {
	font-weight: bold;
}

#edit-netcontrol-full-name--wrapper {
  background-color: #f6f6f2;; 
  padding: 10px 20px 20px 20px;
  margin: 0 20px 0 20px;
}

#webform-submission-volunteer-for-net-control-add-form > fieldset.js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-your-callsign.form-item-your-callsign.form-group {
  padding: 30px 10px 10px 10px;
  margin: 0 20px 20px 20px;
}

#webform-submission-volunteer-for-net-control-add-form > fieldset.js-form-item.js-form-type-tel.form-type-tel.js-form-item-your-phone-number.form-item-your-phone-number.form-group {
  padding: 30px 10px 10px 10px;
  margin: 0 20px 0 20px;
}

#webform-submission-volunteer-for-net-control-add-form > fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-date-you-d-like-to-be-w0tlm-net-control.form-item-date-you-d-like-to-be-w0tlm-net-control.form-group {
  padding: 30px 10px 10px 10px;
  margin: 0 20px 20px 20px;
}

/* ---------- License Test Web-fmrm Styles ----------- */

#webform-submission-testing-session-registration-add-form label {
	font-weight: bold;
}

#edit-confirm-your-email--wrapper {
  background-color: #f6f6f2;; 
  padding: 10px 20px 20px 20px;
  margin: 0 20px 0px 20px;
}

#webform-submission-testing-session-registration-add-form > fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-purpose-of-test.form-item-purpose-of-test.form-group {
  padding: 30px 10px 10px 10px;
  margin: 0 20px 20px 20px;
}

#webform-submission-testing-session-registration-add-form > fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-have-you-ever-been-convicted-of-felony-offense-.form-item-have-you-ever-been-convicted-of-felony-offense-.form-group {
  padding: 30px 10px 10px 10px;
  margin: 0 20px 0 20px;
}

#webform-submission-testing-session-registration-add-form > fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-upcoming-exam-session.form-item-upcoming-exam-session.form-group {
  padding: 30px 10px 10px 10px;
  margin: 0 20px 20px 20px;
}

#webform-submission-testing-session-registration-add-form > fieldset.js-form-item.js-form-type-tel.form-type-tel.js-form-item-phone-number-simple-.form-item-phone-number-simple-.form-group {
  padding: 30px 10px 10px 10px;
  margin: 0 20px 20px 20px;
}

#webform-submission-testing-session-registration-add-form > fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-any-license-application-the-the-fcc-as-not-acted-upon-.form-item-any-license-application-the-the-fcc-as-not-acted-upon-.form-group {
  padding: 30px 10px 10px 10px;
  margin: 0 20px 0 20px;
}

/* ---------- License Class Web-form Styles ----------- */

#webform-submission-register-for-license-class-add-form  label {
	font-weight: bold;
}

#edit-your-name--wrapper {
  background-color: #f6f6f2;; 
  padding: 10px 20px 20px 20px;
  margin: 0 20px;
  /*
  border: 1px solid black;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-left: 1px solid black;
  border-right: 1px solid black;
  */
}

#webform-submission-register-for-license-class-add-form > fieldset.js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-your-callsign.form-item-your-callsign.form-group {
  padding: 10px 20px 20px 0px;
  margin: 0 20px;
}

#edit-your-street-address--wrapper {
  background-color: #f6f6f2;; 
  padding: 10px 20px 20px 20px;
  margin: 0 20px;
  /*
  border: 1px solid black;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-left: 1px solid black;
  border-right: 1px solid black;
  */
}

#edit-your-email--wrapper {
  background-color: #f6f6f2;; 
  padding: 10px 20px 20px 20px;
  margin: 0 20px;
  /* 
  border: 1px solid black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
  border-left: 1px solid black;
  border-right: 1px solid black;
  */
}

#webform-submission-register-for-license-class-add-form > div.js-text-format-wrapper.text-format-wrapper.js-form-item.form-item {
  background-color: #f6f6f2; 
  padding: 10px 0px 20px 5px;
  margin: 10px 30px 0 30px;
  /*
  border: 1px solid black;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  */
}

#webform-submission-register-for-license-class-add-form > fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-are-you-18-years-or-older-.form-item-are-you-18-years-or-older-.form-group {
  padding: 30px 10px 10px 10px;
  margin: 0 20px;
}

#webform-submission-register-for-license-class-add-form > div.js-text-format-wrapper.text-format-wrapper.js-form-item.form-item > fieldset {
  padding: 10px;
  margin: 0 0;
}

#edit-why-do-you-want-to-get-your-ham-radio-license-format {
  padding: 0 0 0 30px;
  margin: 0 0;
}

#webform-submission-register-for-license-class-add-form > div:nth-child(8) > div {
  padding: 10px; 
  margin: 0 20px;
}

#webform-submission-register-for-license-class-add-form > fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-additional-family-members-taking-class-.form-item-additional-family-members-taking-class-.form-group {
  padding: 10px;
  margin: 0 20px;
}

#edit-why-do-you-want-to-get-your-ham-radio-license-format {

}


#edit-family-member-2 {
  background-color: #f6f6f2;; 
  padding: 20px 20px 20px 20px;
  margin: 10px 20px 20px 20px;
  border: 1px solid black;
  /*
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-left: 1px solid black;
  border-right: 1px solid black;
  */
}

#edit-3rd-family-member {
  background-color: #f6f6f2;; 
  padding: 20px 20px 20px 20px;
  margin: 10px 20px 20px 20px;
  border: 1px solid black;
  /*
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-left: 1px solid black;
  border-right: 1px solid black;
  */
}

#edit-4th-family-member {
  background-color: #f6f6f2;; 
  padding: 20px 20px 20px 20px;
  margin: 10px 20px 20px 20px;
  border: 1px solid black;
  /*
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-left: 1px solid black;
  border-right: 1px solid black;
  */
}


@media only screen and (max-width: 768px) {
	.sidebar-offcanvas {
		position: unset !important;	
    }
}

.sidebar_second .item-list {
	width: 100%;
}
.sidebar_second .item-list, .sidebar_second .item-list a {
	overflow-wrap: break-word;
}