body {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color:#000000;
    height: 100%;
    margin: 0;
    padding: 0;
}
a, a:visited, a:hover .link-style {
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
}
li {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    display: list-item;
    text-align: -webkit-match-parent;
}
/* MENU Customizations */
.-wa-admin-switcher_admin-view-link-container {
    float: left;
    padding: 0 12px;
    background: #3FA075;
    border-right: 1px solid #7b858c;
    border-bottom-left-radius: 4px;
}
.WaGadgetMenuHorizontal.menuStyle003 .menuInner {
    border-bottom: 5px solid transparent;
}
.WaGadgetMenuHorizontal.menuStyle003 .menuInner ul.firstLevel>li>.item>a span {
    padding: 12px 0 10px;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a>span {
    color: #7A4344;
}
.WaGadgetMenuHorizontal.menuStyle003 .menuInner ul.firstLevel>li.dir>.item>a:after {
    border-color: transparent #465B60;
    top: 21px;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    font: normal 15px/normal Verdana;
    color: #465B60;
    font-weight: bold;
    font-stretch: expanded;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover {
    font: normal 15px/normal Verdana;
    color: #7A4344;
    font-weight: bold;
    font-stretch: expanded;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:active {
    font: normal 15px/normal Verdana;
    color: #7A4344;
    font-weight: bold;
    font-stretch: expanded;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item>a:after {
    display: block;
    border-color: transparent transparent transparent;
    border-style: solid;
    border-width: 0 0 5px 5px;
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    top: 24px;
    width: 0;
}
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #465B60;
    background: #F7F4ED;
    display: block;
    font: normal 13px/normal Roboto Regular;
    font-weight: 600;
    height: auto;
    margin: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    white-space: nowrap;
}
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a:hover {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFFFFF;
    background:#7A4344;
    display: block;
    font: normal 13px/normal Roboto Regular;
    font-weight: 800;
    height: auto;
    margin: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    white-space: nowrap;
}
.boxInfoContainer h5
{ display: none;}
.fieldSubContainer .fieldBody {
    font: normal 18px/normal 'Open Sans';
}
.WaGadgetMemberDirectoryStateList .memberDirectoryOuterContainer .memberDirectoryContainer .memberDirectory table.membersTable .memberDirectoryColumn2 .memberValue {
    max-width: 500px;
    word-wrap: break-word;
}
.WaGadgetEvents.WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left {
    font: normal 15px/normal 'Open Sans';
    padding-right: 20px;
    width: auto;
    min-width: 125px;
}
.profileMainOuterContainer #idMembershipCardContainerHolder .
.changeLevelButton a {
    padding: 5px 0;
    color: #14829F;
}
.WaGadgetPhotoAlbumStatePhoto #idPhotoMainContainer #idMenuHeaderContainer .infoContainer {
    float: right;
    display: none;
}
.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author, .WaGadgetRecentBlogPosts .gadgetStyleBody ul li .date {
    display: none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}
.WaGadgetRecentBlogPosts.gadgetStyle002 ul li .date {
  display: none;
}
.WaGadgetRecentBlogPosts .date {
    display: none;
}
.WaGadgetRecentBlogPosts .author {
    display: none;
}
.WaGadgetRecentBlogPosts ul li .date {
    display: none;
}
.WaGadgetRecentBlogPosts ul li .author {
    display: none;
}
.gadgetStyle001 .gadgetStyleTitle h4, .WaGadgetDonationGoal.gadgetStyle001 .gadgetStyleTitle h4 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #7A4344; font-weight: 800;
}
.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    font-size: 26px;
    font-weight: bold;
    font-family: Tahoma,sans-serif;
}
.gadgetStyle002 .gadgetStyleTitle h4, .WaGadgetDonationGoal.gadgetStyle002 .gadgetStyleTitle h4 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #7A4344; font-weight: 800;
}
.gadgetStyle002 a, .gadgetStyle002 a:link, .gadgetStyle002 a:visited, .gadgetStyle002 a:active {
    color: #7A4344;
    font-weight: bold;
    text-decoration: none;
}
.gadgetStyle001 a, .gadgetStyle001 a:link, .gadgetStyle001 a:visited, .gadgetStyle001 a:active {
    color: #3D4345;
    font-weight: bold;
    text-decoration: none;
}
.gadgetStyle001 a:hover {
    color: #8A0000;
    font-weight: bold;
    text-decoration: none;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedOn {
  color: #FFFFFF;
  float: right;
  font-family: Tahoma;
  padding: 0px 0 0px 0px;
  visibility: hidden;
}
.WaGadgetBlog .boxBodyInfoOuterContainer h3 .postedByLabel, .WaGadgetBlog .boxBodyInfoOuterContainer h3 .postedByLink {
  color: #FFFFFF;
  float: left;
  visibility: hidden;
}
.WaGadgetPhotoAlbum .photoContainer [class^="photoInnerContainer"] .fullDescriptionContainer {
    text-align: center;
    word-break: normal;
}
.navigationOuterContainer .navigationContainer .left input.nextButton{
background-color: #005A84; /*use whichever color you would like*/
}
.navigationOuterContainer .navigationContainer .right input.nextButton{
background-color: #005A84; /*use whichever color you would like*/
}
.navigationOuterContainer .navigationContainer .left input.nextButton:hover, .navigationOuterContainer .navigationContainer .left input.typeButton:hover, .navigationOuterContainer .navigationContainer .left input[type="submit"]:hover {
  background: none repeat scroll 0 0 #009966;
}
.navigationOuterContainer .navigationContainer .right input.nextButton:hover, .navigationOuterContainer .navigationContainer .left input.typeButton:hover, .navigationOuterContainer .navigationContainer .left input[type="submit"]:hover {
  background: none repeat scroll 0 0 #009966;
}
.WaGadgetMemberPublicProfileStateMain .memberDirectoryDetailsOuterContainer .profileHeaderContainer h2 .sendMailButtonContainer input.typeButton {
  background: none repeat scroll 0 0 #0C5975;
  border: medium none;
  border-radius: 4px;
  color: white;
  font: 16px/1.25em Arial;
  height: auto;
  margin: 0 0 0 15px;
  padding: 14px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.WaGadgetMemberPublicProfileStateMain .memberDirectoryDetailsOuterContainer .profileHeaderContainer h2 .sendMailButtonContainer input.typeButton:hover {
  background: none repeat scroll 0 0 #009966;
}
/* Style the buttons that are used to open and close the accordion panels */

/* Code to change page width START */
.container_12 {
  width: 90%;
}
.s1_grid_12{
  width: auto;
}
@media only screen and (max-width: 1199px) and (min-width: 600px){
  .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 600px;
  }
}
@media only screen and (max-width: 616px){
  .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    min-width: 320px;
    display: block;
  }
}
/* Code to change page width END */
/* Code to remove underscores from email templates? */
#idFooterPoweredByWA {
    background: 0;
    color: white;
    position: relative;
    display: inline;
    display: none;
}
a:-webkit-any-link {
    cursor: pointer;
    text-decoration: none;
}
/* ==========================================================
   MOCA Stories in Stone Blog Grid
   Terra Sandy Shores Theme
   ========================================================== */


