@charset "UTF-8";
/* 
* Case studies custom post type stylesheet
*/

.case-studies-template-default article figure{margin-top:20px;margin-bottom: 30px} 
.case-studies-template-default figure {display: inline-block;}
.case-studies-template-default h1{font-size: calc(24px + (38 - 24) * ((100vw - 300px) / (1600 - 300)));}
.cs-body p {padding: 0px;margin: 0px;font-size: 17px;letter-spacing: 0.19px;}
.cs-entry-content {width: 80%;margin: 3% auto;}
.cs-margin-row {width: 90%;margin-left: auto;margin-right: auto;}
.cs-grid {display: flex;flex-wrap: wrap;}
.cs-grid-wrap {flex: 1;min-width: 350px;padding: 20px;margin: 3%;}

.cs-header-wrap {height: 72vh;background-repeat: no-repeat;background-position: unset;background-size: cover;}
.cs-header-wrap h1 {text-align: center;display: flex;padding-top: 10%;}
.cs-margin-row {margin-right: 5%;margin-left: 5%;}

.cs-background-section {width: 100%;padding: 5%;}
.cs-background-section p {color: #000}
.cs-background-section h2 {color: #000; text-align: center;}

.cs-intro-row {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.cs-intro-column {max-width: 220px;text-align: center;padding: 10px;margin: 3%;}
.cs-intro-column img {height: 100px;}

.cs-intro-column h3 {color: #000}
.cs-intro-column span {font-size: 25px;line-height: 34px;font-weight:900;color:#000}

.nextprev {text-align: center;}
.cs-nav{background-color:var(--dark);margin-top:100px}
.cs-previousnext {display: flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;max-width: 1240px;
	padding:20px;border-top:1px solid #f4f4f4;}
.cs-previousnext-wrap{margin-top:20px}
.cs-previousnext img{padding:10px;border:1px solid var(--primary-color);border-radius: 10px}
.cs-previousnext span{color:#f2f2f2}
.cs-prev-post,
.cs-next-post{margin:10px;}

.cs-company-description-two{display: flex; align-items: flex-end}

.cs-grid-wrapper {display:grid;gap:2%;margin-top:15px;margin-bottom:6%;margin-left:auto;margin-right:auto;
	max-width:1400px;grid-template-columns:repeat(auto-fill,minmax(clamp(30%, (767px - 100vw)*1000, 100%),1fr));padding:1px}


.cs-slanted-right {background-color:var(--light-blue);padding:6%}
.cs-slanted-right h2 {text-align:left;color:#fff;font-size:22px}	
.cs-slanted-right p {text-align:left;color:#fff;font-size:16px;line-height:26px}	

@media(min-width:1000px){
.cs-slanted-right{clip-path: polygon(0px 0px,101% 52px,100% 88%,0px 99%)}
.cs-previousnext img {height:200px;object-fit: cover}
.cs-next-post,
.cs-prev-post {flex:1 1 45%}
}