/*Error Template Styles*/
#errTitle{
    font-size:20px;
    font-weight:bold;
    margin: 0 10 0 0;
    padding: 0 0 0 0px;
  }
  
  .errSmall{font-size:8pt;}
  
  #errFooter{
    margin: 0;
    font-size:9px;
    color:#CCCCCC;
  }
  
  #errBlock{
    margin: 0 auto;
    width: 350px;
    font-family: courier;
    font-size:12px;
    color: #003366;
    border:1px solid #003366;
    background-color:#FFFFFF;
  }
/*//End of Error Template Styles*/



/* Break Point for all screens Larger than 100px -- This is for all Screen Sizes */
@media screen and  (min-width: 100px){





}

/* Break Point for all screens Larger than 768px -- LARGER THAN MOBILE */
@media screen and  (min-width: 768px){
  .container-fluid{
    padding:0;
  }
  .navbar{
    border-radius: 0;
  }

}

/* Break Point for all screens Larger than 992px -- LARGER THAN TABLET */
@media screen and (min-width: 992px){

}

/* Break Point for all screens Larger than 1200px -- EVERYTHING ON DESKTOPS */
@media screen and (min-width: 1200px){

}

.header-area{
  margin-top:20px;
  margin-bottom:20px;
}
.navbar-brand{
  width:87%;
  margin:auto;
}
.navbar-brand img{
  width:100%;
}
.header-phone{
  text-align: center;
  margin:auto;
  margin-top:30px;
}

@media (min-width: 768px) {
  .navbar-brand{
      width:50%;
  }
  .navbar-brand img{
      width:100%;
  }
  .header-phone{
      margin-bottom:23px;
      margin-right:35px;
  }
}
@media (min-width: 1024px) {
  .navbar-brand {
      width:30%;
      margin-left:0px;
  }
  .navbar-brand img{
      width:100%;
  }
}
.header-area a{
  color:#000;
  text-decoration: none;
}


.nav-bar-bg {
  background-color: #31364F;
}

.navbar .nav-link {
  padding-right: 1.8rem !important;
  padding-left: 1.8rem !important;
  color: #fff;
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
  /* font-weight: bold;
  text-transform: uppercase; */
  font-size: 18px;
}
@media (min-width: 768px) {
.navbar .nav-link {
  font-size: 15px;
}
}
@media (min-width: 1038px) {
.navbar .nav-link {
  font-size: 14px;
}
}
@media (min-width: 1024px) {
.navbar .nav-link {
  font-size: 14px;
}
}
@media (min-width: 1194px) {
.navbar .nav-link {
  font-size: 14px;
}
}
@media (min-width: 1200px) {
.navbar .nav-link {
  font-size: 20px;
}
}


.home-page-video{
  /* height:700px; */
  width: 100%; /* Set your desired size */
  aspect-ratio: 16 / 9; /* Keeps the player shape*/
  overflow: hidden; /* Crops any part of the video spilling out */
  /* position: relative; */
  /* border-top:5px solid #823131; */
  display:block;
  /* margin-top:-60px; */
  @media screen and (min-width:1200px){
      height:700px;
  }

  @media screen and (min-width:1800px){
      height:600px;
  }
}
.home-page-video video{
  min-width: 100%;
  max-height: 100%;
  object-fit: cover; /* Forces the video to fill the container */
  object-position: center; /* Changes where the video is cropped from */  
}

