/* customizes Details header font size */
.details-headers summary {
	font-size: 1.2rem !important;
	font-weight: 600;
	
}

/* customizes back to top button */
#wpfront-scroll-top-container {
	transition: transform 0.3s ease; 
}

#wpfront-scroll-top-container:hover {
	transform: scale(1.1);
}

/* removes underline on link */
.remove-underline a {
	text-decoration:none !important;
}

.remove-underline a:hover {
	text-decoration: underline !important;
}

/* adds space to top of screen for anchor links */
html {
	scroll-behavior: smooth;
}
.anchor-landing {
    scroll-margin-top: 100px; /* Adjust this value to your header height */
}

/* adds dots pattern behind div element */
.dots-patter-section {
	position: relative;
}

.dots-pattern-section::before {
  content: "";
  position: absolute;
  top: -25px;
  right: 130px;
  width: 600px;
  height: 200px;
  background-image: radial-gradient(#567161ba 3px, transparent 3px);
  background-size: 25px 25px;
  z-index: 0;
}

.dots-pattern-content {
	position: relative;
  z-index: 1;
}

.dots-pattern-section-bl::before {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 130px;
  width: 600px;
  height: 200px;
  background-image: radial-gradient(#567161ba 3px, transparent 3px);
  background-size: 20px 20px;
  z-index: 0;
}


@media screen and (max-width: 767px) {
	.dots-pattern-section::before {
		width: 150px !important;
	}
	.dots-pattern-section-bl::before {
		width: 150px !important;
	}
}

/* prevents line-break */
.no-line-break {
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
.no-line-break {
		white-space: normal !important;
	}
}

/* HOME Cover - adds custom css at mobile size */
@media screen and (max-width: 767px) {
	.hp-top-spacer {
		height: 50px !important;
	}
	
	.hp-motto-text {
		font-size: 4rem !important;
	}
	
	.hp-at-jrg-row {
		margin: 15px !important;
		font-size: 1rem !important;
		white-space: nowrap;
		padding-bottom: 15px !important;
	}
	
	.hp-tagline-div {
		margin: 10px !important;
	}
	
	.hp-tagline-div p {
		max-width: 100% !important;
	}
	
	.hp-cover-text-container p, h2 {
		text-align: center !important;
	}
}

.hp-at-jrg-row div {
	height: 65px !important;
}

/* adds hover effect to department buttons on Who We Are page */
.dep-button-hover a:hover {
	background-color: #264025 !important;	
}

/* adds space under img, adds shadow on hover to the bio image on the Who We Are page */
.bio-img-hover {
	padding-bottom: 10px;
}
.bio-img-hover:hover {
	border-radius: 50%;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

/* customizes width of image in each bio page */
.bioImg {
	max-width: 500px;
}

/* customizes the look of unordered lists into a grid */
.grid-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  padding-left: 40px;
}

/* customizes the look of supported organization logos on Practice Area pages */
.orgs-img {
	width:200px;
}

/* customizes the look of mobile nav overlay */
.nav-overlay-container {
	border-style: solid;
	border-color: #34271d33 !important;
  border-width: 1px !important;
	box-shadow: var(--wp--preset--shadow--natural);
}

.wp-block-navigation .has-child.open-always {
	gap:0 !important;
}


/* adds right-align textwrap to the images */
.textwrap-img-container {
	margin-right:10vw;
	margin-left:10vw;
}
.textwrap-img-container img {
	float: right;
	margin-left: 25px !important;
	margin-bottom: 25px !important;
	width: 600px;
}

@media screen and (max-width: 767px) {
  .textwrap-img-r {
    float: none;      /* Removes the float */
    width: 100%;     /* Forces the image to full width */
    margin-right: 0;  /* Resets side margins */
    display: block;   /* Ensures it behaves as a block element */
  }
}

/* customize the post cards in Archive cateogry index */
.archive-post {
	border-style: solid;
	border-color: #34271d33 !important;
  border-width: 1px !important;
	box-shadow: var(--wp--preset--shadow--natural);
	padding-top: var(--wp--preset--spacing--60);
  padding-right: var(--wp--preset--spacing--50);
  padding-bottom: var(--wp--preset--spacing--60);
  padding-left: var(--wp--preset--spacing--50);
	padding: 20;
}


/* customize the highlight cards on JRG News & Highlights page */
.blog-highlights-container .entry-wrapper {
	background-color: white;
	border-style: solid;
	border-color: #34271d33 !important;
  border-width: 1px !important;
	box-shadow: var(--wp--preset--shadow--natural);
	padding-top: var(--wp--preset--spacing--60);
  padding-right: var(--wp--preset--spacing--50);
  padding-bottom: var(--wp--preset--spacing--60);
  padding-left: var(--wp--preset--spacing--50);
	min-height: 300px;
}

/* customize font for specific headers */
.subheader-font h3, h4, h5, h6{
	font-family: var(--wp--preset--font-family--raleway) !important;
	font-weight: 500 !important;
}

/* practice areas reveal text on hover */
.hidden-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
	padding:20px;
	margin:0;
	color: white;
  background: rgba(0, 0, 0, 0.6);
	background-size: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
	text-overflow: ellipsis;
}

.hover-container:hover .hidden-text {
	opacity: 1;
}

.disappear-text {
	opacity: 1;
	display:block;
}

.hover-container:hover .disappear-text {
	opacity: 0;
	display: none;
}

/* remove underline link */
.no-underline	a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

/* customize sponsors div height */
.sponsors-height {
    max-height: 60px;
		min-height: 30px;
    overflow: auto; /* optional, adds scrollbar if content overflows */
}

/* customize posts height on homepage */
.hp-posts-height {
    max-height: 80px;
		min-height: 50px;
}

/* customize contact form properties */
#wpforms-886-field_7{
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  padding-left: 10px;
}
.wpforms-submit-container {
		display: flex;
    justify-content: center;
}
#wpforms-submit-886 {
	width: 50%;
  display: block;
}

#wpforms-form-886 .wpforms-field-label {
	padding: 0 !important;
	margin-bottom: 5px !important;
}


#wpforms-form-886 .wpforms-field-container div {
	padding-bottom:2px;
}

#wpforms-confirmation-886 {
	background-color: #567161ba;
	border-style: none !important;
}

#wpforms-confirmation-886 p {
	color:white;
}

#wpforms-886-field_8 {
	width:100%;
	max-width:100%;
}

/* remove share, like buttons on posts */
.sharedaddy {
	display: none;
}

/* custom div shadow with theme color */
.text-shadow-dbrown {
	color: white;
	text-shadow: 2px 2px 6px #35281e;
}