/* Fonts */
.bold {
	font-family: sofia-pro,sans-serif;
	font-weight: 700;
	font-style: normal;
}

.bold-italic {
	font-family: sofia-pro,sans-serif;
	font-weight: 700;
	font-style: italic;
}

.normal {
	font-family: sofia-pro,sans-serif;
	font-weight: 400;
	font-style: normal;
}

.normal-italic {
	font-family: sofia-pro,sans-serif;
	font-weight: 400;
	font-style: italic;
}

.light {
	font-family: sofia-pro,sans-serif;
	font-weight: 300;
	font-style: normal;
}

.light-italic {
	font-family: sofia-pro,sans-serif;
	font-weight: 300;
	font-style: italic;
}

/* Display styles */

body {
	font-family: sofia-pro,sans-serif;
	font-size: 100%;
	font-size: 16px;
	line-height: 100%;
	line-height: 20px;
	color: rgb(51,51,51);
	background-color: rgba(215, 215, 215, 1);
}

.grid-container{background-color:white;}

h1.logo {
	background-image: url(../images/u70.png);
}

.home h1.page-title-nobor {
    display: none;
}
.page-title {
    color: rgb(231 21 114);
    font-family: 'sofia pro', arial, helvetica, sans-serif;
    font-weight: 800;
    font-size: 3rem;
    line-height: 1em;
    margin: 0 0 1em 0;
    border-bottom: 1px solid rgb(127,127,127);
    padding: 0.6em 0 1em 0;
}

.page-title-nobor {
    color: rgb(231 21 114);
    font-family: 'sofia pro', arial, helvetica, sans-serif;
    font-weight: 800;
    font-size: 3rem;
    line-height: 1em;
    margin: 0 0 0 0;
    border-bottom: 0px solid rgb(127,127,127);
    padding: 0 0 0 0;
}

.label {
	padding: 2% 4%;
	background-color: rgb(51,51,51);
	color: rgb(255,255,255);
}

.aberdeen {
	background-color: rgb(230,90,12);
}

.aberdeen-text {
	color: rgb(230,90,12);
}

.edinburgh {
	background-color: rgb(238, 183, 1);
}

.edinburgh-text {
	color: rgb(238, 183, 1);
}

.inverness {
	background-color: rgb(230,90,12);
}

.inverness-text {
	color: rgb(230,90,12);
}

.glasgow {
	background-color: rgb(231,17,115);
}

.glasgow-text {
	color: rgb(231,17,115);
}

.stirling {
	background-color: rgb(148,195,30);
}

.stirling-text {
	color: rgb(148,195,30);
}

.dundee{
	background-color: rgb(149,27,129);
}

.dundee-text{
	color: rgb(149,27,129);
}

.perth{
	background-color: rgb(2,145,214);
}

.perth-text{
	color: rgb(2,145,214);
}

.label h1 {
	font-family: Sofia-Pro, helvetica, sans-serif;
	font-weight:800;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1em;
	color: rgb(255,255,255);
}

.label h6 {
	font-family: Sofia-Pro, helvetica, sans-serif;
	font-weight:800;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1em;
	color: rgb(255,255,255);
}

h1 { 
	font-family: Sofia-Pro, helvetica, sans-serif;
}

h2 { 
	font-family: Sofia-Pro, helvetica, sans-serif;
	font-weight:800;
	font-weight: bold;
	font-size: 1.875rem;
	line-height:1.2;
	margin-bottom:0.4em;
}

h3 { 
	font-family: Sofia-Pro, helvetica, sans-serif;
}

h4 { 
	font-family: Sofia-Pro, helvetica, sans-serif;
	font-size: 1.5rem;
	line-height: 1em;
}

h5 { 
	font-family: Sofia-Pro, helvetica, sans-serif;
	margin-bottom:0px;
}

h6 { 
	font-family: Sofia-Pro, helvetica, sans-serif;
}

.additional-padding{
	padding:6% 6%;
}

.additional-padding-title{
	padding:0 6%;
	position:relative;
	top: -40px;
}