/*FOCUS AREA*/
.hp-focus-area{
  background-color: #f0f0f0;
}
.hp-focus-area-cards{
  width:80%;
  margin:auto;
  padding-top:60px;
  padding-bottom:68px;
}
.hp-focus-area-cards a{
  color: #31364F;
  text-decoration: none;
}
.focus-area-box{
  background-color: #ffffff;
  border-radius: 10px;
  height:300px;
  /* width:400px; */
  text-align: center;
  color: #31364F;
  text-decoration: none;
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom:20px;
  /* transition: 200ms ease-in-out; */
  background-image: linear-gradient(#31364f3b, #31364f3b);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 300ms, color 300ms;
  /* border-bottom: 3px solid #31364F; */
  
  @media only screen and (min-width: 300px) {
      padding-bottom:20px;
  }
  @media screen and (min-width:1200px){
      margin-bottom: 0px;
  }
}

.focus-area-box p{
  font-size: 35px;
  /* padding-top:20px; */
}
.circle-icon {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-top:30px;
}
.icon-container{
  width:120px;
  height:120px;
  background-color: #ffffff;
  border: 8px solid #31364f4d;
  border-radius: 50%;
  margin-bottom: 20px;;
  position: relative;
  transition: all 700ms ease;
  i {
      font-size: 50px;
      top:24px;
      left:0px;
      right:0px;
      bottom:10px;
      position: relative;
      /* color:#7CA9CA; */
  }
}
.focus-area-box:hover .icon-container{
  border: 8px solid #31364fc9;
}
/* .focus-area-box i{
  font-size: 60px;
  background-color:#fff;
  border-radius: 50%;
  padding:30px;
  padding-bottom:5px;
  border:4px solid #31364f4d;
} */
.focus-area-box:hover{
  transform: scale(1.06);
  transition: 300ms ease-in-out;
  /* background:#bdbfca; */
  background-size: 100% 100%;
  /* color: #fff; */
}
.flaticon-balance .flaticon-news .flaticon-folder-1 .service-box{
  
}


/*WELCOME TEXT*/
.welcome-text{
  background-color:#31364F;
  /* height:400px; */
  color:#fff;
  font-family: "Crimson Text", serif;
  font-style: normal;
  /* margin-top:40px; */
  padding-top:50px;
  padding-bottom:33px;
}
.welcome-title{
  font-size: 35px;
}
.welcome-paragraph{
  font-size: 20px;
  padding-top:15px;
}


/*SERVICES SECTION*/
.hp-services-section{
  background-image: url(../../images/parallax-image2.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 100px;
}
.hp-services-section a{
  text-decoration: none;
}
/* .hp-services-title{
  font-family: "Crimson Text", serif;
  font-style: normal;
  font-size:35px;
  color:#fff;
  background-color:#31364F;
  padding-left:30px;
} */

.service-box {
  position: relative;
  height:150px;
  border-radius: 15px;
  background: #fffffff3;
  text-align: center;
  padding:5px 20px 0px 20px;
  color:#31364F;
  text-decoration: none;
  font-family: "Crimson Text", serif;
  font-size: 23px;
  font-style: normal;
  /* text-transform: uppercase; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top:20px;
  cursor: pointer;
}


.service-box::before,
.service-box::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* font-weight: bold; */
  background-color: #31364Fd6;
  transition: all 0.5s;
}

.service-box::before {
  top: 0;
  right: 0;
  border-radius: 0 15px 0 100%;
}

.service-box::after {
  bottom: 0;
  left: 0;
  border-radius: 0 100%  0 15px;
}

.service-box:hover::before,
.service-box:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}

.service-box:hover:after {
  content: "Learn More";
  color:#fff;
  font-size: 25px;
}
/* .service-box{
  background-color: #ffffffd6;
  height:150px;
  text-align: center;
  color:#31364F;
  text-decoration: none;
  font-family: "Crimson Text", serif;
  font-style: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top:20px;
}

.service-box p{
  font-size: 25px;
  width:90%;
  margin:auto;
}

.service-box:hover{
  background-color: #31364F;
} */


/*BLOG SECTION*/
.blog-background{
  background-image: url(../../images/blog-bg.png);
  padding-top:30px;
  padding-bottom:60px;
}
.hp-blog-section a{
  text-decoration: none;
}

.hp-blog-section-title{
  font-family: "Crimson Text", serif;
  font-style: normal;
  font-size:35px;
  color:#31364F;
  /* margin-top:30px; */
}

.hp-blog-box{
  /* border: 1px solid white; */
  border: 1px solid transparent;
  backdrop-filter: blur(6px);
  border-radius: 17px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
  /* background-color:#F6E7DF; */
  background-color:#31364f;
  height:200px;
  font-size: 23px;
  color:#fff;
  font-family: "Crimson Text", serif;
  font-style: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
  @media only screen and (min-width: 300px) {
      margin-bottom:20px;
  }
}

.hp-blog-box p{
  width:80%;
  text-align: center;
  
}
.hp-blog-box:hover {
  border: 1px solid #31364F;
  transform: scale(1.05);
}

.hp-blog-box:active {
  transform: scale(0.95) rotateZ(1.7deg);
}



/*FOOTER*/

.footer{
  background-color:#31364F;
  font-family: "Crimson Text", serif;
  padding-bottom:40px;
  padding-top:40px;
  /* margin-top:-6px; */
}
.footer-logo{
  margin:auto;
  width:300px;
}
.footer-logo img{
  width:100%;
  margin-bottom: 40px;
}
.footer-content{
  width:72%;
  margin:auto;
}
@media screen and (min-width: 768px){
  .footer-logo{
      /* margin-left:0px; */
  }
  .footer-logo img{
      width:300px;
      margin-bottom: 40px;
  }
}
.footer ul {
  columns: 1;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0;
  /* margin-top: 15px; */
  list-style-type: none;
  padding-left:0px;
  margin:auto;
}
.footer-nav-items{
  margin:auto;
}
@media (min-width: 768px) {
.footer ul {
  columns: 2;
  text-align: left;
  margin-top: 0px;
  margin:auto;
}
}
@media (min-width: 1024px) {
.footer ul {
  columns: 3;
  text-align: left;
  margin-top: 0px;
  margin:auto;
}
}
@media (min-width: 1200px) {
.footer ul {
  columns: 4;
  text-align: left;
  margin-top: 20px;
  }
}

.footer ul a {
  color: #fff;
}
.footer ul a:hover {
  color: #fff;
}

.footer-nav-email{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1190px){
  .footer-nav-email{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
}
.footer-stay-informed{
  margin:auto;
  color:#fff;
  margin-top:20px;
  text-align: center;    
}
@media screen and (min-width: 768px){
  .footer-stay-informed{
      /* color:#fff; */
      width:648px;
      display:flex;
      justify-content: flex-end;
      text-align: left;
  }
}
.signup-form-btn{
  display: flex;
  margin:auto;
  @media screen and (min-width: 768px){
      width: 360px;
  }
}
.signup-form-btn input{
  margin-right:10px;
  background-color:#F6E7DF;
  border:none;
  border-radius:0px;
}

.signup-form-btn button{
  background-color:#F6E7DF;
  border:none;
  width:44px;
  height:44px;
  margin-top:8px;
}
.flaticon-next{
  font-size: 25px;
  padding-bottom:0px;
  display:flex;
  justify-content: center;
  color:#31364F;
}


/*ddmg signiture*/
.ddmg-sig {
  background-color: #000;
  padding: 15px 0;
}
.ddmg-sig small,
.ddmg-sig a {
  font-size: 12px;
  color: #c9c9c9;
}
.ddmg-sig img {
  margin: 0 auto;
}





/*image banner*/

.img-banner {
  background-size: cover;
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 1024px) {
  .img-banner {
    padding: 55px 0 65px 0;
  }
}
@media screen and (min-width: 1200px) {
  .img-banner {
    padding: 40px 0 50px 0;
  }
}

.img-banner .container {
  z-index: 0 !important;
}

.img-banner h1 {
  color: #fff;
  font-size: 31px;
  text-align: left;
  margin-bottom: 0px;
  text-align: center;
  text-shadow: 0 0 5px #000;
  font-family: "Crimson Text", serif;

  /* font-family: "Nunito", serif; */
}
@media (min-width: 1200px) {
  .img-banner h1 {
    font-size: 35px;
  }
}
.img-banner .container {
  z-index: 0 !important;
}

/* header images */
.bgOne {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/interiorbanners/banner1.png);
  background-position: center;
}
@media screen and (min-width: 768px) {
  .bgOne {
    background-position: -335px;
  }
}
@media screen and (min-width: 1024px) {
  .bgOne {
    background-position: center;
  }
}

.bgTwo {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/interiorbanners/banner2.png);
  background-position: center;
}
@media screen and (min-width: 768px) {
  .bgTwo {
    background-position: center;
  }
}

