.case-study .main-content {padding: 0;}
.case-study .page-top { float: left; width: 100%; margin: 0 0 1% 0; }
.case-study .main-page-title {font-weight: 900; text-align: center;  line-height: 1; color: white; text-transform: uppercase; margin: 2% 0 0 0; font-size: clamp(1.2rem, 1rem + 3.5vw, 4rem); /*font-size: 40px;*/}
.case-study .page-subtitle {font-weight: 900; text-align: center; font-size: 30px; line-height: 35px; color: white; margin:  0 0 2% 0;}
.case-study .section-one {width: 100%; float:left;  text-align: center; font-size: 25px; line-height: 1; font-weight: 700; color: white;  }
.case-study-intro-title-one {color: var( --tertiary-color); font-size: 30px; line-height: 1.1; text-transform: uppercase;  margin:  2% 0 0 0;}
.case-study-intro-title-two { width: 50%; color: var( --primary-color); margin:  0 auto 2% auto; font-size: 40px; line-height: 1; font-family: Raleway; font-weight: 400;}
.case-study-logo {width: 45%; margin: auto;}
.case-study-logo img {width: 100%; height: auto; margin: 2% 0 6% 0;}
.case-study .section-two { width: 100%; float: left;  margin: auto;  padding: 4% 0 4% 0; background-color: var( --tertiary-color); color: white; }
.case-study .section-two span {display: block; font-weight: bold; text-transform: uppercase; font-size: 20px; line-height: 1.5;}
.the-challenge-content {width: 45%; float: left; }
.deliverables-content {width: 45%; float: right; }


.case-study .section-three { width: 100%; float: left; padding: 2% 0 0 0; /*min-height: 850px;*/}
.case-study .section-three .tab-title {display: block; font-weight: bold; text-transform: uppercase; font-size: 20px; line-height: 1.5; color: var( --tertiary-color);}
.case-study .section-three .title {text-transform: uppercase; font-size: 30px; line-height: 1.5; font-family: Raleway; color: var( --primary-color); margin: 2% 0 0 0; display: block; font-weight: 400;}

.case-study .section-three #content-1 article { width: 50%; float: left; margin: 20px 0 0 0;}
.case-study .section-three #content-1 article:nth-child(2) {width: 50%; float: right;}
.case-study .section-three #content-2 article { width: 50%; float: left; margin: 20px 0 0 0;}
.case-study .section-three #content-2 article:nth-child(2) {width: 50%; float: right;}
.case-study .section-three #content-3 article { width: 50%; float: left; margin: 20px 0 0 0;}

.post-thomas-foods-international-usa .case-study .section-three #content-3 article, .post-corporate-college-services .case-study .section-three #content-3 article, .post-matri .case-study .section-three #content-3 article, .post-matri .case-study .section-three #content-1 article { width: 98%; float: left; margin: 20px 0 0 0;}

.case-study .section-three #content-3 article:nth-child(2) {width: 50%; float: right;}
.case-study .section-three #content-4 article { width: 50%; float: left; margin: 20px 0 0 0;}
.case-study .section-three #content-4 article:nth-child(2) {width: 50%; float: right;}
.case-study .section-three #content-5 article { width: 50%; float: left; margin: 20px 0 0 0;}
.case-study .section-three #content-5 article:nth-child(2) {width: 50%; float: right; }

/* .case-study .section-three article:nth-child(3) {width: 100%; float: left; text-align: center; margin: 4% 0;} */

.case-study-image {text-align: center;}
.case-study-image img {width: 80%; height: auto; /*margin: 0 0 0 4%; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04); border-radius: 15px; */ }

.case-study-link a { width: 22%; display: inline-block; border: 5px solid var( --primary-color); text-align: center; text-transform: uppercase; color: var( --tertiary-color); border-radius: 15px; padding: 20px 0; margin: 0 10px 0 0; font-weight: 800; font-size: 20px; line-height: 1; font-family: Raleway;}
.case-study-link a:hover {color: white; background-color: var( --secondary-color);}
.case-study-gallery {width: 100%; float: left; margin: 40px 0 0 0; }


.container-tab { width: 100%; padding: 10px 0; padding: 10px 0px; margin: auto; }
.container-tab .card { margin: 0 auto;}
.tabs { text-align: left; position: relative; }
.tabs input { position: absolute; opacity: 0; margin: 0; padding: 0; }

.tabs input + label:hover { color: white; background-color: var( --primary-color); }
/* .tabs .tabsShadow { width: 100%; padding: 10px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04); box-sizing: border-box; position: absolute; height: 35px; z-index: 0; top: 0; pointer-events: none; } */

