/*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/2020/09/02/CPA-logo.png) center no-repeat;  /**Note 1 - logo image **/
    /** min-height: 126px; /** Note 1 - logo image height **/
    /** max-width: 350px; /** 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;
  margin-bottom: 15px;
  line-height: 130%;
}
#content ul{
  padding: 0 0 10px 20px;
}
#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 #00016B;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  background: #00016B;
  margin: 30px 0;
  transition: all .4s;
  font-family: Open Sans, sans-serif;
} */

/* .button a:hover {
  color: #00016B;
  background: transparent;
  transition: all .4s;
} */

h3 {
  margin-bottom: 14px;
}

#user_content img.img-right {
    float: right;
    margin: 0 0 10px 10px;
    max-width: 350px;
}

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

/* #content ul.services li {
    width: 33%;
    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 hader animation */

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

#header .gradientBg {
  width: 100%;
  position: absolute;
  top: 0;
  min-height: 100%;
  background: #00016B;
  opacity: 0.5;
}
#header .webdexpress_header div h1 a,
#header .webdexpress_header div h2{
  color: white;
}

section{
  margin: 0 auto 4rem;
}

.flex{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
/* Home page */
#mainbody #user_content div .page-slogan{
  text-align: center;
  font-size: 50px;
  text-transform: uppercase;
}

#mainbody #user_content div .flex a, .bio-btn{
  padding: 6px 28px;
  font-size: 20px;
  border: 2px solid #00016B;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  background: #00016B;
  margin: 1.8rem 1rem;
  transition: all .4s;
  font-family: Open Sans, sans-serif;
}
#mainbody #user_content div .flex a:hover, .bio-btn:hover{
  color: #00016B;
  background: transparent;
  transition: all .4s;
}
#mainbody #user_content div section .flex .form,
#mainbody #user_content div section .flex .home-photo{
  width: 50%;
}
#mainbody #user_content div section .flex .form{
  text-align: left;
}
#mainbody #user_content div section .flex .home-photo{
  background-image: url("/uploads/2021/12/29/Stephanie-img.jpg");
  background-size: cover;
  background-position: -180px 100px;
  background-repeat: no-repeat;
}

#mainbody #user_content div section .section-title{
  font-size: 40px;
  color: #00016B;
  text-align: center;
}
#mainbody #user_content div section .flex .form .section-title .subtitle{
  color: #727272;
  display: block;
  font-weight: 300;
  font-size: 1.8rem;
}
#mainbody #user_content div section .flex .form .skins-fluid-width-skin input,
#mainbody #user_content div section .jp-form .skins-fluid-width-skin input,
#mainbody #user_content div section .flex .form .skins-fluid-width-skin textarea,
#mainbody #user_content div section .jp-form .skins-fluid-width-skin textarea{
  background: #00016b;
  color: white;
  padding: 0.25rem 1rem;
  font-size: 1rem
}
#mainbody #user_content div section .flex .form .skins-fluid-width-skin textarea,
#mainbody #user_content div section .jp-form .skins-fluid-width-skin textarea{
  padding-top:1rem;
}
#mainbody #user_content div section .flex .form .skins-fluid-width-skin input,
#mainbody #user_content div section .jp-form .skins-fluid-width-skin input{
  height: 50px;
}
.g-recaptcha{
  margin-left: 0;
}
.error-message{
  text-align: left;
}
::placeholder{
  color: white;
}
:-ms-input-placeholder{
  color: white;
}
::-ms-input-placeholder{
  color: white;
}
::-moz-placeholder {
  color: white;
  opacity: 1;
}
.view.skins-fluid-width-skin .submit input{
  background: #00016B;
}
#mainbody #user_content div section .services{
  margin-bottom: 2rem;
}
#mainbody #user_content div section .services li{
  width: 33%;
  height: 200px;
  margin: 1rem;
  /* display: inline-block; */
  vertical-align: top;
  padding: 2rem 0;
  text-align: center;
  position: relative;
  border: 2px solid grey;
  background-image: url("/uploads/2021/12/29/visas-white.png");
  background-size: cover;
  background-repeat: no-repeat;
}
#mainbody #user_content div section .services li:nth-child(2){
  background-image: url("/uploads/2021/12/29/family_law-white.png");
}
#mainbody #user_content div section .services li:nth-child(3){
  background-image: url("/uploads/2022/01/05/environmental-white.jpg");
}
#mainbody #user_content div section .services.immigration li:nth-child(3){
  background-image: url("/uploads/2022/01/05/citizenship-white.jpg");
}
#mainbody #user_content div section .services li p{
  font-size: 20px;
  color: #00016B;
  height:70px;

}
#mainbody #user_content div section .services li a{
  padding: 0.5rem 1rem;
  border: 1px solid #00016B;
  color: #00016B;
  font-weight: bold;
  background: transparent;
  text-decoration: none;
}
#mainbody #user_content div section .services li a:hover{
  background: #00016B;
  color: white;
}

