* {
	box-sizing: border-box; /* Ensures padding is included in the width calculation */
  }
 .post-content{padding: 30px 0;} 
/*utility*/
.default-shadow{-webkit-box-shadow: 0px 5px 15px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px rgb(0 0 0 / 20%);}
/*isotope*/
.doc-isotope{margin-bottom: 20px;} /*isotope doesn't deal with gap property of flex properly. It adds the side gap but not the bottom one
//to over this using this incase where isotope is used

/*flex grid*/
.list-grid {display: flex;flex-wrap: wrap;}
.list-grid .grid-four-item {display: flex;justify-content: center;/*align-items: center;*/}
.list-grid .grid-three-item {display: flex;justify-content: center;/*align-items: center;*/}
.list-grid .grid-two-item {display: flex;justify-content: center;/*align-items: center;*/}

/*default grid style*/
.default-grid-style{gap: 20px;}
.default-grid-style .thumb img{width: 100%;}
.grid-center{justify-content: center;}

/*news*/
.news-box {position: relative;overflow: hidden;}
.news-box a {text-decoration: none;}
.news-box .thumb {position: relative;height: 180px; overflow: hidden;}
.news-box .thumb img {min-width: 100%;height: auto;min-height: 100%; width: 100%;transition: 0.3s ease-out;}
.news-box:hover img {transform: scale(1.1);}
.news-box h3 {color: #151536;font-size: 17px;margin: 0 0 10px 0;padding: 3% 8%;}
.news-box p {font-size: 14px;line-height: 24px; padding: 0 8%;}
.sp-container{position: absolute;bottom: 0px;left: 0px;right: 0px;border-bottom: solid 5px #A7A8E0;/*for effect on read me*/}
.news-box .read-more { width: 100%;
    background: #A7A8E0;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    font-size: 15px;
    padding: 8px 0;
    display: block;
    transform: translateY(100%);
    overflow: hidden;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;}
.news-box a:hover > .sp-container {border-bottom: solid 0px #A7A8E0;}
.news-box a:hover > .sp-container .read-more{transform: translateY(0);bottom: 0px;}

.data-container {display: flex;	width: 100%;}
.category-col {flex: 0 0 60%;font-size: 13px;padding: 10px;}
.date-col {flex: 0 0 40%;font-size: 13px;padding: 10px;}
  

/*partner-list*/ 
.partner-box-alt .thumb img{transition: 0.3s ease-out;}
.partner-box-alt a:hover .thumb img{opacity:0.5;}

/*partners-logo*/
.partners-logo-grid {row-gap: 30px;column-gap: 50px;justify-content: center; align-items: center;}
.partners-logo-grid .partners-logo-item {display: flex;}
.partners-logo-item .thumb img {opacity: 0.7; max-width: 100%;height: auto; width: auto; max-height: 70px;
    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);
	transition: ease-in 0.2s;
}
.partners-logo-item a:hover .thumb img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);
	 filter: grayscale(0%);
}

/*partners archive page*/
.partner-box {}
.partner-box a{text-decoration: none;    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
    position: relative;
    display: flex;
    align-items: stretch;
	width: 100%;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;}

.partner-box a:hover {
		-webkit-box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.6);
		box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.6);
}

.partner-box .thumb {height: 150px;background: #fff; padding: 15px; display: flex;    flex: 26%;}
.partner-box .thumb img {min-height: auto;object-fit: scale-down;width: 100%;height: auto;}
.partner-box .partner-info{border-left: 1px solid #ccc;display: flex;flex: 58%;align-items: center;}
.partner-box .partner-info h3{color: #223044;font-size: 20px; line-height: 28px;font-weight: 600;margin: auto;}

/*Team*/
.team-box{text-align: center;}
.team-box a{text-decoration: none;}
.team-box .team-img {position: relative; text-align: center;max-width: 100%; height:auto;
    margin: 0 auto 10px; /* border: 1px solid #5a7f1e; */transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;}
.team-box .team-img img{width: 100%;height: auto;}
.team-box  a:hover .team-img  {opacity: 0.5;}

.team-box .team-name {color: #5a7f1e; text-transform: uppercase; font-size: 18px;}
.team-box .team-name span {color: #666;text-transform: none;font-style: italic; font-size: 10px;
    line-height: 18px; display: block;}
/* documents */
.document-box a[href$= ".pdf"]{line-height: 40px;font-size: 16px;text-decoration: none; color: #04577C;
	  image-rendering: -webkit-optimize-contrast;}
.document-box .category {margin-bottom: 0;color: #fff;background: #04577C;font-size: 10px;width: 100%;
		text-align: center;transition: all 0.2s ease;-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
}
.document-box a{margin: 0;
    padding: 0 !important;
    background: none !important;}
.document-box .icon-thumb {
    background: #A7A8E0;
    height: 120px;
    text-align: center;
    line-height: 115px;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;}
.document-box .icon-thumb img {
	display: inline-block;
	vertical-align: middle;
	height: 60px;
}
.document-box .description-info {
	padding: 10px 20px;
	background: #fff;
	min-height: 125px;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;}

.document-box .description-info .date {
	color: #04577C;
	font-size: 12px;
	font-weight: 600;
	position: relative;}

.document-box .description-info .date:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 35px;
	height: 1px;
	background: #04577C;}

.document-box .description-info h3 {
	color: #666;
	font-size: 14px;
	line-height: 18px;
}

@media screen and (min-width: 1025px) {	
*.list-grid .grid-four-item {width: calc(25% - 15px);}
/*.list-grid .grid-four-item {width: 23.5%;}*/
.list-grid .grid-two-item {width: calc(50% - 15px);}
}

@media screen and (min-width: 993px) and (max-width: 1024px) {
	.list-grid .grid-four-item {width: calc(33.33% - 13.5px);}
	.list-grid .grid-three-item {width: calc(33.33% - 13.5px);}
	.list-grid .grid-two-item {width: calc(50% - 15px);}	
}
@media screen and (min-width: 600px) and (max-width: 992px) {
	.list-grid .grid-four-item {width: calc(50% - 15px);}		
	.list-grid .grid-three-item {flex: 0 0 48%;}
	.list-grid .grid-two-item {width: calc(50% - 15px);}
}

@media screen and (max-width: 599px) {	
	.list-grid .grid-four-item { width: calc(100% - 15px);}
	.list-grid .grid-three-item {width: calc(100% - 15px);}	
	.list-grid .grid-two-item {width: calc(100% - 15px);}	
}