.post-type-archive-story section.storieshero
{
background: var(--col-green);
	    position: relative;
    z-index: 1000;
	overflow:hidden;
	
}
.post-type-archive-story section.storieshero .storiesinner
{

	    position: relative;
    z-index: 1000;
	
}

.post-type-archive-story section.storieshero .storiesinner .left
{
	max-width:45%;
}


.post-type-archive-story section.storieshero .bgimage .image-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
	

}


.post-type-archive-story section.storieshero .trainingcontent
{
	
	    position: relative;
    z-index: 100;
}
.post-type-archive-story section.storieshero .bgimage
{
	
	position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.post-type-archive-story section.storieshero .bgimage img
{    width: 100%;
    height: 100%;
    object-position: right center;
}


.post-type-archive-story section.storieshero h1 p,
.post-type-archive-story section.storiescontainer h1 p{
  font-family: var(--heading-font);
  letter-spacing: 2px;
  font-size: clamp(2.2rem, 1.91rem + 0.724vw, 3.3rem);
  line-height: clamp(2.6rem, 2.31rem + 0.724vw, 3.7rem);
	 -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
	color: var(--col-darkblue);


}

.post-type-archive-story section.storieshero .storiesherosubheading
{
font-size: clamp(1.8rem, 1.56rem + 0.76vw, 2.25rem);
	font-weight: 800;
    color: var(--col-real-darkblue);
	margin:1rem 0 2rem 0;
}




.post-type-archive-story section.storieshero .storiesherostrapline1,
.post-type-archive-story section.storieshero .storiesherostrapline1 p
{
    
  font-size: clamp(1.17rem, 1.06rem + 0.21vw, 1.37rem);
    font-weight: 400;
  
   color: var(--col-real-darkblue);
}




.post-type-archive-story section.storieshero .storiesherostrapline2,
.post-type-archive-story section.storieshero .storiesherostrapline2 p
{
       
  font-size: clamp(1.17rem, 1.06rem + 0.21vw, 1.37rem);
    font-weight: 500;
  text-align:center;
   color: var(--col-darkblue);
	margin: 1.5rem 0 0 0;
}

.post-type-archive-story section.storieshero .storiesherostrapline1
{
width: fit-content;
   
     color: var(--col-darkblue);
  background: var(--col-white);
    padding: 25px 20px;
    border-radius: 10px; 
	    border: 1px solid currentColor;
    
}

  
.post-type-archive-story section.storieshero .storiesherostrapline1 ul
{list-style: disc;
    margin: 0 0 0 20px;
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.post-type-archive-story section.storieshero .storiesherostrapline2 span,
.post-type-archive-story section.storieshero .storiesherostrapline2 p span
{
      font-size: clamp(1.2rem, 1.0936rem + 0.3404vw, 1.4rem);
    font-weight: 700 !important;
  color: var(--col-darkblue);
}


.post-type-archive-story section.storiescontainer
{
background: var(--col-orange);
	background-image:
    url("data:image/svg+xml,%3Csvg width='3000' height='1402' viewBox='0 0 3000 1402' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M-51 1401.08L-49.2 942L-11.1001 988.609L282.2 1347.51L1959.77 969.788L1729.6 1401.08H-51Z' fill='url(%23paint0_linear_669_480)'/%3E%3Cpath d='M1669 1402L1948.82 978.707L2988.43 64.7644L3001.15 53.5713L3032.49 26.0249L3032.52 26L3033 1402H1669Z' fill='url(%23paint1_linear_669_480)'/%3E%3Cpath d='M1958 970.712L2987.12 39.4971L2999.72 28.0924L3030.75 0.0255127L3030.77 0.00012207V1402H2628.47L1958 970.712Z' fill='%23F0D293'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_669_480' x1='954.387' y1='942' x2='954.387' y2='1401.08' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBB2D'/%3E%3Cstop offset='1' stop-color='%2399701B'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_669_480' x1='1872.93' y1='26' x2='1872.93' y2='1402' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0721154' stop-color='%2377591A' stop-opacity='0.8'/%3E%3Cstop offset='0.432692' stop-color='%2399701B' stop-opacity='0.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"),
    linear-gradient(162deg, rgb(253, 195, 75) 41%, rgb(255, 187, 45) 74%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
 
background-attachment: fixed;
}


.post-type-archive-story section.storiescontainer .allcontainer #search-filter-input-checkbox-0
{
flex-direction: row;
    gap: 20px;
}
.post-type-archive-story section.storiescontainer .allcontainer .filters
{
border-bottom: 2px solid var(--col-midblue2);
    padding: 0 0 1rem;
    margin: 0 0 3rem;
}


.post-type-archive-story section.storiescontainer .allcontainer .search-filter-input-checkbox__control>svg {
    width: 100%;
    height: 100%;
    fill: #0074ff;
    color: var(--col-midblue2);
    display: block;
    margin: 0;
}



.post-type-archive-story section.storiescontainer .allcontainer .search-filter-input-checkbox--is-active>.search-filter-input-checkbox__container>.search-filter-input-checkbox__control>svg {
    fill: var(--col-midblue2);
    color: var(--col-midblue2);
}

.post-type-archive-story section.storiescontainer .allstories {
    display: grid;
    margin: 0 auto;
}
.post-type-archive-story section.storiescontainer .allcontainer #search-filter-label-0,
.post-type-archive-story section.storiescontainer .allcontainer .search-filter-input-checkbox__label

{
    color: var(--col-darkblue);
    font-weight: 600;
}

.allstories .reveal-item {
    opacity: 1 !important;
    transform: translateY(0) !important;
}



.post-type-archive-story section.storiescontainer .story {
    display: grid;
    grid-row: span 3; 
    grid-template-rows: subgrid; 
	background: var(--col-real-white);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(5, 42, 72, 0.1);
    position: relative;
    margin: 0 0 40px;
	
}


.post-type-archive-story section.storiescontainer .banneranimsect3 {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background-color: #000;
}

.post-type-archive-story section.storiescontainer .banneranimsect3 img,
.post-type-archive-story section.storiescontainer .banneranimsect3 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border: none;
}


.post-type-archive-story section.storiescontainer .storyname {
    margin: 15px 0 0 0;
    align-self: start;
   color: var(--col-midblue2);
    font-weight: 600;
}


.post-type-archive-story section.storiescontainer .maincontent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.post-type-archive-story section.storiescontainer .storycontent p {
    margin-top: 10px;
    line-height: 1.6;
}
.post-type-archive-story section.storiescontainer .storyreadmore
{
background-color: var(--col-midblue);
    border: 0px solid var(--col-darkblue);
    color: var(--col-white);
    font-size: 1.2rem;
    font-weight: 600;
    padding: 6px 20px;
	width: fit-content;
}


/* The dialog box itself */
#postModal {
  width: 70%;
  max-width: 900px;
  border: none;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;

  /* subtle shadow */
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);

  /* smooth entrance */
  opacity: 0;
  transform: translateY(20px) scale(0.98);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* When open */
#postModal[open] {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Inner content */
#postModal .modal-content {
  padding: 20px;
  background: var(--col-white);
  border-radius: 16px;
}

