.m_CaseStudies
{

	color: $kb_txt_regular;

	.close img{
		width:30px !important;
		float: right;
		margin-top: -20px;
		margin-right: -9px;
		cursor:pointer;
		position:relative;
		z-index:99
	}

	h2
	{
		color: $kb_txt_dark;
		font-size: 38px;
		margin-top: 47px;
		margin-bottom: 11px;
	}

	hr.rule-purple
	{
		margin-bottom: 15px;
	}

	p
	{
		font-size: 18px;
		line-height: 28px;
	}

	.grid-padding-x .cell
	{
		padding-right: 36px;
    	padding-left: 36px;
	}

	.grid-padding-y .cell
	{
		padding-top: 43px;
    	padding-bottom: 43px;
	}

	.logo
	{
		width: 100%;
		height: 100%;
		max-width: 250px;
		margin-bottom: 24px;
	}

	.dropdown-button
	{
		cursor: pointer;
		-moz-user-select: none; /* Firefox */
	    -ms-user-select: none; /* Internet Explorer */
	    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	    -webkit-user-select: none; /* Chrome, Safari, and Opera */
	    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	}

	.dropdown-button img
	{
		width: 44px;
		height: 46px;
	}

	.dropdown-button img:nth-child(2)
	{
		display: none;
	}

	.expanded .dropdown-button img:nth-child(1)
	{
		display: none;
	}

	.expanded .dropdown-button img:nth-child(2)
	{
		display: inline-block;
	}

	.dropdown-content .banner
	{
		background-repeat: no-repeat;
    	background-position: center;
		background-color: $kb_white;
		position: relative;
		text-align: center;
	}

	.dropdown-content.logo-visual .banner
	{
		min-height: 321px;
	}

	.dropdown-content.image-visual .banner
	{
		background-size: cover;

		@media screen and (max-width: 69.99875em){
			height:270px;
			overflow:hidden;
		}

		@media screen and (max-width: 49.99875em){
			height:230px;
			overflow:hidden;
		}
	}

	.dropdown-content.image-visual img
	{
		width: 100%;
	}

	.dropdown-content.video-visual .banner
	{
		overflow: hidden;
		padding-top: 56.25%;
	}

	.dropdown-content.video-visual iframe
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}

	.dropdown-content
	{
		display:none;
		background-color: $kb_mediumPurple;
		color: $kb_white;
		text-align: left;
		-webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
		margin-top: 24px;
	}
	.expanded .dropdown-content
	{
		display:block;
	}

	.dropdown-content hr
	{
		margin-bottom: 20px;
	}

	.dropdown-content h3
	{
		font-size: 22px;
		font-weight: 700;
		line-height: 25px;
		margin-bottom: 14px;
		text-transform: uppercase;
	}

	.dropdown-content h4
	{
		font-size: 18px;
		font-weight: 400;
		line-height: 25px;
		font-weight:bold;
		text-transform: uppercase;
		font-family:Source Sans Pro;
	}

	.dropdown-content p
	{
		font-size: 18px;
		line-height: 32px;
		margin-bottom: 14px;
	}

	.dropdown-content p.stats
	{
		color: $kb_blue;
		font-size: 35px;
		font-weight: 700;
		line-height: 40px;
		margin:0;
	}

	.dropdown-content.stats .section-two
	{
		padding-top: 24px;
	}

	.dropdown-content .link-section
	{
		background-color: $kb_purple;
		display: block;
		padding: 14px 0 18px 0;
		text-align: center;
	}

	.dropdown-content .view-more
	{
		color: $kb_white;
		font-size: 18px;
		font-weight: 600;
		text-transform: uppercase;
		position: relative;
		&:hover {
			color:#D04609;
		}
		&:hover:after {
			border-bottom:1px solid #D04609;
		}
		&:visited {
			color:#D04609;
		}
		&:visited:after {
			border-bottom:1px solid #D04609;
		}
	}

	.dropdown-content .view-more:after
	{
		content: "";
		position: absolute;
		left: 0;
		bottom: -4px;
		width: 100%;
		border-bottom: 2px solid $kb_white;
	}

	.card
	{
		border: none;
	}

	.no-visual .card-section
	{
		padding-top: 30px;
	}

	@include breakpoint(medium)
    {
        h2
	    {
			font-size: 44px;
			margin-bottom: 19px;
		}

		hr.rule-purple
		{
			margin-bottom: 18px;
		}

		.logo
		{
			max-width: 265px;
			max-height: 157px;
		}

		.grid-padding-x .cell {
			padding-right: 78px;
			padding-left: 78px;
		}
    }

    @include breakpoint(large)
    {
        h2
	    {
			margin-bottom: 19px;
		}

		hr.rule-purple
		{
			margin-bottom: 22px;
		}

		.logo
		{
			display:block;
			margin: 0 auto;
			max-width: 200px;
			max-height: 75px;
		//	object-fit: contain;
			width:auto;
		}

		.grid-padding-x
		{
			padding-right: 100px;
			padding-left: 100px;
		}

		.grid-padding-x .cell
		{
			padding-right: 15px;
			padding-left: 15px;
		}

		.grid-padding-y .cell
		{
			padding-top: 52px;
		}

		.large-up-4
		{
			position: relative;

		}

		.dropdown-button
		{
			bottom: 0;
			width: 44px;
			height: 46px;
			display: block;
			margin: 0 auto;
		}

		.dropdown-button img
		{
			width: 44px;
			height: 46px;
			position: absolute;
			bottom: 15px;
			display: block;
			margin: 0 auto;
		}

		.expanded .dropdown-button img:nth-child(2)
		{
			display: block;
		}

		.dropdown-content
		{
			position: relative;
			margin: 200px 10.8% 60px 13.5%;
			overflow: visible;
		}

		.dropdown-content.no-visual
		{
			position: relative;
			margin: 14px 10.8% 60px 10.8%;
			overflow: visible;
			-webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
		}


		.dropdown-content h4
		{
			margin-bottom: 5px;
		}

		.dropdown-content .banner
		{
			background-color: $kb_white;
			position: absolute;
			max-width: 572px;
			width: 60%;
			height: 321px;
			top: -187px;
			left: -38px;
			-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
		}

		.dropdown-content.image-visual .banner img
		{
			display: none;
		}

		.dropdown-content.video-visual .banner
		{
			padding-top: 0;
		}

		.dropdown-content .section-one
		{
			float: left;
			padding: 130px 30px 0 0;
		}
		.dropdown-content .section-two
		{
			float: right;
			padding: 0;
		}

		.dropdown-content.stats .section-one
		{
			width: 60%;
		}
		.dropdown-content.stats .section-two
		{
			width: 40%;
			padding-top: 0;
		}

		.dropdown-content.standard-results .section-one
		{
			width: 54%;
		}
		.dropdown-content.standard-results .section-two
		{
			width: 46%;
			padding-top: 206px;
		}
		.dropdown-content.no-visual .section-one
		{
			padding-top: 0;
		}

		.dropdown-content.no-visual .section-two
		{
			padding-top: 0;
		}

		.dropdown-content.standard-results.no-visual .section-two
		{
			padding-top: 67px;
		}


		.card-section {
			padding: 30px 20px 20px 30px;
			display: inline-block;
			@include breakpoint(small) {
			 	padding: 30px 30px;
		    }
		}

		.desktop-dropdown-content .dropdown-content
		{
			display: block;
		}

		.cell .dropdown-content
		{
			display: none;
		}
    }



}