.navy-banner{
  background: #00016B;
  padding: 2rem 3rem;
  color: white;
}

.banner-imgs{
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}

#footer .webdexpress_navigation{
  display: none;
}
#footer-content{
  margin: 0;
}
#footer{
  top:0;
}
#footer-content .slide{
  margin: 2rem auto;
}
.footer-contact p{
  line-height: 1.6;
}
.footer-contact .contact-info{
  width: 100%;
  max-width: 500px;
  margin: 0 auto 1rem;
}
.footer-contact .flex .phone-fax,
.footer-contact .flex .add{
  padding: 0 1rem;
  width:70%;
}
.footer-contact .flex .phone-fax p,
.footer-contact .flex .add p{
  font-size:14px;
  margin-bottom: 1rem;
}
.footer-contact .flex .phone-fax{
  border-right:1px solid white;
  width:40%;
}

/* Pages */
#mainbody #content #user_content div .lo-main-page h5.subtitle{
  font-size: 25px;
  color: #727272;
  font-weight:300;
}
#mainbody #content #user_content div .lo-main-page h3.page-title{
  font-size: 40px;
  color: #00016B;
  font-weight:300;
}
#mainbody #content #user_content div .lo-main-page h3.page-title small{
  display: block;
  font-size: 16px;
  color: #333;
}
#mainbody #content #user_content div .lo-main-page h3.sm-page-title{
  font-size: 35px;
}
#mainbody #content #user_content div .lo-main-page ul li,
#mainbody #content #user_content div .lo-main-page ol li{
  font-size: 18px;
}
#mainbody #content #user_content div .lo-main-page ul li ul{
  list-style-type: circle;
}
#mainbody #content #user_content div .lo-main-page ul li,
#mainbody #content #user_content div .lo-main-page ol li{
  margin: 1rem 0;
}

#mainbody #content #user_content div .lo-main-page .attorney-name,
#mainbody #content #user_content div .lo-main-page .attorney{
  font-size: 25px;
  text-align: center;
  color: #727272;
  margin-bottom: 0;
}
#mainbody #content #user_content div .lo-main-page .attorney{
  color: #00016B;
  font-size: 20px;
  font-weight: 200;
  margin-bottom: 0.5rem;
}
#mainbody #content #user_content div .lo-main-page .attorneys{
  max-width: 600px;
  text-align: center;
  margin: 2rem auto;
}