.bgThree {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/interiorbanners/banner3.png);
  background-position: 1770px;
}
@media screen and (min-width: 768px) {
  .bgThree {
    background-position: center;
  }
}

.bgFour {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/interiorbanners/banner4.png);
  background-position: center;
}
@media screen and (min-width: 768px) {
  .bgFour {
    background-position: center;
  }
}

.bgFive {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/interiorbanners/banner6.png);
  background-position: center;
}
@media (min-width: 768px) {
  .bgFive {
    background-position: center;
  }
}

.bgSix {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/interiorbanners/banner6.png);
  background-position: center;
}
@media (min-width: 768px) {
  .bgSix {
    background-position: center;
  }
}

.overlay-title {
  position: absolute;
  background: rgba(0, 0, 0, 0.58);
  padding: 30px 0 40px 0;
}
@media (min-width: 768px) {
  .overlay-title {
    padding: 30px 0 40px 0;
  }
}
@media (min-width: 1024px) {
  .overlay-title {
    padding: 40px 0 40px 0;
  }
}
@media (min-width: 1200px) {
  .overlay-title {
    padding: 97px 0 40px 0;
  }
}

.overlay-title h1 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .overlay-title h1 {
    font-size: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .overlay-title h1 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .overlay-title h1 {
    font-size: 37px;
  }
}