/* ----------------------------------------------------------
   GRID LAYOUT
   ---------------------------------------------------------- */

ul.blogPostList,
.WaGadgetBlogStateList ul.blogPostList,
.WaGadgetBlogStateList ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}


/* ----------------------------------------------------------
   BLOG CARD
   ---------------------------------------------------------- */

ul.blogPostList > li,
.WaGadgetBlogStateList li,
.blogPostListItem {

    display: flex;
    flex-direction: column;

    background: #FFFFFF;
    border: 1px solid #D9D5CC;
    border-radius: 6px;

    overflow: hidden;
    box-sizing: border-box;

    height: 100%;

    transition:
        box-shadow .25s ease,
        transform .25s ease;
}

ul.blogPostList > li:hover,
.WaGadgetBlogStateList li:hover,
.blogPostListItem:hover {

    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    transform: translateY(-3px);
}


/* ----------------------------------------------------------
   FEATURED IMAGE
   ---------------------------------------------------------- */

.blogPostListItem img,
.WaGadgetBlogStateList img {

    display:block;
    width:100%;
    aspect-ratio:4 / 3;
    object-fit:cover;
}


/* ----------------------------------------------------------
   CARD CONTENT / EXCERPT
   Applies ONLY to blog grid cards
   ---------------------------------------------------------- */

