
/***** Additional css, originally from: WP > Appearance > Customization *****/
/* body {
  background-color:black;
} */

* {
  font-family: Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 38px!important;
  font-family: Calibri, Arial, Helvetica, sans-serif!important;
  background: none!important;
}
h2 {
  font-size: 30px!important;
  font-family: Arial, Helvetica, sans-serif!important;
  background: none!important;
}

h3{
  font-size: 26px!important;
  font-family: Arial, Helvetica, sans-serif!important;
  font-weight:bold!important;
  font-weight:600!important;
  background: none!important;
}

h4{
  font-size: 18px!important;
  font-family: Arial, Helvetica, sans-serif!important;
  background: none!important;
}
h5{
  font-size: 16px!important;
  font-weight: bold!important;
  font-family: Arial, Helvetica, sans-serif!important;
  /* text-transform: uppercase!important; */
  background: none!important;
}
h6{
  font-size: 16px!important;
  font-family: Arial, Helvetica, sans-serif!important;
  background: none!important;
}

.aia-notice {
	text-align: center;
	background: #ffffbb;
	border: 1px solid #100f61;
	border-radius: 3px;
	padding: 6px 12px;
	margin: 15px auto;
  width:85%;
  font-size:85%;
}

.product-thumbnail {
	max-height:30px;
	max-width:30px;
}

.wp-block-post-title {
	padding:16px !important;
}
/* .stevemessenger {
} */

/* .aia_navigation ul {
	xbackground-color: pink!important;
} */
#aia-members-title {	
	font-size:180%!important;
}
#aia-main-title {
	font-size:220%!important;
}
#aia-main-title, 
#aia-members-title {
	text-shadow: 
-2.5px -2.5px 2.5px #dcdcdc, 2.5px -2.5px 2.5px #dcdcdc, -2.5px 2.5px 2.5px #dcdcdc, 2.5px 2.5px 2.5px #dcdcdc,
-2.5px 0px 2.5px #dcdcdc, 2.5px 0px 2.5px #dcdcdc, 0px -2.5px 2.5px #dcdcdc, 0px 2.5px 2.5px #dcdcdc;
}

/*/
*
*  css for profile edit page at:
*     /members/account/profile/?a=edit 
*
/*/
#wpmem_profile_form fieldset label.number,
#wpmem_profile_form fieldset label.text {
  display:inline-block;
  width:35%;
  margin-right:2%;
  padding: 4px 10px 4px;
}
#wpmem_profile_form fieldset .div_number,
#wpmem_profile_form fieldset .div_text {
  width:55%;
  min-width:300px;
  display:inline-block;
}
#wpmem_profile_form fieldset label.textarea,
#wpmem_profile_form fieldset label.radio,
#wpmem_profile_form fieldset .div_radio {
  display:inline-block;
  width:80%;
  margin-right:2%;
  padding: 4px 10px 4px;
}
#wpmem_profile_form fieldset .div_radio {
  padding-left:10%;
}
#wpmem_profile_form fieldset .div_radio label.radio {
  padding:0;
  width:auto;
  margin-right:0%;
}



/*/ 
* END for /members/account/profile/?a=edit 
/*/

/* Navigation Customizations */
/* for Main Menu menu, "Sticky Block" plugin css
.block-is-not-sticky { background: red;} 
.block-is-sticky {background: #9eb1c4;}
*/
/* make menu background solid when sticking to top*/
.block-is-sticky { background: #7b91a7;} 

/*
.aia_navigation ul ul.wp-block-navigation__submenu-container {
  background-color:pink!important;
	flex-direction:row;
	xmin-width:200px!important;
	max-width:100%!important;
	justify-content:left;
	align-items: flex-start;
}
.aia_navigation ul ul.wp-block-navigation__submenu-container li {
	white-space:nowrap;
}
*/
/* end navigation */


/* not workong
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	align-items: right!important;
}*/




/* WORKS with !important only
.aia_navigation ul ul {
	flex-direction:row!important;
}*/


/******************************************************************************/


/* show-hide div */
.show-hide-button {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 4px 18px;
  /* widthx: 100%; */
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
  border-radius: 5px;
}

.active, .show-hide-button:hover {
  background-color: #555;
}

.show-hide-content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


/* Woocommerce, wp-members CSS 
     to better match styling and layouts
     for Account/Profile pages
*/

.products .woocommerce-placeholder {
	max-height:70px;
	max-width:70px;
}
  
  .woocommerce .woocommerce-notices-wrapper {
    word-wrap: break-word;
    display: inline-block;
    max-width:850px;
    overflow:auto;
    /* resize:vertical; */
    max-height:200px;
  }
  /* woocommerce diagnostics */
  .woocommerce .woocommerce-notices-wrapper .woocommerce-info {
    word-wrap: break-word;
    display: block;
    max-width: 800px;
    /* max-height: 150px; */
    /* overflow:auto; */
    border: 1px #999 solid;
  } 
  
  /* woocommerce: members-visitor css */
  .woocommerce .woocommerce-MyAccount-navigation {
    display:none;
  }
  div.woocommerce div.woocommerce-MyAccount-content {
    float:none;
    width:100%;
  }
  .woocommerce .woocommerce-error { 
    text-align: center;
    background: #f9f9f9;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding: 6px 12px;
    margin: 15px auto;
    width:85%;
    font-size:85%;  
  }

  div #wpmem_reg, div #wpmem_login {
    width:100%;
  }

  .woocommerce-MyAccount-content form h3{
    font-family: Arial, sans-serif;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
  }

  input[type="submit"],
  button.button.wp-element-button,
  input[type="submit"].button
  {
     padding: 4px 20px !important;
     border-radius: 16px !important;
     background-color: #1a4548 !important;
     color:white !important;
  }

  /* gutenberg cover block bug patch - drop menus no visible - 
     css fix, make overflow visible!!! 
  */
  .wp-block-cover.aia-header-cover {
    overflow:visible;
  }

  .wp-block-cover .sticky-block-wrapper {
    margin-top:0px!important;
  }
 /* BUG FIX:
  AiA navigation drop-menu(s) had extra padding only on pages with <ul> or <ol> elements in content. 
  USED firefox, code inspectors and "Copy > CSS Path" to find a selector that would
  allow the css below to useoverride the rogue styling / oversized padding.  
  */
  #modal-19-content > ul > li > ul,
  ul.wp-block-navigation__submenu-container.has-background.wp-block-navigation-submenu 
  {
    padding-left:0px !important;
    padding-right:0px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
  }
  ul.wp-block-navigation__container.has-text-color.has-background-color.has-background.items-justified-right.wp-block-navigation
  {
    padding-left:0px !important;
    padding-right:0px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;
  }
/* END BUG FIX */

/* classes used for single page with tabbed content tabbed content */
  .hashtab-tab, .hashtab-selected {
    display: inline-block;
    border-radius: 16px;
    padding: 2px 10px;
    margin: 4px 10px;
    min-width: 90px;
  }
  .hashtab-tab  {
    border: 2px solid #888888;
    background-color: #ffffff;
  }
  .hashtab-selected {
    border: 2px solid #c63e3e;
    background-color: #ffe872;
  }
  .hashtab-hide {
    display:none;
  }
  .hashtab-show {
    display: block;
    border:#ffe872
  }

