/* Case Study Default Style */

.clear{ clear: both; }

.Glasgow_container, .Edinburgh_container {
	width:100%;
	float: left;
	display: block;
	border-bottom: 2px solid #296493;
	padding: 20px 10px;
}
.filter button {
    margin: 0 5px;
    background-color: #004f88;
    color: #fff;
    border: none;
    width: 150px;
}
.imgResponsive {
	width: 230px;
	height: 170px;
	margin: 0 10px 10px 0;
}
#glasgow, #edinburgh, #showall{
	transition:0.5s;
}
#glasgow:hover, #edinburgh:hover, #showall:hover {
	background-color:#004f88;
	transform: scale(1.05);
	transition:0.5s;
}
#glasgow:focus, #edinburgh:focus, #showall:focus {
	background-color: #004f88;
}

.heading {
    display: block;
}
h2.name:after {
    content: '-';
}
p.date {
    padding: 5px 20px;
    margin: 0px 0px;
    font-weight:600;
}

.linkInfo {
    width: 200px;
    float: left;
    margin: 20px 0;
}
.filter {
	display: inline-flex;

}
.filter button {
    margin: 0 5px;
    background-color: #004f88;
}
.casestudy_container{
	background-color: #e3e3e3;
	color: #333;
	margin-bottom: 20px;
	padding: 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	width: 520px;
	float: left;
	margin-right: 20px;
	border-bottom: 5px solid #1e396d
}

.Glasgow_container h1, .Edinburgh_container h1{ color: #1e396d!important; font-size: 30px!important; margin-top: 0px!important; }

.Glasgow_container img, .Edinburgh_container img{
	float: left;	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    width:300px;
    padding:0 20px 0 0;
}

.findout{
	display: block;
	background-color: #1e396d;
	margin-top: 20px;
	width: 150px;
	text-align: center;
	color: #fff!important;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.text{ width: 650px;}

.case_study_info{ 
	background-color: #23a0da;
	color: #fff; 
	margin-bottom: 20px;
	padding: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

.case_study_additional{
	padding: 20px;
	border: 1px solid #1e396d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}
.case_study_additional div{ 
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e3e3e3;
}

.slide_h1{
	color: #1e396d;
	font-size: 20px;
}

.calltoaction_box{
	padding: 20px;
	background-color: #1e396d;
	color: white;
	margin-top: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

/* Review Styling */
.heading h1 {
    margin: 0!important;
}

.heading {
    display: flex;
}

h3.name {
    margin-right:10px!important;
    float: left;
}
h3.restaurant {
    margin: 0!important;
    margin-left: 10px!important;
}
a.link {
    text-decoration: none!important;
    border: none!important;
    box-shadow: none!important;
    margin: 0;
    padding: 10px;
    background-color: #004f88;
    color: #fff;
    width: 230px;
    text-align: center;
}
a.link:hover {
	color:#fff;
}


.metaInfo {
    width: 100%;
    margin: 20px 0px 10px 0px;
    display: flex;
}
.review_container {
    margin: 10px 0px 10px 0;
    padding: 10px;
    border-bottom: 4px solid #296493;
    background-color: #fafafa;
}

/* Case Study Media Queries */

@media only screen and (max-width:767px) {
img.imgResponsive {
    width: 100%;
    height:auto;
    float: left;
    margin: 0 0px 0 0;
}
}

@media only screen and (max-width:500px) {
	.casestudy_container{ width: 100%!important; margin-right: 0px!important;}
	.casestudy_container img{ display: none; }
}


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

.Glasgow_container, .Edinburgh_container {
    width: 100%;
    float: left;
    display: block;
    border-bottom: 2px solid #296493;
    padding: 10px 5px;
}

.metaInfo {
    display: inline-block!important;
}

h2.name, h2.restaurant {
    margin: 0;
}

p.date {
    padding: 5px 0 0 0!important;
    margin: 0!important;
}

.Glasgow_container img, .Edinburgh_container img {
    width: 100%!important;
    margin: 0;
    padding: 0 0 10px 0;
}

.filter button {
    width: 100%;
    padding: 10px;
    float: left;
    margin: 10px 0;
    font-size: 18px;
}

.filter {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
}

}