/*
Theme styles for personal-tax landing page
*/

/* Colours  */

.jermyn-primary,.has-dark-grey-color,button.btn {
    color: #04234d;
}
.jermyn-secondary,.navbar-toggler-icon,.has-yellow-color {
    color: #0cc0df;
}
.jermyn-background-dark,.jermyn-background-wash {
    background-color: #04234d;
}
.jermyn-background-light,button.navbar-toggler,.has-yellow-background-color,button.btn {
    background-color: #0cc0df;
}

.jermyn-white, .has-white-color,.has-white-background-color {
    color: #fff;
}
.jermyn-grey{
    color: #b5c9d1;
}
.jermyn-grey-background{
    background-color: #b5c9d1;
}

.has-white-background-color {
  background-color: #ffffff;
}
.has-white-color {
  color: #ffffff;
}
.has-black-background-color {
  background-color: #19191c;
}
.has-black-color *{
  color: #18181b;
}
.has-dark-grey-background-color {
  background-color: #373d55;
}
.has-dark-grey-color {
  color: #373d55;
}
.has-light-grey-background-color {
  background-color: #F6F6F6;
}
.has-light-grey-color {
  color: #F6F6F6;
}
.has-dark-blue-background-color {
  background-color: #04234d;
}
.has-dark-blue-color {
  color: #04234d;
}
.has-light-blue-background-color {
  background-color: #0cc0df;
}
.has-light-blue-color {
  color: #0cc0df;
}

/*fonts*/
mark{padding:0!important}
body{
    font-family: 'Poppins', sans-serif;
    color:#322E2E;
}
h1,h2,h3,h4,h5,h6,p,a,span, li{
    font-family: 'Poppins', sans-serif;
    color:#322E2E;
}
.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,
.text-white p,.text-white span,.text-white li,
a.text-white{
    color:#fff!important;
}
h1,h2,h3,h4,h5,h6{
    text-transform: capitalize;
}
h1{
    font-size: 2.5rem;
    font-weight: bold!important;
}
h2{
    font-size: 2rem;
    font-weight: bold!important;
}
h3{
    font-size: 1.5rem;
}
h4{
    font-size: 1.25rem;
}

p{
    font-size: 1rem;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
    color:#0cc0df;
}

.tablet-text {
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  border: 1px solid #E6E6E6;
  width: max-content;
  padding: 5px 10px;
  border-radius: 20px;
  letter-spacing: 1px;
  font-size: 0.75rem;
}
/*Header*/