/*watermark image*/
/* main.faq-bg {
  background: url("../../images/faq-bg.jpg") no-repeat left;
  background-position: center;
  background-size: cover;
} */

main.logo-bg {
  background: url("../../images/logo_watermark.png") no-repeat left;
  background-position: left bottom;
}
@media (min-width: 768px) {
  main.logo-bg {
    background-size: 65%;
  }
}
@media (min-width: 1200px) {
  main.logo-bg {
    background-size: 28%;
    margin-bottom:30px;
  }
}


/* OUR FIRM PAGE */
.our-firm-page{
  margin-top:50px;
  background-color: #a3afd06e;
  padding:30px;
  border-radius: 20px;
  margin-bottom:30px;
}
.our-firm-page p{
  font-family: "Crimson Text", serif;
  font-size: 18px;
}
.our-firm-page img{
  margin-left:20px;
}
.ourfirm-parallax{
  background-image: url(../../images/ourfirm-parallax.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /* height:100px; */
  height:400px;
  width:100%;
}


/* SERVICES PAGE */
.services-accordion{
  margin-top:30px;
}
.services-accordion .card{
  margin-bottom:15px;
}
.services-accordion .card-header{
  background-color:#31364f;
  color:#fff;
  font-family: "Crimson Text", serif;
}
.services-accordion .card-header h5{
  font-size:23px;

}

.services-accordion .card-header .accicon i {
  color: #ffffff;
  margin-right:10px;
  float:right;
}
.services-accordion .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}


/* BLOG LIST PAGE */
.blog-list-page .blog-box{
  background-color:#F6E7DF;
  padding: 20px 10px 10px 20px;
  transition: 300ms ease-in-out;
}
.blog-list-page .blog-box:hover{
  background-color:#e8d2c7;
  -webkit-box-shadow: 0 8px 4px -4.5px #76767688;
-moz-box-shadow: 0 8px 4px -4.5px #76767688;
box-shadow: 0 8px 4px -4.5px #76767688;
  /* -webkit-box-shadow: 3px 3px 7.5px -2.5px #767676;
-moz-box-shadow: 3px 3px 7.5px -2.5px #767676;
box-shadow: 3px 3px 7.5px -2.5px #767676; */
  transition: 300ms ease-in-out;
}
.blog-list-page a{
  color:#31364f;
  /* text-decoration: none; */
}
.blog-list-page:hover a{
  text-decoration: none;
}


/* BLOG DETAIL PAGE */
.blog-detail-page .blog-detail-box{
  background-color:#f2f2f2;
  padding:20px;
  border-radius:4px;
}
.blog-detail-box h2{
  font-family: "Crimson Text", serif;
  font-weight:bold;
  font-size:35px;
}

.blog-detail-box:hover a{
  text-decoration: none;
}
.blog-link-buttons{
  background-color:#31364F;
  border:none;
  border-radius: 4px;
  color:#fff;
  padding: 5px 20px 5px 20px;
  cursor: pointer;
  transition: 300ms ease-in-out;
}
.blog-link-buttons:hover{
  background-color: #797e96;
  transition: 300ms ease-in-out;
}

.return-btn{
  background-color:#e8d2c7;
  border:none;
  border-radius:4px;
  padding: 5px 20px 5px 20px;
  margin-top:40px;
  border:solid 2px transparent;

  cursor: pointer;
}
.return-btn:hover{
  background-color:#F6E7DF;
  border:solid 2px #e8d2c7;

}

/* CASE STUIES PAGE */
.case-studies-page{
  min-height:500px;
  margin-top:50px;
  margin-bottom:50px;
}
.case-studies-page .card-header .accicon i {
  color: #31364F;
  margin-right:10px;
  float:right;
}
.case-studies-page .card-header:is(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}
.case-studies-page .card-header{
  background-color:#c1c2ca;
  color:#31364F;
  font-family: "Crimson Text", serif;
}
.case-studies-page .case-study-subtitle{
  font-size:20px;
  font-family: "Crimson Text", serif;
}

/* CONTACT US PAGE */
.contact-us-box{
  background-color:#f6e7dfd7;
  padding-top:30px;
  padding-bottom:10px;
  border-radius: 10px;
}
.submit-btn{
  background-color:#31364F;
  border:none;
  padding:3px 20px;
  color:#fff;
  cursor: pointer;
}
.contact-submit-page{
  display:flex;
  align-items: center;
  margin-top:30px;
  margin-bottom:30px;
  min-height:400px;
}
.contact-submit-page .container{
  background-color:#cdd1e7;
  /* min-height:300px; */
}