/* Backdrop (dark overlay) */
#postModal::backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
}

/* Close button */
#closeModal {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 26px;
    border: none;
    background: var(--col-midblue2);
    cursor: pointer;
    color: var(--col-real-white);
    padding: 0px 7px;
    border-radius: 21px;
}







@media only screen  and (min-width: 2350px){
	.post-type-archive-story section.storiescontainer .allstories {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0px 60px; 

}

.post-type-archive-story section.storieshero .bgimage .image-overlay {

	    background: linear-gradient(to right, var(--stories-grad-start) 0%, var(--stories-grad-end) 62%, transparent 75%, transparent 100%) !important;
}

	.post-type-archive-story section.storieshero .bgimage img
{   
    object-fit: contain;
   
}
	


}


@media only screen  and (min-width: 1920px) and (max-width: 2349.99px){
	
.post-type-archive-story section.storiescontainer .allstories {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0px 60px; 

}
	
.post-type-archive-story section.storieshero .bgimage .image-overlay {

	    background: linear-gradient(to right, var(--stories-grad-start) 12%, var(--stories-grad-end) 54%, transparent 74%, transparent 100%) !important;
	}
	
	.post-type-archive-story section.storieshero .bgimage img
{   
    object-fit: contain;
   
}
	
}




@media only screen  and (min-width: 1440px) and (max-width: 1919.99px){
	
	
	.post-type-archive-story section.storiescontainer .allstories {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0px 60px; 

}
	
.post-type-archive-story section.storieshero .bgimage .image-overlay {

	
	
	    background:linear-gradient(to right, var(--stories-grad-start) 9%, var(--stories-grad-end) 51%, transparent 77%, transparent 100%) !important;
}


	.post-type-archive-story section.storieshero .bgimage img
{   
    object-fit: contain;
	object-position: 122% center;

   
}


.post-type-archive-story section.storieshero .storiesherosubheading
{

	margin:1rem 0;
}






.post-type-archive-story section.storieshero .storiesherostrapline3
{

    margin: 3rem 0 0 0;
    
}
}








