.wp-block-query.whitepaper-grid .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(5, 1fr);
}

.wp-block-query .columns-4.wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(4, 1fr);
}

.whitepaper-grid .rcm-post-card .wp-block-post-featured-image {
    aspect-ratio: initial;
}

.single-post figure, .single-post img {
    max-width: 100%;
    height: auto;
}

.team-grid .rcm-post-card .wp-block-post-featured-image {
    aspect-ratio: auto;
	width: 100%;
	max-width: 100%;
}


/* Search block styling for homepage header */
.site-header .wp-block-search {
    margin-bottom: 0;
}

.site-header .wp-block-search .wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #DCDCDC !important;
    border-radius: 50px !important;
    padding: 2px 8px 2px 15px !important;
    background: #fff !important;
    overflow: hidden;
}

.site-header .wp-block-search .wp-block-search__input {
    background: transparent !important;
    color: #000 !important;
    border: none !important;
    padding: 8px 0 !important;
    box-shadow: none !important;
}

.site-header .wp-block-search .wp-block-search__input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.site-header .wp-block-search .wp-block-search__button {
    position: relative;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    font-size: 0 !important; /* hide "Search" text */
    cursor: pointer;
}

/* Search icon */
.site-header .wp-block-search .wp-block-search__button::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
	margin: 9px auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232E5AAC' stroke-width='3' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.65' y1='16.65' x2='21' y2='21'/%3E%3C/svg%3E");
}


.home .site-header .wp-block-search .wp-block-search__button::before {
	margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FFF' stroke-width='3' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.65' y1='16.65' x2='21' y2='21'/%3E%3C/svg%3E");
}


p.header-tel {
    color: #1A3560;
}


p.header-tel a:before {
    content: "";
    background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.9989 0C4.0411 0 0 4.04147 0 8.99973C0 11.8067 1.2925 14.3176 3.32197 15.9709C3.33036 15.9793 3.33815 15.9871 3.34654 15.9871C4.89248 17.2473 6.85612 18 9 18C11.144 18 13.1069 17.2473 14.6535 15.9871C14.6618 15.9871 14.6696 15.9787 14.678 15.9709C16.707 14.3182 18 11.8066 18 8.99973C18 4.04147 13.9589 0 9.0011 0H8.9989ZM7.50148 9.54803C6.60207 9.02426 5.99567 8.05047 5.99567 6.93758C5.99567 5.28487 7.34569 3.9347 8.99827 3.9347C10.6508 3.9347 12.0009 5.28484 12.0009 6.93758C12.0009 8.0582 11.3873 9.03256 10.4879 9.54803C10.0463 9.79373 9.53932 9.94054 8.99944 9.94054C8.45956 9.94054 7.94423 9.79312 7.50202 9.54803H7.50148ZM3.9758 15.455C3.96741 15.3237 3.95962 15.1847 3.95962 15.0463C3.95962 12.935 5.2689 11.0611 7.2325 10.3253C7.764 10.604 8.36142 10.7586 8.99964 10.7586C9.63787 10.7586 10.2352 10.6028 10.7668 10.3253C12.7304 11.0618 14.0397 12.9358 14.0397 15.0463C14.0397 15.1853 14.0313 15.3249 14.0235 15.455C12.6405 16.5349 10.898 17.1815 9.00034 17.1815C7.10205 17.1815 5.3596 16.5349 3.97719 15.455H3.9758Z" fill="%234BB5CD"/></svg>');
    display: inline-block;
    height: var(--wp--preset--font-size--medium);
    width: var(--wp--preset--font-size--medium);
    background-repeat: no-repeat;
    padding-right: 6px;
    background-position-y: 1px;
}

.home p.header-tel {
    color: #fff;
}

