/*End Generated Styles*//** see README file http://wdx.accounting.webdexpress.com/uploads/2020/09/02/readme_accounting-css.txt for editing help  **/


/** values noted on README ****************************************/
/*
#header h1 a {
    background: url(/uploads/2025/10/03/icon-entertainment.png) center no-repeat; /** Note 1 - logo image **/
    min-height: 142px; /** Note 1 - logo image height **/
    max-width: 149px; /** Note 1 - logo image width **/
}*/

/** END values noted on README ****************************************/


/* You should not need to edit anything below this point! */

body #content {
 font-family:"Open Sans", Verdana, Arial, sans-serif;
}

#content p {
  font-size: 18px !important;
  margin-bottom: 15px;
  line-height: 130%;
}
/*
#header h1 a {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    display: inline-block;
    width: 100%;
    background-size: 100%;
}*/

.webdexpress_header {
  position: relative;
  padding: 40px 15px 80px;
  min-height: 0;
}

.homeImg {
    width: 400px;
    display: block;
    margin: auto;
}

#mainbody {
  padding: 20px 40px 40px;
  max-width: 95%;
}

.button {
  display: flex;
  justify-content: center;
  width: 100%;
}

.button a {
  padding: 6px 28px;
  font-size: 21px;
  font-weight: bold;
  border: 2px solid #42bda0;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  background: #42bda0;
  margin: 30px 0;
  transition: all .4s;
  font-family: Open Sans, sans-serif;
}

.button a:hover {
  color: #42bda0;
  background: transparent;
  transition: all .4s;
}

.button.alt a {
background: #fff;
color: #42bda0;
}

.button.alt a:hover {
background: #42bda0;
color: #fff;
}

h3 {
  margin-bottom: 14px;
}

#user_content img.img-right {
    float: right;
    margin: 0 0 10px 10px;
    border-radius: 100px;
    max-width: 250px;
}

#content ul.services {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}

#content ul.services li {
    width: 49%;
    margin: 2em 0;
    display: inline-block;
    vertical-align: top;
    padding: 0 1em;
}

@media screen and (max-width: 767px) {
  #content ul.services li {
    width: 100%;
    margin: 1.5em 0;
  }
}

@media only screen and (max-width: 39.99em) {
    #mainbody {
        padding: 10px 20px 20px;
    }
    #user_content img.img-right {
        float: none;
        margin: 1em auto;
        display: block;
        max-width: 100%;
    }
}

@media screen and (max-width: 375px) {
  ul.services li {
    text-align: center;
  }
  ul.services li:before {
    float: none;
    display: block;
    margin: 0 auto 1em auto;
  }
}

/* begin header animation */

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

#header .gradientBg {
  background: linear-gradient(-45deg, #b3a3ce, #c4b7d9, #e9e4f1, #c4b7d9);
  background-size: 400% 400% !important;
  animation: gradient 15s ease infinite;
  height: 100%;
  width: 100%;
  position: absolute;
}

.gallery .thumbnails .thumbnail {
  height: 180px!important;
  width: 180px!important;
}

.book-show {
text-align: center;
background: #f1f7fe;
padding: 20px;
margin-top: 20px;
}

.book-show h3 {
margin-top: 20px;
}

.product_title {
font-size: 23px;
margin-bottom: 10px;
}

.bands h4 {
display: block; 
margin: 1rem 0; 
text-align: center;
font-size: 20px;
font-weight: 700;
}