@media only screen and (min-width: 1200px) and (max-width: 1439.99px){
	.post-type-archive-story section.storiescontainer .allstories {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0px 30px; 

}

	.post-type-archive-story section.storieshero .bgimage img
{   
        object-fit: cover;
        object-position: 200px center;
}

.post-type-archive-story section.storieshero .bgimage .image-overlay {

    background: linear-gradient(to right, var(--stories-grad-start) 6%, var(--stories-grad-end) 50%, transparent 73%, transparent 100%) !important;
}



.post-type-archive-story section.storieshero .storiesherosubheading
{

	margin:1rem 0;
}






.post-type-archive-story section.storieshero .storiesherostrapline3
{

    margin: 3rem 0 0 0;
    
}
	
}





@media only screen and (min-width: 993px) and (max-width: 1199.99px){

	.post-type-archive-story section.storiescontainer .allstories {
    grid-template-columns: 1fr 1fr;
    gap: 0px 40px; 

}
	
	.post-type-archive-story section.storieshero .storiesinner .left {
    max-width: 60%;
}
	
	.post-type-archive-story section.storieshero .bgimage img
{   
 object-fit: cover;
        object-position: 122px center;
}

.post-type-archive-story section.storieshero .bgimage .image-overlay {

    background: linear-gradient(to right, var(--stories-grad-start) 0%, var(--stories-grad-end) 51%, transparent 73%, transparent 100%) !important;
}



.post-type-archive-story section.storieshero .storiesherosubheading
{
max-width: 95%;
        text-wrap: balance;
	margin:1rem 0;
}



.post-type-archive-story section.storieshero .storiesherostrapline2
{
    max-width: 70%;
    text-wrap: balance;
	}

.post-type-archive-story section.storieshero .storiesherostrapline3
{

    margin: 3rem 0 0 0;
    
}
	
	.post-type-archive-story section.storieshero .storiesherostrapline3 p span
	{
		display:block;
	}
}
	


@media only screen and (min-width: 768px) and (max-width: 992.99px){
	
		.post-type-archive-story section.storiescontainer .allstories {
    grid-template-columns: 1fr 1fr;
    gap: 0px 30px; 

}
	
	.post-type-archive-story section.storieshero .storiesinner .left {
    max-width: 70%;
}	
	
.post-type-archive-story section.storieshero .storiesheroinner
	{
		padding: 0 2rem;
	}
	.post-type-archive-story section.storieshero .bgimage img
{   
  object-fit: cover;
       object-position: 125px 0px;
   
}
	
	.post-type-archive-story section.storieshero .storiesherostrapline1
	{
		margin: 0 0 2rem 0;
	}

.post-type-archive-story section.storieshero .bgimage .image-overlay
	{

	    background: linear-gradient(to right, var(--stories-grad-start) 28%, var(--stories-grad-end) 54%, transparent 86%, transparent 100%) !important;

		}
.post-type-archive-story section.storieshero 
{
padding:0;
	
}

.post-type-archive-story section.storieshero .trainingcontent {
  margin: 75px 0;
}

.post-type-archive-story section.storieshero .storiesherosubheading
{

	margin:1rem 0;
}







.post-type-archive-story section.storieshero .storiesherostrapline3
{

    margin: 3rem 0 0 0;
    
}
}






