/*
Theme Name: Jakal Tax
Theme URI: https://localhost/jakaltax
Author: Jeffery Siler Jr
Description: Jakal Tax custom wordpress theme
Version 1.0
*/

.jk1 {
	background-color: /*#c19a11;/*#343a40 !important; */#DFDFDF !important;
	color: black !important;
}

.jk2 {
	/*
	background-color: /*#c19a11;/*#343a40 !important; *//*#DFDFDF !important;*/
	color: black !important;
	background: linear-gradient(rgba(223, 223, 223, 0), rgba(223, 223, 223, 1));
	/*background-color: rgba(223, 223, 223, 0.7); /* White background with 70% opacity */
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* Offset-x, offset-y, blur-radius, color with 30% opacity */
  border: 1px solid #ccc; /* Optional: for better visibility */
}

.jk3 {
	/*
	background-color: /*#c19a11;/*#343a40 !important; *//*#DFDFDF !important;*/
	background: linear-gradient(rgba(150, 150, 150, 0), rgba(223, 223, 223, 0.6));
	/*background-color: rgba(223, 223, 223, 0.7); /* White background with 70% opacity */
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* Offset-x, offset-y, blur-radius, color with 30% opacity */
  border: 1px solid #ccc; /* Optional: for better visibility */
  padding:44px;
}
.jktitle {
	/*background-color: black;
	color: white !important; */
	font-family: "Times New Roman", Times, serif !important;
	text-decoration: none;
	font-size: 4rem;
	margin-top: 0;
    margin-bottom: 1.2rem;
}
.capitaltxt {
	color: red !important;
}
.jktxt {
	color: black;
	font-family: "Times New Roman", Times, serif !important;
	font-size: 2rem;
}
.jkblock {
	background-color: white !important;
	margin-top: 3rem;
	border-color: #313639 !important;
	padding: 25px;
	color: #c19a11 !important;
	font-family: "Times New Roman", Times, serif !important;
}
.jkblock2 {
	background-color: #343a40 !important;
	border-color: #313639 !important;
	text-decoration: none;
	font-size: 2rem;
	margin-top: 0;
    margin-bottom: 1.2rem;
	padding: 0px;
	color: #f4f1f1;
	font-family: "Times New Roman", Times, serif !important;
}
h1 {
	 font-family: "Times New Roman", Times, serif !important;
}
h1 {
	 font-family: serif !important;
}
.aboutbottom {
	margin-bottom: 10vh;
}
.parallax {
	margin-top: -2rem;
    width: 100vw; /* Full viewport width */
    margin-left: calc(-50vw + 50%); /* Center it relative to the viewport */
    background-size: cover;
    background-position: center;
    min-height: 350px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    display: flex; /* Enable Flexbox */
    justify-content: center; /* Center child horizontally */
    align-items: center; /* Center child vertically */
}

.parallax-content {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    border-radius: 10px;
    width: 100rem; /* Take up full width available */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); /* Adds depth around the text */
}
.btn-primary {
  background-color: #343a40; 
  border: solid 2px #ffdf00!important;
  font-family: "Times New Roman", Times, serif;
  font-size: 28px;
  width: 325px;
  line-height: 2.2em;
  height: Auto;
   /*text-shadow: 
        1px 1px 0 gold,   /* Right and down 
        -1px -1px 0 gold, /* Left and up 
        1px -1px 0 gold,  /* Right and up 
        -1px 1px 0 gold;  /* Left and down */
}
.btn-primary:hover {
  background-color: #343a40!important;
  border-color: #ffdf00!important;
  text-decoration: none;
}
.btn-secondary{
  background-color: #343a40; 
  border: solid 2px #ffdf00!important;
  font-family: "Times New Roman", Times, serif;
  font-size: 28px;
  width: 325px;
  line-height: 1.4em;
  height: Auto;
   /*text-shadow: 
        1px 1px 0 gold,   /* Right and down 
        -1px -1px 0 gold, /* Left and up 
        1px -1px 0 gold,  /* Right and up 
        -1px 1px 0 gold;  /* Left and down */
}
.btn-secondary:hover {
  background-color: #343a40!important;
  border-color: #ffdf00!important;
  text-decoration: none;
}