.WaGadgetBlogStateList .blogPostBody,
.blogPostList .blogPostBody {

    padding:22px;

    color:#3D4345;
    line-height:1.65;

    max-height:650px;
    overflow:hidden;
}
----------------------------------------------------------
   TITLE
   ---------------------------------------------------------- */

.WaGadgetBlog h4.boxHeaderOuterContainer,
.WaGadgetBlogStateList h4,
.blogPostListItem h4 {

    color:#7A4344;
    margin:0 0 14px 0;
    line-height:1.3;
}

.WaGadgetBlog h4.boxHeaderOuterContainer a,
.WaGadgetBlogStateList h4 a,
.blogPostListItem h4 a {

    color:#7A4344 !important;

    font-size:1.5rem;
    font-weight:600;
    text-decoration:none;

    transition:color .2s ease;
}

.WaGadgetBlog h4.boxHeaderOuterContainer a:hover,
.WaGadgetBlogStateList h4 a:hover,
.blogPostListItem h4 a:hover {

    color:#7A4344 !important;
    text-decoration:underline;
}


/* ----------------------------------------------------------
   DATE / AUTHOR
   ---------------------------------------------------------- */

.postedOn,
.postedBy {

    color:#777;
    font-size:.9rem;

    margin-bottom:16px;
}


/* ----------------------------------------------------------
   EXCERPT
   ---------------------------------------------------------- */

.blogPostContent p,
.blogPostBody p,
.WaGadgetBlog .boxBody p {

    color:#3D4345;
}

/* Optional excerpt limit

Uncomment to limit visible text
to approximately twelve lines.

.blogPostContent,
.blogPostBody,
.WaGadgetBlog .boxBody{

    display:-webkit-box;
    -webkit-line-clamp:12;
    -webkit-box-orient:vertical;
    overflow:hidden;

}
*/

/*
----------------------------------------------------------
READ MORE INDICATOR
----------------------------------------------------------
*/
.blogPostListItem::after {
    content: "Read story →";
    position: absolute;
    bottom: 15px;
    right: 20px;
    color: #005A84;
    font-size: .9rem;
    font-weight: 600;
}

/* ----------------------------------------------------------
   READ MORE
   ---------------------------------------------------------- */

.WaGadgetBlogStateList .readMore,
.WaGadgetBlogStateList .blogPostReadMore,
.blogPostList .readMore,
.blogPostList .blogPostReadMore {

    position:relative;
    z-index:3;

    padding:18px 22px 22px;
}


.WaGadgetBlogStateList .readMore a,
.WaGadgetBlogStateList .blogPostReadMore a,
.blogPostList .readMore a,
.blogPostList .blogPostReadMore a {

    display:inline-block;

    background:#005A84;
    color:#FFFFFF !important;

    padding:.7em 1.3em;

    border-radius:4px;

    font-weight:600;

    text-decoration:none;
}


.WaGadgetBlogStateList .readMore a:hover,
.WaGadgetBlogStateList .blogPostReadMore a:hover,
.blogPostList .readMore a:hover,
.blogPostList .blogPostReadMore a:hover {

    background:#7A4344;
}
/*
----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:1024px){

    ul.blogPostList,
    .WaGadgetBlogStateList ul.blogPostList,
    .WaGadgetBlogStateList ul{

        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .WaGadgetBlog h4.boxHeaderOuterContainer a,
    .WaGadgetBlogStateList h4 a,
    .blogPostListItem h4 a{

        font-size:1.35rem;
    }

}


@media (max-width:768px){

    ul.blogPostList,
    .WaGadgetBlogStateList ul.blogPostList,
    .WaGadgetBlogStateList ul{

        grid-template-columns:1fr;
        gap:20px;
    }

    .blogPostContent,
    .blogPostBody,
    .WaGadgetBlog .boxBody{

        padding:18px;
    }

    .WaGadgetBlog h4.boxHeaderOuterContainer a,
    .WaGadgetBlogStateList h4 a,
    .blogPostListItem h4 a{

        font-size:1.2rem;
    }

}