header .header-top{background:#F6F6F6}
.header-top svg{max-height:20px;margin:5px 20px}
.header-contact-info a{text-decoration: none;color:#322e2e;text-align:right}
.header-contact-info a:hover{color:#0cc0df;}
header span.svg-circle{    background: #04234d;height:auto;width:auto;display: inline-block;}
span.svg-circle svg{
  fill: white;
  height: 50px;
  width: 50px;
  padding: 10px;
}


/*Backgrounds*/

.background-home-hero{
  background:url('../images/hero.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  position:relative;
}
.diagonal {
  position: relative;
  overflow: hidden;
}
.white-background{
  background:#fff;
}
.default-background-services .white-background{padding:30px;}
.default-background-services .white-background:hover{background:#04234d}
.default-background-services .white-background:hover p{color:#fff}
.default-background-services .white-background:hover h2{color:#0cc0df}
.default-background-services .white-background:hover svg path:nth-child(1){fill:#0cc0df}
.default-background-services .white-background:hover svg path:nth-child(2){fill:#fff}

.diagonal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(50% 0, 100% 0, 100% 0, 100% 50%, 50% 100%, 50% 100%, 0 50%, 0 50%);
}
.dark-background h1 span{
  color:#0cc0df;
}
.dark-background h1,.dark-background h2{
  color:#fff;
}
.dark-background p{
  color:#fff;
}
.has-arrow a::after{
  content:'\f061';

}
.dark-background .btn-primary{
  background-color:#fff;
  color:#04234d;
  border:0
}
.dark-background .btn-primary a{
  color:#04234d;
}
.dark-background .btn-secondary{
  background-color:#0cc0df;
  color:#fff;
  border:0
}
.dark-background .btn-secondary a{
  color:#fff;
}
.dark-background:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(4, 35, 77, 0.8);
}

.dark-background .container{
  position:relative;
  z-index:1;
}
.dark-background .container .row form{--bs-gutter-x:0!important;margin:20px }
.dark-background form input, .dark-background form textarea{
    border: 0;
    border-bottom: 1px solid white;
    border-radius: 0;
    text-transform: capitalize;
    font-weight: 500;
}
.dark-background form textarea{
  height:140px;
}
.dark-background form *::placeholder{
  color:#00214a;
}
.dark-background form *:focus{
  background: none;
    border: 0;
    border-bottom: 1px solid #0cc0df;
    border-radius: 0;
    color:#fff!important
}
.dark-background form label{
display:none;}
.dark-background form .btn-primary{
  background-color:#0cc0df!important;
  color:#fff!important;
  border:1px solid transparent!important;
  padding:20px 20px;
  border-radius:5px;
  width: 100%;
  margin:0 auto!important;
  bs-gutter-x: 1.5rem!important;
}
.dark-background form .btn-primary:hover{
  background-color:#04234d!important;
  color:#fff!important;

}


.service-cta{
  background:url('../images/cta-bg.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  position:relative;
}
.service-cta h2{
  color:#fff;
}
.service-cta p{
  color:#fff;
  margin:0;
}
.service-cta .btn-primary{
  background-color:transparent;
  color:#04234d;
  border:0
}
.service-cta .btn-primary a{
  color:#fff;
}

.contact-background{
  background:url('../images/contact-bg.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  position:relative;
}

.default-background-services,.default-yct{background:#F6F6F6}


/*buttons*/

.btn-primary{
  background-color:#fff!important;
  border-color:#F6F6F6!important;
}
.btn-primary a,
.btn-primary .wp-block-button__link{
  background-color:#fff!important;
  color:#101010!important;
}
.btn-secondary{
  background-color:#0cc0df!important;
  color:#fff;
  border: none!important;
}
.btn-secondary a,
.btn-secondary .wp-block-button__link{
  background-color:#0cc0df!important;
  color:#fff!important;
}
.btn-tertiary{
  background:#04234d!important;
  color:#fff;
}
.btn-tertiary a,
.btn-tertiary .wp-block-button__link{
  background-color:#04234d!important;
  color:#fff!important;
}

.btn{    border-radius:9999px;
  padding:10px 20px!important;
  margin-right:10px
}
.btn:hover{
  background-color:#0cc0df;
}

.btn a{
  color:#fff;
  text-decoration:none;
}
.btn a:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3E%3Cpath%20d='M438.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L338.8%20224%2032%20224c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l306.7%200L233.4%20393.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l160-160z'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
}

figure img,picture img{
  max-width:100%;
  height:auto;
  z-index:2;
  position: relative;
} 


/*services*/

.services svg{width:100%;height:auto}

/*gb hack*/

.has-text-align-center{
  text-align:center;
}

/*Image*/

.background-on-image:after{
  content:'';
  position:absolute;
  bottom:-20px;
  right:-20px;
  width:50%;
  height:50%;
  background:linear-gradient(90deg, #04234d 0%, #0cc0df 100%);
}
.background-on-image{
  position:relative;
  margin-right:20px
}
.background-on-image picture img{
  position:relative;
  z-index:99
}

.service-cta:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#8aafe16b;
}
.service-cta .container{
  position:relative;
  z-index:1;
}

/*reviews*/

.review-pad {
  padding: 20px;
}

.review-item {
  background: white;
  padding: 100px 20px 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
}
.review-item:after{
  content: url(../images/quote-right.svg);
  font-size: 5rem;
  color: #0cc0df;
  position: absolute;
  top: 10%;
  right: 10%;
  width: 20%;
  min-width: 50px;
  opacity:0.1;
  fill: #0cc0df;
}

.review-content {
  position: relative;
}

.quote-icon {
  font-size: 2.5rem;
  color: #E6E6E6;
  position: absolute;
  top: -10px;
  right: 20px;
}

.excerpt {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  margin: 20px 0;
}

.review-footer {
  margin-top: 20px;
}

.name {
  font-weight: bold;
  display: block;
}

.role-company {
  color: #666;
  font-size: 0.875rem;
}


/*change accountant*/

.change-accountant .steps {
border:1px solid #E6E6E6;
border-radius:10px;
padding: 20px;
background:#fff
}

.steps *{text-align:center}

.steps h3{font-size:1.5em;}


/*footer*/


.footer {
  background-color: #00214a;
  color: white;
  padding: 2rem 0;
  padding-top:100px
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  color: #0cc0df;
}
.footer-logo {
  font-size: 1.2rem;
}
.footer-bottom {
  padding-top: 1rem;
  text-align: center;
}
.footer-social a {
  margin: 0 10px;
  color: #fff;
}
.footer-social svg{fill:#fff;height:20px}

.footer-large {
  font-size: 3em;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
  color: #fff !important;
}
.footer h4 {
  font-size: 2em;
}
.footer h6{
  font-size: 1.2em;

}

/*blog*/

.blog-post *{
  color:#322E2E;
  text-decoration:none;
  font-size:1.2em
}

.blog-section .col-md-8 a:after{
  content:'';
  position:absolute;
  background:linear-gradient(90deg, #04234d9a 0%, #0cc0df9a 100%);
  width:100%;
  height:50%;
  bottom:0;
  left:0;
  z-index:1;
  transition:height 0.3s;}
.blog-section .col-md-8 a:hover:after{
  height:100%;
  transition:height 0.3s;
}
.blog-section .col-md-8 a{
  position:relative;
  display:inline-block;
}
.blog-section h3{z-index:4}
.blog-section a:hover h4{background:none!important;transition: background 0.3s}

.blog-post {
  position: relative;
  overflow: hidden;
}

.blog-post::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%; /* Start from outside the element */
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #04234d9a 0%, #0cc0df9a 100%);
  transition: all 0.5s ease-in-out;
  z-index: 0;
  transform: translateX(0%);
}

.blog-post:hover::before {
  transform: translateX(100%); /* Swipe across the element on hover */
}

.blog-post:hover h3, .blog-post:hover p {
  position: relative;
  z-index: 1;
  color: #fff;
  transition: color 0.5s ease-in-out;
}


.final-cta .row .col-md-4{background:#fff;border:2px solid #04234d;padding:20px;border-radius:10px;margin:50px 0 -50px 0}

/*slider */

.tns-horizontal.tns-subpixel>.tns-item{vertical-align:middle!important}

.checkbox svg{max-width:50px;visibility:hidden;scale:3;transition:all 0.3s ease-in-out;fill:#0cc0df}
.steps:hover .checkbox svg{visibility:visible;scale:2;transition:all 0.3s ease-in-out}
.checkbox{
  border: 1px solid #E6E6E6;
  height: 50px;
  width: 50px;
  border-radius: 10px;
}

/*accordions*/

.accordion-item{border:none!important;background-color:transparent!important}
.accordion-item-inner{border-radius:20px;margin:10px 0}
.accordion-header{font-weight:bold}
.accordion-body{background:#fff}
.accordion-button::after{background:#0cc0df50;padding:10px;border-radius:5px}

/*modal*/

.contact-box .modal-dialog{max-width:1440px;width:80%;margin:auto}
.contact-box .modal-content{border:none;background:none}
.contact-box .modal-header button{color:#fff}
.contact-box{background:#01060bed}

/*Services*/

.background-services-hero:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(90deg, #04234db3 0%, #0cc0df79 100%);
}
.background-services-hero{
  position:relative;
}
.tax-service-type .background-services-hero:after{
  background:linear-gradient(90deg, #04234db3 0%, #465d6179 100%)!important;
}

.keypoints p:before{
  content: '';
  margin-left: 0px;
  width: 16px;
  height: 16px;
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230cc0df' d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  z-index:0;
}
.keypoints p{
  position:relative;
  margin-bottom:3px;
  padding-left:20px
}
.keypoints a {
  color: #00214a;
  text-decoration: none;
  width: 100%;
  display: inline-block;
  z-index:1;

}
.keypoints{
  margin:30px 0!important;
}
.keypoints p:hover{background:#F6F6F6;border-radius:5px}

.video-background-hero:after{    background: rgb(51 51 51 / 33%)}


footer .list-unstyled li{color:#fff!important} 
.dark-background form button{margin-left:10px!important;color:#00214a!important}

footer .dark-background:after{display:none}
.jt-background-1{background-color: #ecfafd;}

@media screen and (max-width: 768px){
  header .header-top{background-color:#00214a}
  .header-contact-info a{color:#fff}
  .header-contact-info path{fill:#fff}
  .header-social-icons path{fill:#0cc0df}
  .header-contact-info .w-50 span{display:none}
  .header-contact-info .w-50{font-size:0.75rem;margin-bottom:0;color:#fff}
  .video-background-hero:after{    background: rgb(51 51 51 / 33%)!important}


}
.tel-button{padding:10px!important;border:none!important}
.tel-button svg{height:25px;width:25px;fill:#232425;}

.default-background-services .flex-column{background:#fff;}
.default-background-services .flex-column i{font-size: 2rem;color:#0cc0df}
.default-background-services .flex-column h2{color:#04234d;font-size:1.5em}
.default-background-services p{margin:0}
.default-background-services .fw-semibold i{font-size:inherit;color:#0cc0df;margin-left:10px}
.default-background-services .fw-semibold a{color:#04234d;font-size:1.5em}
.probate-footer img{
  filter: grayscale(1) invert(1);
}
.after-footer{
  background:#0cc0df  ;
  color:#fff;
  padding:20px 0;
  text-align:center;
}

#mc-embedded-subscribe-form input{margin-right:20px;padding:10px!important;}

/*tab pane*/

.tab-pane{border:1px solid #0cc0df}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:#0cc0df!important;color:#fff;border-radius:0}
.tab-content{background:#fff}
button.nav-link h3{color:#04234d;font-size:1.5em}
button.active h3{color:#fff}
button.nav-link{border-bottom:1px solid #9a9fa0;padding:20px 50px}

.service-title p{
  margin: 0;
}
.tab-content .keypoints{
  margin: 5px 0!important;
}

.nav-link:hover{
  background:#00214a;
  color:#fff!important;
}
.nav-link:hover h3{
  color:#0cc0df;
}
.nav-link:hover p{
  color:#fff;
}
.nav-link.active:hover{
  background:#0aa3be!important;}
.nav-link.active:hover h3{
  color:#fff;
}

.tab-content p{margin-bottom:20px;margin-right:px}
.tab-content .btn-primary{color:#00214a!important}
main>div:nth-child(odd):not(:first-child){background:#F6F6F6}
main>div:nth-child(even):not(.dark-background){background:#fff}
main button.nav-link{background:#fff;color:#00214a}

.single-post li.blog-post *{z-index:2;position:relative}

.blog .hero {
  background-position: center;
  background-size: cover;
  color: #fff !important;
}
.blog .hero p,
.blog .hero h1,.blog .hero h2,.blog .hero h3,.blog .hero h4,.blog .hero h5,.blog .hero h6 {
  color: #fff !important;
}

.col-1 button svg{height:20px;width:20px;fill:#0cc0df}

.wp-block-group{padding: 10px 0}

/* ==========================================================================
   Accessibility additions
   ========================================================================== */

/* Visible keyboard focus, site-wide. WordPress's own block-library CSS zeroes
   box-shadow/outline on several elements (buttons in particular) with nothing
   to replace it, leaving keyboard navigation with no visible focus indicator
   anywhere on the site. This restores one everywhere, using :focus-visible so
   it only shows for keyboard/assistive-tech focus, not every mouse click. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.wp-block-button__link:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #087a8c !important;
  outline-offset: 2px !important;
  box-shadow: none;
}

/* Skip-to-content link: hidden off-screen until it receives keyboard focus,
   so keyboard/screen-reader users don't have to tab through the full header
   and nav on every page before reaching the actual content. */
.skip-to-content {
  position: absolute;
  top: -100px;
  left: 10px;
  z-index: 10000;
  background: #04234d;
  color: #fff;
  padding: 12px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  transition: top 0.2s ease-in-out;
}
.skip-to-content:focus {
  top: 10px;
  color: #fff;
}

/* ==========================================================================
   Card depth: a single, consistent shadow token used anywhere a card-like
   component needs to read as raised off its background. Previously only one
   component (.review-item) had any shadow at all, so cards elsewhere (steps,
   final-cta, accordion) sat flush with no depth cue.
   ========================================================================== */
.change-accountant .steps,
.final-cta .row .col-md-4,
.accordion-item-inner {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Bootstrap's own .btn-info (used for the "Contact Us" CTA in every service
   tab panel) is a bright cyan with white text forced via .text-white -
   1.96:1 contrast, worse than the .btn-secondary failure fixed earlier.
   Only used for this one CTA pattern sitewide (6 identical instances, all
   in the service tabs), so a global override is safe. */
.btn-info {
  background-color: #0cc0df !important;
  border-color: #0cc0df !important;
}