/* POLICIES PAGE */
.policies-page{
  margin-top:30px;
  margin-bottom:30px;
  background-color:#efefef;
  padding:20px 30px;
}

/* CLIENT PORTAL PAGE */
.client-login-page{
  min-height:300px;
}
.client-login-page .tile{
  /* margin-top:50px; */
  background-color: #31364f76;
  padding:20px 30px;
  border-radius: 5px;
}
/* .title-box{
  font-size: 25px;
} */
 .forgot-pass a{
  color:#000000;
 }

 .bus-login-btn input{
  background-color: #31364F;
  color:#fff;
  border:none;
  padding:5px 20px;
  cursor: pointer;
  transition:300ms ease-in-out;
 }
 .bus-login-btn input:hover {
  background-color: #e8d2c7;
  color:#31364F;
  transition:300ms ease-in-out;
 }
 
 /* forgot password page */
 .forgot-password-page{
  min-height:300px;
 }
 .forgot-password-page .card{
  background-color: #31364f4a;
  padding:20px 30px;
  border-radius: 5px;
 }
 .forgot-password-page h3{
  font-family: "Crimson Text", serif;
 }
 .forgot-password-page button{
  background-color: #31364F;
  color:#fff;
  border:none;
  padding:5px 20px;
  cursor: pointer;
  transition:300ms ease-in-out;
 }
 .forgot-password-page button:hover {
  background-color: #e8d2c7;
  color:#31364F;
  transition:300ms ease-in-out;
 }

/* invlid log in page */
.invalid-login{
  min-height:350px;
}

.invalid-login button{
  background-color: #31364F;
  color:#fff;
  border:none;
  padding:5px 20px;
  cursor: pointer;
  transition:300ms ease-in-out;
}
.invalid-login button:hover {
  background-color: #e8d2c7;
  color:#31364F;
  transition:300ms ease-in-out;
 }

 /* account home page */
.client-home{
  min-height:400px;
}
.client-home-box{
  background-color: #e8d2c76f;
  border-radius: 20px;
  padding:100px 0px;
}
.account-button{
  background-color: #31364F;
  color:#fff;
  border:none;
  border-radius: 10px;
  padding:20px 10px;
  /* padding-bottom:20px; */
  
  width:380px;
  cursor: pointer;
  font-size:18px;
  transition:300ms ease-in-out;
}
.account-button:hover{
  background-color: #555b7e;
}
.logout{
  background-color: #a62e2e;
  color:#fff;
  border:none;
  border-radius: 10px;

  padding:5px 20px;
  cursor: pointer;
  transition:300ms ease-in-out;
}
.logout:hover{
  background-color: #7b1717;

}


/* shared with me page */
.shared-with-me{
  min-height:400px;
}
.shared-with-me .card-header{
  background-color:#f3eae4;
}
.file-upload-bg{
  background-color: #e0e0e0;
  padding:20px;
}
.return-btn{
  color:#000;

}
.return-btn:hover{
  color:#000;
  
}

/* upload to Jay clubb page */
.file-submit-title{
  font-family: "Crimson Text", serif;
  font-size:30px;
}
.file-submit-card{
  background-color:#a5aede1d;
  margin-top: 30px;
  margin-bottom:30px;
}

/* account logged out page */
.acc-log-out-page{
  min-height:300px;
}
.acc-log-out-page .coming-soon{
  margin-top:90px;
  background-color: #31364F;
  padding:40px 0px;
  border-radius:20px;
  color:#fff;
}
.acc-log-out-page button{
  background-color:#e8d2c7;
  border:none;
  border-radius: 5px;
  padding: 3px 10px;
  cursor: pointer;
  transition: 300ms ease-in-out;
}
.acc-log-out-page button:hover{
  background-color:#bec2d7;
  transition: 300ms ease-in-out;
}


/* EMAIL SIGN UP PAGE */
.email-signup-page{
  margin-top:50px;
  margin-bottom:50px;
}
.email-signup-page .container{
  background-color:#f6e7dfd7;
  padding: 20px 30px;
  border-radius:10px;

}
.email-submit-page{
  display:flex;
  align-items: center;
  margin-top:30px;
  margin-bottom:30px;
  min-height:400px;
}
.email-submit-page .container{
  background-color:#a1a7c598;
  padding-top:50px;
  padding-bottom:50px;
  border-radius:10px;

  /* min-height:300px; */
}