.search .wp-block-post-featured-image {
    max-height: 150px;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.search .wp-block-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search h2.wp-block-post-title {
    font-size: var(--wp--preset--font-size--large) !important;
    line-height: 1.5;
}

.search-container {
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.schema-faq .schema-faq-question:before {
    transform: rotate(90deg);
}

.home-blog-list li {
    width: 100%;
}

.hsForm_0545fccd-1aeb-4d0b-89b3-8aac7ca546e0 h3 span,
.hsForm_daa0f185-0eee-498e-9855-00baf37a9b01 h3 span{
    color: var(--wp--preset--color--imperial-blue);
}

.hsForm_0545fccd-1aeb-4d0b-89b3-8aac7ca546e0 h3,
.hsForm_daa0f185-0eee-498e-9855-00baf37a9b01 h3{
    font-size:clamp(20px, 1.25rem + ((1vw - 3.2px) * 1.111), 32px) !important;
}


.hsForm_0545fccd-1aeb-4d0b-89b3-8aac7ca546e0 ul,
.hsForm_daa0f185-0eee-498e-9855-00baf37a9b01 ul{
    list-style: none;
    margin-top: 5px;
	padding-left: 20px;
}

.hsForm_0545fccd-1aeb-4d0b-89b3-8aac7ca546e0 ul span,
.hsForm_daa0f185-0eee-498e-9855-00baf37a9b01 ul span {
    margin-left: 10px;
}

.hsForm_0545fccd-1aeb-4d0b-89b3-8aac7ca546e0 .hs-fieldtype-checkbox,
.hsForm_daa0f185-0eee-498e-9855-00baf37a9b01 .hs-fieldtype-checkbox {
    margin-top: 5px;
}

.hsForm_0545fccd-1aeb-4d0b-89b3-8aac7ca546e0 .hs_submit.hs-submit input,
.hsForm_daa0f185-0eee-498e-9855-00baf37a9b01 .hs_submit.hs-submit input{
    background: var(--wp--preset--color--rcm-blue)
}

.hsForm_0545fccd-1aeb-4d0b-89b3-8aac7ca546e0 .hs_submit.hs-submit input:hover,
.hsForm_daa0f185-0eee-498e-9855-00baf37a9b01 .hs_submit.hs-submit input:hover{
    background: var(--wp--preset--color--imperial-blue)
}


.single-post .wp-block-cover .wp-block-post-terms a {
    background: var(--tag-blue);
    border: 1px solid var(--tag-blue);
    color: #1A3560;
}

.single-post .wp-block-cover .wp-block-post-terms a:hover {
    background: #1A3560;
    border: 1px solid var(--tag-blue);
    color: var(--tag-blue);
}

.single-post .wp-block-cover h2.wp-block-post-title, 
.single-post .wp-block-cover .wp-block-post-date {
    color: #fff;
}

:target {
    scroll-margin-top: 60px; 
}



@media (max-width: 1400px) {
	.wp-block-query.whitepaper-grid .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(4, 1fr);
	}

}

@media (max-width: 1200px) {
	.wp-block-query.whitepaper-grid .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(3, 1fr);
	}

}


@media (max-width: 1000px) {
	.wp-block-query.whitepaper-grid .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.wp-block-query .columns-4.wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	

}

@media (max-width: 767px) {
	.wp-block-query.whitepaper-grid .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.wp-block-query .columns-4.wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.rcm-featured-post-card {
		display: block !important;
	}

	.rcm-featured-post-card .wp-block-group {
		padding-left: 0 !important;
		margin-top: 10px;
	}
	
	

}

@media (max-width: 781px){
	button.wp-block-navigation__responsive-container-open{
		top: -80px;
	}
}


@media (max-width: 1000px) {
	
	button.wp-block-navigation__responsive-container-open {
        color: #256AB5;
        position: absolute;
        
        right: 10px;
	}
	
	button.wp-block-navigation__responsive-container-close{
		color: #fff;
	}
	
	.home button.wp-block-navigation__responsive-container-open {
		color: #fff;		
	}

	.wp-block-group.search-container {
		display: none;
	}

    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }

    .wp-block-navigation__responsive-container {
        display: none !important;
    }
	
	.wp-block-navigation__responsive-container.is-menu-open {
        display: flex !important;
    }
	
	header.site-header .wp-block-navigation__responsive-container-open::before {
		content: "";
		display: block;
		width: 26px;
		height: 20px;
		background-color: currentColor;
		-webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='2' y1='2' x2='24' y2='2'/%3E%3Cline x1='2' y1='10' x2='24' y2='10'/%3E%3Cline x1='2' y1='18' x2='24' y2='18'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 20' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='2' y1='2' x2='24' y2='2'/%3E%3Cline x1='2' y1='10' x2='24' y2='10'/%3E%3Cline x1='2' y1='18' x2='24' y2='18'/%3E%3C/svg%3E") center / contain no-repeat;
	}

    header.site-header .wp-block-navigation__responsive-container-open svg {
        display: none;
    }
	
	
}