.big-about {
    color:#faf9f6;
    font-size: 85px;
	/*text-shadow: 2px 2px 5px #ffd700; Adding shadow */
    /*border-top: 6px solid grey !important;*
    border: 4px solid black; */
    font-family: "Times New Roman", Times, serif;
    line-height: 350px; /* Adjust as necessary */
    border-radius: 10px;
}

.container {
    margin-top: 2rem;
	margin-bottom: -5rem; 
}

.navbar {
	background-color: #343a40;
	border-top: solid .35rem black;
	border-left: solid .40rem black;
	border-right: solid .5rem ;/*#0077b3;*/
}
.navbar-nav .nav-link {
  color: #f4f1f1!important;
  /*color: #0077b3 !important;*/
  font-family: serif;
  margin-left: 1rem;
  margin-right: .75rem;
  margin-top: .75rem;
  margin-bottom: .75rem;
 /* border-bottom: ridge 6px #0077b3;*/
  font-size: 1.4vw; /* Adjusts with viewport width */
  transition: color 0.3s ease, text-shadow 0.3s ease; /* Smooth transition */
  
  
}
.collapse {
	border-top: solid .2rem #ffdf00;
	border-left: double 1rem #ffdf00;
}

.navbar-nav {
	background-color: #343a40;
	
	/*border-top: groove .5rem #663300;*/
	/*border-bottom: ridge .5rem #663300;*/
	/*border-left: solid 6rem #0077b3;*/
	/*border-right: solid .5rem #663300;*/
	

}
.navbar-nav {
	/*border-top: groove .2rem #0077b3;
	/*border-bottom: ridge .5rem #663300;*/
	/*border-right: groove .75rem #663300;*/
	border-radius: 4px;
}
.navbar-nav .nav-link:hover {
  color: #ffdf00 !important;/*#0077b3 !important;*/

}
.navbar-toggler .fas {
  font-size: 2.2rem !important;
  color: #faf9f6; 
}

.fab {
	color: #faf9f6;
}
@media (max-width: 992px) {
  .navbar-nav .nav-link {
    font-size: 36px; /* Fixed size on mobile */
    margin-left: 0.5rem;
    margin-right: 0.5rem;
	background: linear-gradient(145deg, #343a40 100%, #663300 0%);
	
  }
  .collapse {
	  border-top: solid .25rem #343a40;
	  border-left: solid .25rem #343a40;
  }
}
/*
@media (min-width: 769px) and (max-width: 1081px) {
  .navbar-nav .nav-link {
    font-size: 18px;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
} */
@media (min-width: 993px) and (max-width: 1842px) {
  .navbar {
	background: linear-gradient(145deg, #343a40 100%, #663300 0%);
	font-size: 30px !important;
	
}
}

@media (min-width: 993px) and (max-width: 1842px) {
  .navbar .nav-link {
	font-size: 30px !important;
	
}
}

.foot {
	background-color:  black !important;
	border-left: solid .4rem black;
	border-right: solid .4rem black;
	border-top: ridge .5rem #DFDFDF;
	border-bottom: solid .4rem black;
	color: #ffd700/*#cc6600*/ !important;
	font-size: 30px !important;
	font-family: serif !important;
}

/* Video Box Styles */
.custom-video-container {
  overflow: hidden; /* Clean edges */
  position: relative; /* For overlay positioning */
  max-width: 800px; /* Adjust as needed */
  margin: 0 auto; /* Center the video */
}

.video-wrapper {
  aspect-ratio: 16 / 9; /* Default 16:9 video ratio */
  width: 100%;
}

.video-wrapper iframe,
.video-wrapper video {
  width: 100%;
  height: 100%;
  display: block; /* Remove inline spacing */
  border: none; /* No iframe border */
  background-color: #000; /* Black background for loading */
}

/* Fallback for browsers without aspect-ratio support */
@supports not (aspect-ratio: 16 / 9) {
  .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 9/16 * 100% for 16:9 */
    height: 0;
    overflow: hidden;
  }
  .video-wrapper iframe,
  .video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* Optional Overlay */
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
}

.video-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Fit thumbnail */
  object-position: center;
}

