/*------------------ 
		General Formatting
		--------------------*/

		.id7-main-content-area>.id7-main-content, .container {
			padding:0;
			margin:0;
		}  

		.id7-page-title, .navbar-tertiary {
			display:none;
		}

		.wrapper {
			padding:0 5px 5px 5px;
		}

		/* ---------------------------
		Header Section 
		-----------------------------*/

		/*Left-side- Header text */

		section.title-section {
			display:flex;
			font-family: 'Raleway', sans-serif;
		}

		div.title {
			width:50%;
			background: linear-gradient(119deg, #ffffff, #c9ebfb, #ffffff);
			display:flex;
			flex-direction: column;
			text-align:center;
			justify-content: center;
			color:#204f79;    
			align-items:center;    
		}

		div.title h2 {
			width: 368px;
			text-transform: uppercase;
			font-size: 75px; 
		}

		/* Right side- Header Img */

		div.title-image {
			width:50%;	
			height:300px;
		}

		div.title-image img {
			height:300px;
			width:100%;
			object-fit:cover;
		}


		/*------------------------------------- 
		Stuctural Formatting
		--------------------------------------*/

		/* Research Intro */
		.research-intro {
			padding: 5px;
			margin: 5px 0; 
		}
		
		.research-intro h3 {
			width:80%;
			margin:0 auto;
		}

		/* Research - Main Section */
		.flex-container {
			display:flex;
			flex-wrap: wrap;
			justify-content: center;
		}

		.why-research,
		.research-options {
			flex: 1 0 auto;
			width: calc(50% - 2px)
		}

		/* Reserach - Left side - Why Research */
		.why-research {
			display: flex;
			flex-wrap:wrap;
			align-items: center;
			margin-right:2.5px;
		}

		/* Research - Right side - Research Options */
		.research-options  {
			display:flex;
			flex-wrap:wrap;
			justify-content: space-around; 
		}

		/* Object Fit formatting fixes for IE 11 */
		.image.objFit, .why-research-img-1.objFit, .why-research-img-2.objFit, .why-research-img-3.objFit {
			background-size: cover !important;
		}  

		/*-------------------------------------
		Left Side - Cards Formatting
		------------------------------------*/

		.research-caption-1, .research-caption-2, .research-caption-3 {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
			height: 190px;
			flex: 1 0 auto;
			width: calc(50% - 5px);
			margin: 1.25px;
			background: linear-gradient(119deg,#f1f1f1, #ffffff)
		}

		.research-caption-2, .research-caption-3 {
			align-items: flex-start;
			padding: 10px;
		}

		.why-research-img-1, .why-research-img-2, .why-research-img-3 {
			position:relative;
			flex: 1 0 auto;
			width: calc(50% - 5px);
			margin: 1.25px;
			background: black;
			display: flex;
			height: 190px;
		}

		.why-research-img-1 img, .why-research-img-2 img, .why-research-img-3 img  {
			width:100%;
			height:100%;
			object-fit:cover;
		}

		.research-caption-1 h4 {
			padding: 15px;
			margin: 0;
			height:100%;
			text-align: center;
			max-width: 25%;
			font-size:36px;
		}

		.research-caption-2 h4, .research-caption-3 h4 {
			max-width: 80%;
			margin:0;
		}

		.research-caption-1 {
			display: flex;
			flex-direction: row;
			height: 190px;
			flex: 1 auto;
			width: calc(50% - 5px);
			margin: 1.25px;
			justify-content: flex-start;
			align-items: center;
			padding-left:5px;
			border-right: solid 2px #1f4f79;
		}

		.why-research-img-1 div.details,
		.why-research-img-2 div.details, 
		.why-research-img-3 div.details {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(0, 0, 0, 0.4);
			color: white;
			margin: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			font-family: 'Raleway', sans-serif;
			font-style: italic;
			transition:300ms ease-in-out;
			opacity:0;
		}

		.why-research-img-1 div.details p,
		.why-research-img-2 div.details p, 
		.why-research-img-3 div.details p {
			margin:0;
			padding:10px;
		}

		.why-research-img-2 div.details::before {
			content: '\201C';
			position: absolute;
			top: 12px;
			left: -4px;
			font-size: 70px;
		}

		.why-research-img-3 div.details::before {
			content: '\201C';
			position: absolute;
			top: 3px;
			left: -10px;
			font-size: 70px;
		}

		.why-research-img-1:hover div, .why-research-img-2:hover div, .why-research-img-3:hover div {
			opacity:1;
			background: rgba(0, 0, 0, 0.5);
		}

		.why-research-img-2 div.title,
		.why-research-img-3 div.title {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0px;
			width: 100%;
			color: white;
			font-size: 17px;
			display: flex;
			align-items: flex-start;
			font-family: raleway, serif;
			background: linear-gradient(to right, #4e4e4e, rgba(255, 255, 255, 0.2));
			transition: 300ms ease-in-out;
		}

		.why-research-img-2:hover .title, .why-research-img-3:hover .title {
			opacity: 0;
		}


		.why-research-img-2 div.title p,
		.why-research-img-3 div.title p {
			padding: 2.5px 5px;
			margin: 0;
		}


		/*------------------------------------------
		Right Side- Cards Formatting 
		-------------------------------------------*/

		.create, .present, .publish {
			flex:1 100%;
			display:flex;
		}
		.create, .present {
			margin-bottom: 2.5px;
		}
		
		.research-options .choices {
			display: flex;
			width: 100%;
			background: linear-gradient(119deg,#f1f1f1, #ffffff);
			padding: 10px;
			margin-top: 1px;
			margin-bottom: -15px;
			height: 50px;
			border-left: solid 2px #1f4f79;
		}

		.research-options .choices h3 {
			font-size:26px;
		}

		/* Left Side */ 
		.research-options .left {
			flex: 0 0 22%;
			background:#c9ebfb;
			margin-right: 2.5px;
			padding:5px;
			display:flex;
			justify-content: center;
			align-items: center;
			position:relative;
		}

		.research-options .left h3 {
			margin:0;
		}

		/* Right Side */
		.research-options .right {
			flex: 1;
			display: flex;
			flex-direction: column;
			height:100%;
		}

		.research-options .right h4 {
			text-align: center;
			margin: 5px;
			padding: 5px;
		}

		.research-options .right h4 a {
			text-decoration: none;
		}

		.research-options .right .caption {
			text-align: center;
			height: 20%;
			margin: 0;
		}

		.research-options .right .details {
			position: relative;
			height: 100%;
			width:100%;
			border-top: solid 2px #1f4f79;
			align-items: center;
			display: flex;
		}

		.research-options .right .details a {
			display: flex;  
			height: 100%;
			width:100%;
			text-decoration: none;
		} 

		.research-options .right .details p {
			flex: 1;
			font-size: 14px;
			padding: 5px;
			text-align: center;
			display: flex;
			align-items: center;
			background: #f1f1f1;
			height: 100%;
			margin: 0;
		}

		.research-options div.image {
			position:relative;
			flex: 1;
			height: 100%;
			display: flex;
			align-items: center;
			background: #f9f9f9;
		}

		.research-options .right .details img {
			height: 100%;
			width: 100%;
			object-fit: cover;
		}

		.research-options .right .details img.publish-image {
			object-fit:contain;
		}


		.research-options .right .details img.reinvention-image {
			object-fit: cover;
		}

		.link-caption {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			font-size: 24px;
			color: white;
			background: rgba(0, 0, 0, 0.5);
			transition: 300ms ease-in-out;
			opacity: 0;
			font-family: 'Raleway', serif;
		}

		.create a:hover .link-caption, .present a:hover .link-caption, .publish a:hover .link-caption {
			opacity:0.9;
		}

		.create a:focus-within .link-caption, .present a:focus-within .link-caption, .publish a:focus-within .link-caption {
			opacity: 0.9;
		}

		.create a:focus .link-caption, .present a:focus .link-caption, .publish a:focus .link-caption {
			opacity: 0.9;
		}

		div.card-title {
			height: 25%;
			background: #c9ebfb;
		}

		.create a, .present a, .publish a {
			text-decoration: none;
			height: 100%;
			width:100%;
		}

		/*--------------------------------------------------------------
		Media Queries
		--------------------------------------------------------------*/

		@media screen and (max-width:1200px) {

			.research-options {
				order: -1;
				flex: 1 75%;
			}                

			.why-research {
				flex: 1 24%;
			}       

			div.research-caption-1, div.research-caption-2, div.research-caption-3, div.why-research-img-1, div.why-research-img-2, div.why-research-img-3 {
				flex: 1 100%;
			}

			.why-research-img-1 {
				order: 0;
			}

			.research-caption-2 {
				order: 1;
			}

			.why-research-img-2 {
				order: 2;
			}

			div.research-caption-1, div.research-caption-2, div.research-caption-3 {
				height:81px;
			}

			div.research-caption-1 h4 {
				font-size: 30px;
				display: flex;
				justify-content: center;
				align-items: center;
				max-width: 100%;
			}

			div.research-caption-2 h4, div.research-caption-3 h4 { 
				font-size: 18px;
			}

			div.why-research-img-1, div.why-research-img-2, div.why-research-img-3 {
				height:125px;
			}



		}

		@media screen and (max-width:990px) {
			div.title h2 {
				font-size:70px;
			}

			.research-options {
				order: -1;
				flex: 1 100%;
			}                

			.why-research {
				flex: 1 100%;
				margin:0;
				padding: 5px 0;
			}       
			
			.research-options .choices {
				margin-bottom: 2.5px;	
			}

			div.research-caption-1, div.research-caption-2, div.research-caption-3, div.why-research-img-1, div.why-research-img-2, div.why-research-img-3 {
				flex: 1 49%;
				height: 140px;
				margin:1.25px 0;
			}

		}


		@media screen and (max-width:767px) {

			/* Header Section */

			.title-section {
				position:relative;
			}

			div.title {
				position: absolute;
				top:0;
				bottom:0;
				left:0;
				right:0;
				width:100%;
			}

			div.title-image {
				width:100%;
			}

			.title-section .title {
				background: linear-gradient(119deg, rgba(255, 255, 255, 0.4), rgba(32, 143, 142, 0.1), rgba(255, 255, 255, 0.6));
			}

			.title-section .title h2 {
				background: rgba(255,255,255,0.5);
				width: 100%;
			}          
			
			/* Research Intro */
			.research-intro h3 {
				width:100%;
			}

		}

		@media screen and (max-width:530px) {
			
			
			/* Why Research */
			.create, .present, .publish {
				flex-direction: column;
			}

			.why-research {
				justify-content: center;
			}
			
			/* Research Options */
			.research-options .left {
				display:none;
			}
		}

		@media screen and (max-width:425px) {
			/* Title Image */
			div.title h2 {
				font-size: 46px;
			}


			div.research-caption-1, div.research-caption-2, div.research-caption-3, div.why-research-img-1, div.why-research-img-2, div.why-research-img-3 {
				flex: 1 100%;
				height: 140px;
			}

			section.research-options .right .details p {
				font-size:12px;   
			}
		}