/**
 * JPG-specific Slide Track Gallery styling.
 *
 * Loaded only when the parent theme has enqueued its slick stack (i.e.,
 * the current page contains a gallery with the `is-style-slide-track`
 * block style or the legacy `make-slick` advanced class).
 *
 * Conditional enqueue lives in functions.php; this file holds the JPG
 * brand layer that sits on top of the parent's structural rules in
 * pilot-mercury-atlas/assets/css/style-slick-custom.css.
 */

/* ------------------------------------------------------------------------
   Arrow color — JPG dark-gold default with a light-gold hover.
   ------------------------------------------------------------------------ */
.wp-block-group.is-style-slide-track .slick-prev,
.wp-block-group.is-style-slide-track .slick-next,
.wp-block-group.make-slick .slick-prev,
.make-slick-mobile .slick-prev,
.wp-block-group.make-slick .slick-next,
.make-slick-mobile .slick-next {
	color: var(--wp--preset--color--dark-gold);
}

.wp-block-group.is-style-slide-track .slick-prev:hover,
.wp-block-group.is-style-slide-track .slick-next:hover,
.wp-block-group.is-style-slide-track .slick-prev:focus-visible,
.wp-block-group.is-style-slide-track .slick-next:focus-visible,
.wp-block-group.make-slick .slick-prev:hover,
.make-slick-mobile .slick-prev:hover,
.wp-block-group.make-slick .slick-next:hover,
.make-slick-mobile .slick-next:hover,
.wp-block-group.make-slick .slick-prev:focus-visible,
.make-slick-mobile .slick-prev:focus-visible,
.wp-block-group.make-slick .slick-next:focus-visible,
.make-slick-mobile .slick-next:focus-visible {
	color: var(--wp--preset--color--light-gold);
}


/* ------------------------------------------------------------------------
   Mobile viewport containment.

   The .slick-track is intentionally wider than the viewport (that's how
   slick pages through slides), and .slick-list clips it via the base
   `overflow: hidden` from slick.css. But on mobile the gallery itself
   plus its .slick-list can inherit a width that exceeds 100vw — when
   that happens the page gets a horizontal scrollbar even though the
   visible slides look fine. Cap both at 100vw on mobile.

   `overflow: hidden` deliberately NOT applied to the .wp-block-gallery
   so the prev/next arrows positioned at the gallery edges aren't
   clipped.
   ------------------------------------------------------------------------ */
@media (max-width: 619px) {
	.wp-block-group.is-style-slide-track,
	.wp-block-group.make-slick,
	.make-slick-mobile {
		max-width: 100vw;
	}
	.wp-block-group.is-style-slide-track .slick-list,
	.wp-block-group.make-slick .slick-list,
	.make-slick-mobile .slick-list {
		max-width: 100vw;
		overflow: hidden;
	}
}

.wp-block-group.is-style-slide-track-auto.is-on-dark .slick-prev, 
.wp-block-group.is-style-slide-track.is-on-dark .slick-prev, 
.wp-block-group.is-style-slide-track-auto.is-on-dark .slick-next, 
.wp-block-group.is-style-slide-track.is-on-dark .slick-next, 
.wp-block-group.make-slick.is-on-dark .slick-prev, 
.make-slick-mobile.is-on-dark .slick-prev, 
.wp-block-group.make-slick.is-on-dark .slick-next, 
.make-slick-mobile.is-on-dark .slick-next{
	color: #fff;
}