#mainbody #content #user_content div .lo-main-page .flex .bio-img,
#mainbody #content #user_content div .lo-main-page .flex .bio-intro,
#mainbody #content #user_content div .lo-main-page .flex .office-info{
  width: 50%;
}
#mainbody #content #user_content div .lo-main-page .flex .office-info{
  margin-right: 1rem;
}
#mainbody #content #user_content div .lo-main-page .flex .bio-img{
  background-image: url("/uploads/2021/12/29/Stephanie-img.jpg");
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  margin-right: 1rem;
}
#mainbody #content #user_content div .lo-main-page .flex .yayoi{
  background-image: url("/uploads/2021/12/29/Yayoi (1).JPG");
}
#mainbody #content #user_content div .lo-main-page .flex .karine{
  background-image: url("/uploads/2021/12/29/header.jpg");
}
#mainbody #content #user_content div .lo-main-page .flex .bio-intro{
  padding: 1rem;
  border: 1px solid #727272;
}
#mainbody #content #user_content div .lo-main-page .flex .bio-intro .bio-intro-title{
  font-size:20px;
  color: #00016B;
  margin-bottom:0;
  margin-top:0.5rem;
}
#mainbody #content #user_content div .lo-main-page .flex .bio-intro{
  color: #727272;
}

#mainbody #content #user_content div .lo-main-page .reviews .review{
  width: 100%;
  max-width: 600px;
  padding: 1rem;
  border-radius: 5px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  margin: 1.5rem auto;
}
#mainbody #content #user_content div .lo-main-page .reviews .review .profile{
  margin-bottom: 0.5rem;
  font-size: 20px;
  font-weight: 700;
  color: #00016B;
}
#mainbody #content #user_content div .lo-main-page .reviews .review .char-circle{
  width: 50px;
  height: 50px;
  background: aliceblue;
  color: #00016B;
  padding: 12px 10px 15px;
  border-radius: 100px;
  font-size: 24px;
  text-align: center;
  font-weight: 800;
  display: inline-block;
  margin-right:1rem;
}

@media screen and (max-width: 900px) {
  #mainbody #user_content div section .services,
  #mainbody #content #user_content div .lo-main-page .bios{
        flex-wrap: wrap;
  }
  #mainbody #user_content div section .services li,
  #mainbody #content #user_content div .lo-main-page .bios .bio-img,
  #mainbody #content #user_content div .lo-main-page .bios .bio-intro{
    width:100%;
  }
  #mainbody #content #user_content div .lo-main-page .bios .bio-img{
    height: 350px;
    margin-bottom: 1rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #mainbody #user_content div .page-slogan{
    font-size: 30px;
  }
  #mainbody #user_content div .flex a{
    margin: .5rem;
  }
  .flex{
    flex-wrap: wrap;
    justify-content: center;
  }
  #mainbody #user_content div .flex a,
  #mainbody #user_content div section .flex .home-photo,
  #mainbody #content #user_content div .lo-main-page .flex .office-info{
    width: 100%;
    text-align: center;
  }
  #mainbody #user_content div section .flex .form,
  #mainbody #content #user_content div .lo-main-page .flex .form{
    width: 100%;
    text-align: left;
  }
  #mainbody #user_content div section .flex .home-photo{
    height: 300px;
    margin-top:1rem;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
  }
  .footer-contact .flex .phone-fax,
  .footer-contact .flex .add{
    width: 100%;
    border-right: 0;
  }
  #mainbody #content #user_content div .lo-main-page .attorneys div{
    margin-bottom: 2rem;
  }
}


/* Slide */
.mySlides {display: none}
.mySlides{
  padding:1rem;
  border-radius: 5px;
  box-shadow: 1px 3px 10px rgb(0 0 0 / 20%);
  margin-bottom:1.2rem;
}
.mySlides .name{
  color: #00016B;
  font-size:1.5rem;
  font-weight: 600;
  text-align: center;
}
.slideshow-container {
  max-width: 800px;
  position: relative;
  margin: auto;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: #00016B;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  user-select: none;
}
.prev{
  left:-3rem;
}
.next {
  right: -3rem;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.text {
  color: black;
  font-size: 15px;
  padding: 8px 12px;
  width: 100%;
  text-align: center;
  line-height: 1.5;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  margin-right: .5rem;
}

.active, .dot:hover {
  background-color: #717171;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@media only screen and (max-width: 480px) {
  .slide{
    width: 90%;
  }
  #mainbody #content #user_content div .lo-main-page .reviews .review .char-circle{
    padding: 10px 10px 15px;
  }
}
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}