.video-overlay .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  color: white;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-overlay:hover .play-button {
  color: #007bff; /* Hover effect */
}

/* Contact Page Styles */
.contact-page-wrapper {
  /* Option 1: Solid Background */
  background-color: #343a40; 
  /* Option 2: Picture Background (Uncomment and upload image) */
  /* background-image: url('<?php echo get_template_directory_uri(); ?>/images/contact-bg.jpg'); */
  /* background-size: cover; */
  /* background-position: center; */
  border-radius: 10px;
  padding: 60px;
}

.contact-header {
  color: #343a40;
  border-radius: 5px;
}

.contact-info {
  color: #f4f1f1;
  border-radius: 5px;
}
.contact-info i {
  color: #ffdf00; /* Green icons */
  margin-right: 10px;
}
.contact-info a {
  color: white;
}
.contact-info a:hover {
  color: white;
}

.contact-form {
  border-radius: 5px;
}
.contact-form-style .form-control {
  border-color: #cce5ff; 
}
.contact-form-style .btn-primary {
  background-color: #32373c; 
  border: 	solid 3px #ffdf00!important;
   /*text-shadow: 
        1px 1px 0 gold,   /* Right and down 
        -1px -1px 0 gold, /* Left and up 
        1px -1px 0 gold,  /* Right and up 
        -1px 1px 0 gold;  /* Left and down */
}
.contact-form-style .btn-primary:hover {
  background-color: #32373c;
  border-color: #ffdf00;
  text-decoration: underline;
}

.calendly-section {
  color: #343a40;
  border-radius: 5px;
}
.calendly-section .btn-success {
  font-size: 28px !important;
  color: #ff3131 !important;
  background-color: white !important;
  border-color: solid 6px red !important;
}

.calendly-section .btn-success:hover {
  background-color: black !important;
  border-color: #1e7e34 !important;
  color: #ffd700 !important;
}

.navbar-nav .calendly-link {
  background-color: #28a745;
  border-radius: 5px;
  padding: 5px 10px;
}
.maxrefund-container {
  width: 100%;
  position: relative;

    height: 100%;
    overflow: hidden;
}
.tpbook
{
	margin-top: 4rem;
	margin-bottom: 3rem;
}

.itinhead {
	margin-bottom: 4rem;
}
.itinbottom {
	padding-bottom: 48px; 
}
.itinbody {
	margin-top: 2rem;
	margin-bottom: 4rem;
}
.businesshead {
	margin-top: 4rem;
	margin-bottom: 4rem;
}
.powerhead {
	margin-top: 4rem;
	margin-bottom: 3rem;
}
.scorphead {
	margin-top: 4rem;
	margin-bottom: 3rem;
}
.tenhead {
	margin-top: 4rem;
	margin-bottom: 3rem;
}
.payrollhead {
	margin-top: 4rem;
	margin-bottom: 3rem;
}
.abouthead {
	margin-top:4rem;margin-bottom:4rem;
	}
.3remtb {
	margin-top:3rem;margin-bottom:3rem;
}
	.image-hover-wrapper {
  position: relative; /* For overlay positioning */
  display: inline-block; /* Fit to image size */
  overflow: hidden; /* Contain effects */
}

.image-hover-wrapper img {
  display: block; /* Remove bottom gap */
  transition: transform 0.3s ease; /* Smooth scaling */
}

.image-hover-wrapper:hover img {
  transform: scale(1.1); /* Slight zoom on hover */
}

.image-hover-wrapper::after {
  content: ''; /* Empty content for overlay */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Dark overlay */
  opacity: 0; /* Hidden by default */
  transition: opacity 0.3s ease; /* Smooth fade */
}