.content .item { /*opacity: 0; visibility: hidden; position: absolute;*/ display: none; transition: all 0.3s;  margin: 2% 0 0 0; top: 0; }
#tab-1:checked + label { color: white; background-color: var( --secondary-color);}
#tab-2:checked + label { color: white; background-color: var( --secondary-color); }
#tab-3:checked + label { color: white; background-color: var( --secondary-color);}
#tab-4:checked + label { color: white; background-color: var( --secondary-color); }
#tab-5:checked + label { color: white; background-color: var( --secondary-color); }
#tab-1:checked ~ section #content-1, #tab-2:checked ~ section #content-2, #tab-3:checked ~ section #content-3, #tab-4:checked ~ section #content-4, #tab-5:checked ~ section #content-5 { opacity: 1; /*visibility: visible;*/ display: block;}

.tabs input + label { transition: all 0.3s; display: inline-flex; -webkit-box-pack: center; vertical-align: top; justify-content: flex-start; cursor: pointer; 
border: 5px solid var( --primary-color); text-align: center; text-transform: uppercase; color: var( --tertiary-color); border-radius: 15px; padding: 10px 20px; margin: 0 5px 5px 0; font-weight: 800; font-size: 20px; line-height: 1; font-family: Raleway; }
.content { margin: 0px auto; text-align: left; display: block;/* z-index: 2; position: relative;*/ }
.container-tab .card {}
.tabs input { position: relative; opacity: 0; margin: 0 0 0 -15px; padding: 0; }

.case-study .section-four { width: 100%; float: left;/*margin: 8% 0;*/ padding: 0 4% 4% 4%; background-color: var( --primary-color); color: white; font-size: clamp(30px, 50% + 20px, 75px); font-weight: 600; line-height: 1;}
.case-study .section-four .main-content {width: 85%;}
.case-study .section-four .title {text-transform: uppercase; font-size: 30px; line-height: 1.1; font-family: Raleway; color: white; margin: 3% 0 1% 0; display: block; font-weight: 400; text-align: center;}
ul.case-study-outcomes {margin: 0; padding: 0; position: relative; text-align: center;}
.case-study-outcomes li {display: inline-block; list-style-type: none; text-transform: uppercase; font-size: 22px; line-height: 1; font-weight: 800; padding: 0 15px; text-align: center; position: relative; margin: 2%;}
/* .case-study-outcomes li:first-of-type { width: 21%; text-align: left;} */
.case-study-outcomes li div {font-size: 70px; line-height: 1; display: block; }

.case-study .section-five { width: 100%; float: left;  margin: 0 0 8% 0; padding: 0 0 8% 0; text-align: center;}
.case-study .section-five .title {text-transform: uppercase; font-size: 30px; line-height: 1.1; font-family: Raleway; color: var( --primary-color); margin: 4% 0; display: block; font-weight: 400;}

.video-selection a { position: relative; color: black; float: left;}
.video-selection a:hover { cursor: pointer; transform: scale(1.05); -webkit-transform: scale(1.05); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: var(--secondary-color);}
.video-selection a img {width: 100%; height: auto;}

ul.video-selection {list-style: none; margin: 0; padding: 0;}
.video-selection li {float: left; width: 29%; margin: 5px 10px 10px 10px; padding: 0; min-height: 280px; text-align: center; position: relative;  -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; line-height: 1.3;}
.video-selection a:before {display: block; background-image: url(../images/play-button.png); content: ""; width: 100%; height: 90%; position: absolute; top: 0; left: 0; background-size: 55%; background-repeat: no-repeat; z-index: 999; background-position: center center;}
.video-selection a:hover:before {color: var(--secondary-color); background-image: url(../images/play-button-hover.png); }