@media only screen and (min-width: 500px) and (max-width: 767.99px){
	
	
		.post-type-archive-story section.storiescontainer .allstories {
    grid-template-columns: 1fr;
    gap: 0px 30px; 

}
  .post-type-archive-story section.storieshero .storiesinner .left {
    max-width: 100%;
}
	
	.post-type-archive-story section.storieshero .bgimage
	{
		display:none;
	}
	
	

	.post-type-archive-story section.storieshero .bgimage img
{   
    object-fit: cover;
   
}

.post-type-archive-story section.storieshero .bgimage .image-overlay {

    background: linear-gradient(to right, var(--stories-grad-start) 0%, var(--stories-grad-end) 47%, transparent 68%, transparent 100%);
}



.post-type-archive-story section.storieshero .storiesherosubheading
{

	margin:1rem 0;
}





.post-type-archive-story section.storieshero .storiesherostrapline3
{

    margin: 3rem 0 0 0;
    
}
	
	
    .allstories {
        grid-template-columns: 1fr !important;
    }
    .story {
   grid-row: auto !important; 
        display: block !important; 
       
    }
	
}



@media only screen and (min-width: 400px) and (max-width: 499.99px){

		.post-type-archive-story section.storiescontainer .allstories {
    grid-template-columns: 1fr;
    gap: 0px 30px; 

}
	
	.post-type-archive-story section.storieshero .storiesinner .left {
    max-width: 100%;
}
	
	.post-type-archive-story section.storieshero .bgimage
	{
		display:none;
	}
	
	

	.post-type-archive-story section.storieshero .bgimage img
{   
    object-fit: cover;
   
}

.post-type-archive-story section.storieshero .bgimage .image-overlay {

    background: linear-gradient(to right, var(--stories-grad-start) 0%, var(--stories-grad-end) 47%, transparent 68%, transparent 100%);
}



.post-type-archive-story section.storieshero .storiesherosubheading
{

	margin:1rem 0;
}





.post-type-archive-story section.storieshero .storiesherostrapline3
{

    margin: 3rem 0 0 0;
    
}
	
	
    .allstories {
    grid-template-columns: 1fr !important;
    }
    .story {
      grid-row: auto !important; 
        display: block !important; 
		padding: 12px !important;
       
    }
	
}




@media only screen and (max-width: 399.99px){
	
		.post-type-archive-story section.storiescontainer .allstories {
    grid-template-columns: 1fr;
    gap: 0px 30px; 

}
	
.post-type-archive-story section.storieshero .storiesinner .left {
    max-width: 100%;
}
	
	
	.post-type-archive-story section.storieshero .bgimage
	{
		display:none;
	}
	
	

	.post-type-archive-story section.storieshero .bgimage img
{   
    object-fit: cover;
   
}

.post-type-archive-story section.storieshero .bgimage .image-overlay {

    background: linear-gradient(to right, var(--stories-grad-start) 0%, var(--stories-grad-end) 47%, transparent 68%, transparent 100%);
}



.post-type-archive-story section.storieshero .storiesherosubheading
{

	margin:1rem 0;
}




.post-type-archive-story section.storieshero .storiesherostrapline3
{

    margin: 3rem 0 0 0;
    
}
	
    .allstories {
       grid-template-columns: 1fr !important;
    }
    .story {
        grid-row: auto !important; 
        display: block !important; 
		padding: 12px !important;
       
    }
	
}