.image-hover-wrapper:hover::after {
  opacity: 1; /* Show overlay on hover */
}
.image-hover-wrapper::after {
  content: ''; /* Text */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.background-opaque {
  position: relative;
  background-image: url('breezybackground');
  background-size: cover;
  background-position: center;
  min-height: 500px;
  border-radius: 10px;
  padding: 20px;
}
.background-opaque::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.background-opaque {
  position: relative;
  z-index: 1;
  color: white;
}
.bg2 {
  position: relative;
  background-image: url('https://jakaltax.com/wp-content/uploads/2025/03/ai-generated-8959798_1920-2.jpg');
  background-size: cover;
  background-position: center;
  min-height: 500px;
  border-radius: 10px;
  padding: 20px;
}
.bg2::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.bg2 {
  position: relative;
  z-index: 1;
  color: white;
}
.open-file {
	color: #ffd700;
	font-family: "Times New Roman", Times, serif !important;
	font-size: 2vw;
	margin:9px;
}
.open-file:hover {
	color: #ffd700 !important;
	
	font-family: "Times New Roman", Times, serif !important;
	font-size: 2vw;
}


.anchor-box {
	/*
    display: grid;
    grid-template-columns: auto auto auto;
	*/
    flex-wrap: wrap; /* Allow wrapping to the next line */
    justify-content: space-between; /* Evenly distribute space between items */
    padding: 10px; /* Padding around the box */
    max-width: 1200px; /* Maximum width of the box */
	width:100%;
	height: 732px;
	
    margin: 20px auto; /* Center the box on the page */
	overflow-y:auto;
}


/* Style each anchor tag */
.anchor-box a {
    margin: 10px; /* Space around each link */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
    transition: background-color 0.3s; /* Smooth transition for hover */
}

.resourcebox {
    height: 100%; /* Full viewport height */
	width: 100%;
}
/* File Section */
.file-section {
    position: relative; /* Allow absolute positioning in child elements */
    z-index: 10; /* Ensure the section is on top */
    /*background: url('http://localhost/jakaltax/wp-content/uploads/2025/03/ai-generated-8959798_1920-2.jpg') no-repeat center center; /* Background image */
    /*background-size: cover; /* Ensure it covers the area */
    padding: 40px; /* Padding for content */
    margin: 0 auto; /* Center the section */
    max-width: 1200px; /* Set a max width for large screens */
}

/* Style for the File Preview */
.file-preview {
    position: fixed; /* Fix it in place */
    top: 50%; /* Center the preview vertically */
    left: 50%; /* Center the preview */
    transform: translate(-50%, -50%); /* Center it both horizontally and vertically */
    background-color: rgba(255, 255, 255, 0.95); /* White background with slight transparency */
    width: 100vw; /* Use viewport width for responsiveness */
    max-width: 1111px; /* Limit the max width for larger screens */
    height: 80vh; /* Set a height for the preview */
    border: 1px solid #ccc; /* Border for styling */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow for depth */
    padding: 20px; /* Padding for the content */
    display: none; /* Initially hidden */
    border-radius: 10px; /* Rounded corners for a softer look */
    overflow: hidden; /* Clip any overflowing content */
    z-index: 20; /* Ensure it sits above other content */
}

/* Make the iframe responsive */
#file-iframe {
    width: 100%; /* Full width of parent */
    height: calc(100% - 80px); /* Adjust height to account for the close button */
    border: none; /* Remove default iframe border */
}

/* Optional: Close Button Styling */
#close-preview {
    margin-top: 20px; /* Space above the close button */
    font-size: 1.4rem;
    background-color: #cb9d24; /* Button color */
    color: white; /* Text color */
	font-family: "Times New Roman", Times, serif !important;
    border: none; /* Remove border */
    padding: 10px 20px; /* Button padding */
    cursor: pointer; /* Pointer cursor on hover */
    border-radius: 5px; /* Rounded corners */
    display: block; /* Make the button a block element */
    text-align: center; /* Center the button text */
    width: 100%; /* Full width button */
}

#close-preview:hover {
    background-color: #2b314a; /* Darker shade on hover */
}

.wp-element-button {
	background-color: #313639 !important;
	border-color: #ffd700 !important;
}
.wp-block-button__link {
	color: white !important;
}