/* Category Page */
.category-case-studies .body-content {margin: 0;  min-height: 800px; /*background-image: url(../images/line-grid-bg.jpg); background-size: 20%; background-position: top;*/ }
.category-case-studies .full-width .main-content { display: flex; flex-flow: row wrap;}
.category-case-studies h2 {text-transform: uppercase; color: var(--primary-color); font-weight: 900; font-size: 35px; margin: 0; }
.category-case-studies  i {margin: 0 0 20px 0; display: block;}
.category-case-studies .page-top {margin: 8% 0 0 0;}
.category-case-studies .main-page-title {color: white; font-size: 60px; line-height: 1;}
.category-case-studies .secondary-page-title {background-color: var(--primary-color); text-transform: uppercase; font-weight: 600; color: white; font-size: 40px; line-height: 1; padding: 2% 0; text-align: center; width: 100%; float: left; margin: 0 0 2% 0;}
.category-case-studies .page-subtitle {color: white; width: 50%; margin: 5px auto 40px auto; font-size: 22px; line-height: 1;}
.category-case-studies .main-page-title {margin: 40px 0 0 0;}
.category-case-studies .header {background: white; box-shadow: 0 0 20px -5px #666; 	position: absolute; top: 0;	z-index: 99;}
.category-case-studies article {width: 46%; min-height: 240px; float: left; padding: 15px; margin: 20px 10px 10px 10px; text-align: left; }
.category-case-studies article p { width: 100%; /*margin: auto;*/}
.category-case-studies .wp-post-image {width: 100%; height: 250px; overflow: hidden; position: relative; margin-left: auto; margin-right: auto; }
.category-case-studies .wp-post-image img {height: auto;  margin: auto; position: absolute; top:0; bottom: 0; object-fit: cover;}
.category-case-studies .case-study-logo {width: 100%; height: auto; margin: 0;}
.category-case-studies .case-study-logo img {width: 85%; height: auto; margin: 0;}
.case-studies-services-provided {margin: 10px 0; font-size: 15px; line-height: 1.3; min-height: 50px;}
.case-studies-services-provided a, .case-studies-services-provided a:hover {color: var(--dark-grey);}
.case-studies-services-description {min-height: 160px;}
.case-studies-services-page-link {min-height: 50px}
/* Responsive */

@media (max-width: 1800px) {
	.video-selection li { min-height: 260px; }
}

@media (max-width: 1550px) {
	.tabs input + label { font-size: 16px;}
	.case-study-intro-title-two { width: 60%;}
	.case-study-logo {width: 55%;}
}

@media (max-width: 1350px) {
	.tabs input + label { font-size: 14px; border: 3px solid var( --primary-color);}
	.video-selection li { min-height: 210px; }
}

@media (max-width: 1200px) {
	.tabs input + label { font-size: 12px; border: 2px solid var( --primary-color);}
	/*.case-study .section-three { min-height: 750px;} */
	.case-study-intro-title-two { width: 80%; font-size: 30px;}
	.case-study-logo {width: 75%;}
	.case-study-outcomes li div {font-size: 50px; }
	.case-study-outcomes li {font-size: 18px;}
	.case-study .page-top {padding: 2% 0;}
	.video-selection li { min-height: 180px; }
	.category-case-studies .main-page-title {margin: 80px 0 0 0;}
}
@media (max-width: 1000px) {
	.case-studies-services-description {min-height: 230px;}
}

@media (max-width: 900px) {
	.case-study-intro-title-two { width: 100%; }
	.case-studies-services-description, .case-studies-services-provided {min-height: auto;}
	.case-study-logo {width: 100%;}
	.case-study-outcomes li div {font-size: 40px; }
	.case-study-outcomes li {font-size: 16px; width: 100%;}
	.category-case-study article {width: 100%;}
	.category-case-studies article {width: 100%; min-height: auto; }
	.video-selection li { width: 46%; min-height: 200px; }
	.category-case-studies .main-page-title {margin: 100px 0 0 0;}
	/* .case-study .section-four .title {text-align: center; margin: 12% 0;} */
}

@media (max-width: 700px) {
	.the-challenge-content {width: 95%; float: left; margin: 20px 0 40px 0; }
	.deliverables-content {width: 95%; float: left; margin: 0 0 40px 0;}
	.case-study .section-three #content-1 article { width: 100%; }
	.case-study .section-three #content-1 article:nth-child(2) {width: 100%; }
	.case-study .section-three #content-2 article { width: 100%; }
	.case-study .section-three #content-2 article:nth-child(2) {width: 100%; }
	.case-study .section-three #content-3 article { width: 100%; }
	.case-study .section-three #content-3 article:nth-child(2) {width: 100%; }
	.case-study .section-three #content-4 article { width: 100%;}
	.case-study .section-three #content-4 article:nth-child(2) {width: 100%; }
	.case-study .section-three #content-5 article { width: 100%;}
	.case-study .section-three #content-5 article:nth-child(2) {width: 100%; float: left; }
	.case-study .case-study-image {text-align: left;}
	.case-study-intro-title-two {font-size: 25px;}
	.case-study-intro-title-one {font-size: 20px;}
	.tabs input + label { display: block;}
	.tabs input {display: none;}
	/* .content, .container-tab .card {z-index: auto;} */
	.content .item {position: relative;}
	.case-study .section-three {min-height: auto;}
	.case-study .page-top {padding: 6% 0;}
	.case-study-image img {width: 100%;}
}
@media (max-width: 600px) {
	 .video-selection li { width: 46%;  height: 18%; margin: 5px 5px 5px 5px; } 
}

@media (max-width: 500px) {
	.case-study-outcomes li {width: 100%; margin: 0 0 20px 0;}
	.video-selection li { width: 100%; height: auto;  }
	.video-selection a:before {background-size: 35%;}
	
}
@media (max-width: 400px) {
	
}