.gradient-background{
	background: url(../images/gr_1.png) no-repeat;
}

.gradient-background-2{
	background: url(../images/gr_2.png) no-repeat;
}

.yellow{
	color:white;
	background-color: #EEB701;
}

.blue{
	color:white;
	background-color: #0192D5;
}

.blue a {
	color: white;
}

.blue a:hover {
	text-decoration: underline;
}

.pink{
	color:white;
	background-color:#E71572;
}

.lgrey{
	color:black;
	background-color:#EEF0FE;
}

.city-list,
li.city-overview {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.city-overview {
	color: black; 
	background-color: #ffffff;
	padding:6% 6% !important;

}

.city-overview:nth-of-type(odd) {
	background-color: #EEF0FE;
	padding:6% 6%;
	margin: 0 0%;
}

li.team-overview {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.team-overview {
	color: black; 
	background-color: #ffffff;
	padding:2% 6% !important;
	margin: 0 0% !important;

}

.team-overview:nth-of-type(odd) {
	background-color: #EEF0FE;
	padding:2% 6% !important;
	margin: 0 0% !important;
}


.footer-list ul{
	list-style-type: none;
	margin: 0;
	padding: 0;

}

.disclaimer-text{
	padding:0% 6%;
	font-size:0.8em;
}

.header-padding{
	padding:3% 0 3% 6% !important;
}

.button {
	width:32%;border-radius:8px;font-weight: bold;
}

.category-case-studies .button {
	width: initial;
	max-width: 75%;
}

.homepage-bar {
    border: 2px solid !important;
    border-radius: 50px !important;
}


/* inverness */
.btn_red{background-color:#DB0C15;}
.btn_red:hover{background-color:#F0F4FE;color:#DB0C15;}

/* Aberdeen */
.btn_orange{background-color:#E65A0B;}
.btn_orange:hover{background-color:#F0F4FE;color:#E65A0B;}

/* dundee */
.btn_purple{background-color:#961A80;}
.btn_purple:hover{background-color:#F0F4FE;color:#961A80;}

/* Stirling */
.btn_green{background-color:#94C11E;}
.btn_green:hover{background-color:#F0F4FE;color:#94C11E;}

/* Dunfermline */
.btn_teal{background-color:#16536c;}
.btn_teal:hover{background-color:#F0F4FE;color:#16536c;}

/* Glasgow */
.btn_pink{background-color:#E61C72;}
.btn_pink:hover{background-color:#F0F4FE;color:#E61C72;}

/* Edinburgh */
.btn_yellow{background-color:#EEB701;}
.btn_yellow:hover{background-color:#F0F4FE;color:#EEB701;}

/* Perth */
.btn_blue{background-color:#0192D5;}
.btn_blue:hover{background-color:#F0F4FE;color:#0192D5;}

.btn_findoutmore{width:32%;border-radius:8px;font-weight: bold;}
.btn_findoutmore:hover{background-color:#1779ba!important;color:white;}

.btn_white{background-color:white;width:32%;border-radius:8px;font-weight: bold; color:#E61C72;margin-top:4%;}




.floating {   
    animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 

} 

.hp-streams {
    position: relative;
    max-width: 600px;
    top: -20;
    overflow: visible;
    width: 80%;
}

.hp-streams:hover {
    transform: scale(1.1);
}

@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
} 


.social_icon{
	width:12%; margin-bottom:3%; margin-right:2%;
}

.footer-list li {
	display:block;
	margin: 0 0 0.8rem 0;
}
.footer-list .menu-item a{
	display: block;
	color:#333333;
}

/* make image galleries 1200px max */

.gallery-container {
	width: 100%;
	max-width:1200px;
}

/* City colours */
.city_title{padding:2% 4%; text-align:center;} 

.pink_title{background-color:#E71573; color:white;font-style:bold;}
.yellow_title{background-color:#EEB701; color:white;font-style:bold;}

.post-card{
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
	padding: 0 0 1rem 0;
    margin:6% 0;
	min-height: auto;
}
.card-section {
	padding: 0;
}

.post-title{
	color: rgb(231 21 114);
    font-family: 'sofia pro', arial, helvetica, sans-serif;
    font-weight: 800;
    font-size: 2rem;
    line-height: 1em;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
}


.post-image-box{
	height:160px;
	width:100%;
	margin-bottom:6%;
	overflow-y: hidden;
	
}

.governance-image-box{
	height:320px;
	width:100%;
	margin-bottom:6%;
	overflow-y: hidden;
	
}

.view-article{
	display:none;
}

.news_image{
	display: flex;
    height: 100%;
}

.brand_logo{
	height:60px;
	width:auto;

}


@media only screen and (max-width: 768px) {
  .brand_logo{
	height:40px;
	width:auto;
	
	margin-top:8%;

	}

	.mob-padding{
		margin-bottom:6%;
	}

	.hp-streams {
	text-align: center;
    position: relative;
    max-width: 600px;
    top: -20;
    overflow: visible;
    width: 90%;
    margin:4% 0;

}

.brand-image{
	margin: 8% 5% 5% 2%;
}

}

.button-group .button {
    margin-right: 1.3%!important;
    margin-bottom: 1.3%!important;
}

.jump-link{
	color:black;
}

.jump-link:hover {
	color:#E61C72;
}

.wide-banner{
	padding:5% 0;
	margin:5% 0;
}

.contact-box{
padding:4%;
border: 2px solid black;
}

.invest-info a{
	color: rgb(255,255,255);
	opacity: 0.8;
}

.invest-info a:after {
    content: "\f35a";
    font-family: "Font Awesome 5 Free", sans-serif;
    margin: 0 0 0 5px;
    
    font-size: 0.9em;
}

.invest-info a:hover {
	opacity: 1;
	transition: opacity 0.5s ease;
}

.newsletter-panel img {
    width: 100%;
    height: auto;
    max-width: 400px;
    max-height: 500px;
}

/* Custom color picker */

.has-city-red-background-color {
    background-color: #DC0C15!important;
}
 
.has-city-red-color {
    color: #DC0C15!important;
}

.has-city-purple-background-color {
    background-color: #951A81!important;
}
 
.has-city-purple-color {
    color: #951A81!important;
}

.has-city-dark-blue-background-color {
    background-color: #02536C!important;
}
 
.has-city-dark-blue-color {
    color: #02536C!important;
}

.has-city-yellow-background-color {
    background-color: #EEB702!important;
}
 
.has-city-yellow-color {
    color: #EEB702!important;
}

.has-city-green-background-color {
    background-color: #95C11E!important;
}
 
.has-city-green-color {
    color: #95C11E!important;
}

.has-city-orange-background-color {
    background-color: #EA5A0D!important;
}
 
.has-city-orange-color {
    color: #EA5A0D!important;
}

.has-city-pink-background-color {
    background-color: #E71F73!important;
}
 
.has-city-pink-color {
    color: #E71F73!important;
}

.has-city-blue-background-color {
    background-color: #0092D4!important;
}
 
.has-city-blue-color {
    color: #0092D4!important;
}

.has-black-background-color {
    background-color: #000000!important;
}
 
.has-black-color {
    color: #000000!important;
}

.has-white-background-color {
    background-color: #FFFFFF!important;
}
 
.has-white-color {
    color: #FFFFFF!important;
}


/* Interactive graphic styles */

.drop_purple {
	background:#ED207B;
}


.scroll-box{
	height:300px;
	overflow:auto;
}

.scroll-box::-webkit-scrollbar {
    -webkit-appearance: none;
}

.scroll-box::-webkit-scrollbar:vertical {
    width: 8px;
}

.scroll-box::-webkit-scrollbar:horizontal {
    height: 8px;
}

.scroll-box::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid #c5c7d6; /* should match background, can't be transparent */
    background-color: rgb(220, 221, 229, .5);
}

figcaption {
	font-size: 0.8rem;
	line-height: 1.2em;
}