/*!
* SoGE CSS v2.0
* School of Geography and the Environment, University of Oxford
* Supplements Bootstrap Stylesheets
*/


/*
* Reference: Colour palette
* Oxford Blue = rgba(0, 33, 71, 1) #002147
* Jan's Pistachio = hsla(105, 66.2%, 69.8%, 1) #99e57f
*/



/* SoGE 2020 Branding */
body {
	font-family: 'Roboto', sans-serif;
	background-color: #353c47;
	background-color: rgba(53, 60, 71, 1);
}

h1, h2  {
	font-family: acumin-pro-extra-condensed, sans-serif;
	font-style: normal;
	font-weight: 700;
}

div.logos, div.masthead {
	
}

/* Temporary Work in Progress (Wrench) styles */

.staff-pubs-warning {
    display: none;
}
.construction {
    display: none;
}


/* Print styles */

@media print {
    a[href]:after, abbr[title]:after {
        content: "";
    }
    div#analytics-notice, #breadcrumb-internal, #search-box {
        display: none;
    }
    .logos #logo-soge {
        width: 80%;
    }
    #nav-header ul li {
        margin: 0;
        padding: 0;
        font-size: .8em;
    }
	
    #nav-side {
        font-size: .9em;
    }
    #nav-side img {
        clear: left;
    }
}

/* body {
    background-color: #fdfffc;
} */

#wrapper {
    background: url("/img/titles/circles.jpg");
		background-repeat: no-repeat;
		background-size: 60%;
		background-position: -30px -145px;
		background-color: #fff;
    /* border-left: 1px solid #f68d2e;
    border-right: 1px solid #f68d2e;
    border-bottom: 1px solid #f68d2e;
    box-shadow: 0 0 10px #f68d2e; */
}


/*
* Masthead
*/

#wrapper-header {
    padding-top: 1em;
    position: relative;
}

#test-header {
	display: none;
    /* margin: 0 1em 1em; */
    margin: 0;
    margin-bottom: 1em;
    padding: .5em;
}

.logos {
	margin-bottom: .5em;
}

#logo-ou {
  margin-left: 25px;
}
#logo-soge {
  
}


/* Header styles for mobiles */

@media (min-width: 576px) and (max-width: 992px) {
    #test-header {
        display: none;
    }
    .logos #logo-soge {
        /* height: 80px; */
    }
}

@media (max-width: 576px) {
    #test-header {
        display: none;
    }
    .logos #logo-soge {
        /* width: 250px; */
				height: 100px;
    }
    .logos #logo-ou {
       height: 100px;
    }
}




/* Google Analytics Notice */
/* @media (max-width: 576px) { */
  div#analytics-notice .alert {
    position: fixed;
    bottom: 0;
    z-index: 2500;
    width: 100%;
  }
  div#analytics-notice .alert p {
    clear: both;
  }
/*}*/

#analytics-notice, 
#analytics-notice .alert {
  margin-bottom: 0;
}
#analytics-notice h3 {
  margin: 0 10px 0 0; 
  padding: 0; 
  line-height: 1em;
}
#analytics-notice button {
  margin: 0;
}
#analytics-controls {
  margin-bottom: 0;
}
#analytics-controls p {
  float: left; 
  padding-top: 5px;
}
#analytics-controls ul {
  display: inline-block;
  margin-top: 0; 
  list-style: none; 
}
#analytics-controls li {
  display: inline-block; 
  margin: 0 20px 0 0;
}
#analytics-controls input, 
#analytics-controls label {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 4px;
  padding-top: 5px;
  vertical-align: middle;
}


/* Navigation */

#nav-header {
    clear: both;
    background-color: #fff;
		background-color: rgb(255, 255, 255, .8);
		background-color: hsla(0, 0%, 100%, .8);
    border: 0;
		padding: 0;
		margin: 0;
		/* margin-bottom: .5em; */
}

#nav-header ul {
  margin: .5em 0 .5em .2em;
  text-transform: uppercase;
}

#nav-header ul li {
	
}

#nav-header ul li a {
  padding: .5em 1em;
  color: #002147;
	border-radius: 4px;
}

#nav-header ul li.active a {
    color: #000;
		background-color: #faa8b9;
    background-color: rgb(246, 82, 117, .5);
		background-color: hsla(348, 89%, 82%, .5);
}




/* Sub Navigation */

#sub-nav-header ul {
    margin: 1.2em;
    font-size: 0.9em;
    text-transform: uppercase;
}

#sub-nav-header ul li a {
    padding: 0.5em 0.7em 0.5em 0.7em;
}

#sub-nav-header ul li.active a {
    color: #002147;
    color: rgba(0, 33, 71, 1);
    background-color: #eafae5;
    background-color: rgb(109, 205, 184, .2);
}



/* Breadcrumb */

#nav-breadcrumb {
	/* display: none; */
    margin: 0 -1em 0 0;
}

#nav-breadcrumb ul {
    margin: .2em 0 0 0;
    padding: 6px 15px;
		background-color: #fff;
		background-color: rgb(255, 255, 255, .8);
		background-color: hsla(0, 0%, 100%, .8);
    /* background-color: #007d8a;
    background-color: rgb(0, 125, 138, .2); */
}

#nav-breadcrumb ul li a {
    font-size: .9em;
    color: #555;
}

#breadcrumb-internal {
		display: none;
    margin: .5em .5em 0 0;
}

#breadcrumb-internal a {
    margin: 0 4px;
    font-size: .9em;
    color: #666;
}

#breadcrumb-internal a:hover, #breadcrumb-internal a:focus {
    text-decoration: none;
}

#breadcrumb-internal a span.glyphicon {
    color: #c1eeb1;
    color: hsla(105, 66.2%, 69.8%, .5);
}

#breadcrumb-internal a:hover span.glyphicon, #breadcrumb-internal a:focus span.glyphicon {
    color: #99e57f;
    color: hsla(105, 66.2%, 69.8%, 1);
}

#breadcrumb-internal img {
    margin: -6px 0 0 2px;
}

a.breadcrumb-internal-weblearn {
    margin: 0;
    padding: 2px 0 2px 20px;
    background: url(/img/icons/weblearn-small.png) left top no-repeat;
    border: 0;
}

a.breadcrumb-internal-weblearn:hover, a.breadcrumb-internal-weblearn:focus {
    background: url(/img/icons/weblearn-small0.png) left top no-repeat;
}

a.breadcrumb-internal-canvas {
    margin: 0;
    padding: 2px 0 2px 20px;
    background: url(/img/icons/canvas-small.png) left top no-repeat;
    border: 0;
}

a.breadcrumb-internal-canvas:hover, a.breadcrumb-internal-canvas:focus {
    background: url(/img/icons/canvas-small0.png) left top no-repeat;
}

@media (max-width: 800px) {
    #nav-breadcrumb {
        margin: 0;
        padding: 0;
    }
    #nav-breadcrumb ul {
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    #breadcrumb-internal {
        position: fixed;
        bottom: 0;
        z-index: 400;
        background-color: #fff;
        padding: .5em 0;
        border-top: 1px solid #eafae5;
    }
}



/* Search Box */

#search-box {
  display: none;
}

#search-box div {
    margin-top: .25em;
    padding-top: .1em;
}

#search-box button {
    margin-left: .2em;
    background-color: #eafae5;
    background-color: hsla(105, 66.2%, 69.8%, .2);
    border: 1px solid hsla(105, 66.2%, 69.8%, .1);
}

#input-search {
    width: 70%;
}

@media (max-width: 576px) {
    #search-box {
        position: absolute;
        top: 130px;
        z-index: 1100;
        margin: 0;
        padding: 0;
    }
}


/*
* Content
*/

#wrapper-content {
    margin: 1em 0 .25em 0;
}


/* Navigation: Side */

#nav-side ul.submenu, #nav-side a.submenu {
    margin-top: 1.4em;
}

#nav-side ul.submenu {
    /* border: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6); */
		
		border: 1px solid #cfd600;
    border-color: hsla(65, 100%, 42%, .6);
    
		
		-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: 1em;
}

#nav-side ul.submenu+ul.submenu, #nav-side a.submenu+ul.submenu, #nav-side ul.submenu+a.submenu {
    margin-top: 2em;
}

#nav-side ul.submenu li {
    margin: 0;
    /* border-bottom: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6); */
		border-bottom: 1px solid #cfd600;
    border-color: hsla(65, 100%, 42%, .6);
}

#nav-side ul.submenu li:last-child {
    border-bottom: 0 none;
}

#nav-side .submenu>li>a {
    margin-top: 0;
    color: #555;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#nav-side ul.submenu li a span.glyphicon {
    margin-left: .5em;
    font-size: .9em;
    color: #cfd600;
    color: hsla(65, 100%, 42%, .6);
}

#nav-side ul.submenu li.active a, #nav-side ul.submenu li a:hover, #nav-side ul.submenu li a:focus {
    background-color: #f4f7d0;
    background-color: hsla(65, 100%, 42%, .2);
}

#nav-side ul.submenu li a:hover span.glyphicon, #nav-side ul.submenu li a:focus span.glyphicon {
    margin-left: .5em;
    font-size: .9em;
    color: #cfd600;
    color: hsla(65, 100%, 42%, 1);
}

@media (max-width: 576px) {
    #page-title {
        margin-left: .5em;
        margin-right: 6em;
        z-index: 2000;
    }
    #nav-side {
        margin-top: 0em;   
    }
    #navigation .navbar-default {
        background-color: #fff;
        font-size: .9em;
    }
    #navigation .navbar-default button {
        margin-right: 0;
        background-color: #eafae5;
    }
}


/* Deprecated side navigation 'hierarchy' styles
#nav-side ul.hierarchy {
	margin-top: 2em;
}
#nav-side ul.hierarchy li {
	margin-bottom: .3em;
}
#nav-side ul.hierarchy li a {
	padding-bottom: .2em;
	padding-top: .2em;
	text-align: center;
	border: 1px solid hsla(105, 66.2%, 69.8%, .3);
	background-color: hsla(105, 66.2%, 69.8%, .1);
	color: #555;
}
#nav-side ul.hierarchy li:first-child a {
	background-color: hsla(105, 66.2%, 69.8%, .2);
}
#nav-side ul.hierarchy li a:hover,
#nav-side ul.hierarchy li a:focus {
	color: #333;
	background-color: hsla(105, 66.2%, 69.8%, .3);
}
#nav-side ul.hierarchy li a img {
	float: left;
	margin-top: -1em;
	padding-left: 48%;
}
*/


/* Content */

#main {
    display: block;
}

#content {
    /* Set a min content height to avoid researcher IDs overlapping colophon */
    /* min-height: 70em; */
}

#content div.row {
    /* Space out content rows */
    margin-bottom: 1.5em;
}


/* Show the grid when testing */


/* #content div {
	border: 1px dashed #eee;
}
*/

#content h2+article, #content h2+ul, #content h2+ol, #content h2+p {
    margin-top: 2em;
}

#page-title h5 {
    font-weight: normal;
    color: #666;
}

#page-title h2 {
    font-size: 3em;
		text-shadow: 0 0 10px #fff;
		text-transform: uppercase;
		/* background-color: #fff;
		background-color: rgb(255, 255, 255, .8);
		background-color: hsla(0, 0%, 100%, .8); */
}


@media (max-width: 576px) {
	#para-under-image {clear: right}
}

article {
    margin-top: 1em;
}

article+article {
    margin-top: 3em;
    border-top: 1px dotted #99e57f;
}

article h2 {
    margin-bottom: 1em;
}

article h3 {
    margin-top: 2em;
}

article h4, article h5 {
    margin-top: 1.5em;
}

article .highlight {
    margin: .3em 0 1em 1em;
    padding: .25em .5em;
    border: 1px solid #002147;
    border-color: rgba(0, 33, 71, .1);
    box-shadow: .2em .2em .5em rgba(0, 33, 71, .3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

article .highlight h5 {
    margin-top: .2em;
}

article .highlight p {
    margin-bottom: 0;
}

article .highlight img.pull-left {
    margin: .2em .5em .5em 0;
}

article footer {
    margin: 1.25em 0;
    border-top: 1px solid #eee;
}


/** Section Specific Styles **/


/* Section: Home */

.section-home #wrapper-content {
    margin-top: 1.5em;
}

.section-home #home-feature {}

.section-home #home-feature-image {
    margin-bottom: 2em;
}

.section-home #home-feature-image img {
    border-radius: 10px;
}

.section-home #home-feature {}

.section-home #home-feature blockquote {
    clear: left;
    padding: 0 .5em;
    margin-bottom: 2em;
    /* border-color: #eafae5; */
		border: none;
		margin-left: 2.5em;
}

@media (max-width: 576px) {
    .section-home #home-feature blockquote {
        padding-top: .2em;   
        font-size: 1em;
    }
}


.section-home #home-feature ul {
    margin-top: 1.5em;
		
}

.section-home #home-feature ul li {
    margin-right: 2em;
}

.section-home #home-twitter {
    margin-top: 4em;
}

.section-home #home-twitter #twitter-widget {
    margin-bottom: 1em;
}

.section-home #home-events .event-date, .section-events .events-list .event-date {
    width: 7em;
}

.section-home #home-events .event-seminar, .section-events .events-list .event-seminar {
    margin-left: .2em;
    font-size: .9em;
    color: #88d46e;
}

.section-home #home-events .event-seminar img, .section-events .events-list .event-seminar img {
    margin-top: -0.1em;
    margin-right: .2em;
}

.section-home #home-events span.text-muted {
    font-size: .9em;
}

.section-home #home-uhs img, .section-home #home-igs img {
    position: relative;
    float: left;
    margin: .1em 1em 0 0;
}


/*
.section-home #home-uhs a + p,
.section-home #home-igs a + p {
	margin-left: 115px;
}
*/

.section-home #home-alumni {
    margin-top: 25%;
    margin-left: -1em;
}

.section-home #home-research .cluster {
    min-height: 12em;
    margin-bottom: 1em;
}

.section-home #home-research .cluster h4 {
    margin-bottom: 0;
}

.section-home #home-research div.row {
    margin-top: 2em;
}

.section-home #home-research, .section-home #home-centres {
    margin-top: 1em;
}

.section-home #home-centres ul li:last-child {
    margin-bottom: 2em;
}

.section-home #home-centres ul li {
    clear: left;
    border-top: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6);
}

.section-home #home-centres ul li img {
    position: relative;
    float: left;
    margin: .9em 1em 1em 0;
}

.section-home #home-centres ul li p {
    margin-left: 89px;
}

/* Recognition Include */

#recognition {
    vertical-align: middle;
}
#recognition p {
    margin-left: 220px;
}
#recognition img {
    margin-right: 1em; 
}



/* Section: Undergraduate */

.section-undergraduate a.btn, .section-graduate a.btn {
    margin-right: 1em;
    box-shadow: .15em .15em .2em rgba(0, 0, 0, .3);
    text-transform: uppercase;
}

.section-undergraduate a.btn:hover, .section-undergraduate #undergraduate-apply a.btn:focus, .section-graduate a.btn:hover, .section-graduate #undergraduate-apply a.btn:focus {
    box-shadow: 0 0 .2em rgba(66, 139, 202, .8);
    /* #428bca */
}

.section-undergraduate a.btn span.glyphicon, .section-graduate a.btn span.glyphicon {
    margin-left: .5em;
    color: rgba(255, 255, 255, .9);
}

.section-undergraduate p#tagline {
    font-style: italic;
    font-size: 1em;
    color: #002147;
}

.section-undergraduate #undergraduate-welcome img {
    margin-left: 1em;
}

.section-undergraduate #undergraduate-apply .alert {
    margin-top: 2em;
    padding-top: .5em;
    padding-bottom: 1em;
    color: #000;
}

.section-undergraduate #undergraduate-course a.uhs-prospectus {
    margin: .1em 1em 0 0;
}

.section-undergraduate #undergraduate-course ul {
    margin-left: 100px;
}

.section-undergraduate #undergraduate-programmes {
    padding-top: 0;
}

.section-undergraduate #undergraduate-programmes ul li:last-child {
    margin-bottom: 1em;
}

.section-undergraduate #undergraduate-programmes ul li {
    clear: left;
    border-top: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6);
}

.section-undergraduate #undergraduate-programmes ul li img {
    position: relative;
    float: left;
    margin: .8em 1em .2em 0;
}

.section-undergraduate #undergraduate-programmes ul li p {
    margin-left: 160px;
}

.section-undergraduate #undergraduate-media ul li {
    clear: left;
    /* height: 8em; */
    padding-bottom: .5em;
    border-top: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6);
}

.section-undergraduate #undergraduate-media ul li img {
    margin: .2em .5em 1.5em 0;
}

.section-undergraduate #undergraduate-media ul li:hover, .section-undergraduate #undergraduate-media ul li:focus {
    background-color: #f5fcf2;
    background-color: hsla(105, 66.2%, 69.8%, .1);
}

.section-undergraduate .opendays-talks li {
    display: inline-block;
    width: 46%;
    vertical-align: top;
}

.section-undergraduate .opendays-talks li:nth-of-type(odd) {
    margin-right: 3em;
}

.section-undergraduate #undergraduate-course-sections img {
    margin: 0;
}

.section-undergraduate #undergraduate-staff img {
    margin: .3em 1em 1em 0;
}

.section-undergraduate dl#undergraduate-faqs {
    margin-top: 3em;
}

.section-undergraduate dl#undergraduate-faqs dt {
    font-size: 24px;
    font-weight: normal;
}

.section-undergraduate dl#undergraduate-faqs dd {
    margin: .5em 0 3em 0;
}

table.ulecturelist th, table.ulecturelist td {
    border-color: #ccc;
}

/* Colours for the years and days
#F2DBDB = Prelims (Mon)      #E5B8B7 = FHS (Mon)
#EAF1DD = Prelims (Tuesday)     #D6E3BC = FHS (Tuesday)
#E5DFEC = Prelims (Wednesday)   #CCC0D9 = FHS (Wednesday)
#DAEEF3 = Prelims (Thursday)    #B6DDE8 = FHS (Thursday)
#FDE9D9 = Prelims (Friday)      #FBD4B4 = FHS (Friday)
*/

table.ulecturelist tr.header-mon {
    background-color: #943634; color: #fff;
}
table.ulecturelist tr.header-tue {
    background-color: #64802A; color: #fff;
}
table.ulecturelist tr.header-wed {
    background-color: #5F497A; color: #fff;
}
table.ulecturelist tr.header-thu {
    background-color: #2D8097; color: #fff;
}
table.ulecturelist tr.header-fri {
    background-color: #CD4B00; color: #fff;
}
table.ulecturelist tr.prelims-mon {
    background-color: #F2DBDB; color: #000;
}
table.ulecturelist tr.prelims-tue {
    background-color: #EAF1DD; color: #000;
}
table.ulecturelist tr.prelims-wed {
    background-color: #E5DFEC; color: #000;
}
table.ulecturelist tr.prelims-thu {
    background-color: #DAEEF3; color: #000;
}
table.ulecturelist tr.prelims-fri {
    background-color: #FDE9D9; color: #000;
}
table.ulecturelist tr.fhs-mon {
    background-color: #E5B8B7; color: #000;
}
table.ulecturelist tr.fhs-tue {
    background-color: #D6E3BC; color: #000;
}
table.ulecturelist tr.fhs-wed {
    background-color: #CCC0D9; color: #000;
}
table.ulecturelist tr.fhs-thu {
    background-color: #B6DDE8; color: #000;
}
table.ulecturelist tr.fhs-fri {
    background-color: #FBD4B4; color: #000;
}



/* Section: Graduate */

.section-graduate .graduate-alert {
    margin-top: 1em;
}

.section-graduate #graduate-media ul li {
    clear: left;
    padding-bottom: .5em;
    border-top: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6);
}

.section-graduate #graduate-media ul li img {
    margin: .2em .5em .2em 0;
}

.section-graduate #graduate-apply {
    margin-bottom: 0;
    padding-bottom: 0;
}

.section-graduate #graduate-apply .alert {
    margin-top: 2em;
    padding-top: .5em;
    color: #000;
}

.section-graduate #graduate-programmes {
    padding-top: 0;
}

.section-graduate #graduate-programmes ul li:last-child {
    margin-bottom: 1em;
}

.section-graduate #graduate-programmes ul li {
    clear: left;
    border-top: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6);
}

.section-graduate #graduate-programmes ul li img {
    position: relative;
    float: left;
    margin: .8em 1em .2em 0;
}

.section-graduate #graduate-programmes ul li p {
    margin-left: 115px;
}

.section-graduate #graduate-staff img, .section-graduate #graduate-colleges img {
    margin: .3em 1em 1em 0;
}

.section-graduate #graduate-colleges th, .section-graduate #graduate-colleges td {
    text-align: center;
}

.section-graduate dl#graduate-faqs {
    margin-top: 3em;
}

.section-graduate dl#graduate-faqs dt {
    font-size: 24px;
    font-weight: normal;
}

.section-graduate dl#graduate-faqs dd {
    margin: .5em 0 3em 0;
}

.section-graduate ul.electives {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.section-graduate ul.electives li {
    display: block;
    height: 4em;
    margin: .5em 0;
    padding: 4px;
    vertical-align: middle;
    border: 1px solid #99e57f;
}

.section-graduate ul.electives li img {
    position: relative;
    float: left;
    display: inline;
    margin: 2px 1em .5em 2px;
}

table.msc-course td, table.msc-course th {
    width: 33%;
    text-align: center;
}

#wspm-structure {
    margin: 1em 0;
}

#wspm-structure th, #wspm-structure td {
    text-align: center;
}
#wspm-structure td.water-management {
    background-color: #efe;
    color: inherit;
}
#wspm-structure td.water-management h4, #wspm-structure td.water-management h5 {
    margin: .5em auto;
}
#wspm-structure td.research-design {
    background-color: #eff;
    color: inherit;
}
#wspm-structure td.dissertations {
    background-color: #eef;
    color: inherit;
}


/* Section: Research */

.section-research #research-clusters {
    margin-top: 1em;
}

.section-research #research-clusters .research-cluster {
    margin-top: 1em;
    padding-bottom: 0;
}

.section-research #research-clusters .research-cluster a {
    min-height: 13em;
}

.section-research #research-clusters .research-cluster h4 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.section-research #research-centres ul li:last-child, .section-research #research-networks ul li:last-child {
    margin-bottom: 2em;
}

.section-research #research-centres ul li, .section-research #research-networks ul li {
    clear: left;
    border-top: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6);
}

.section-research #research-centres ul li img, .section-research #research-networks ul li img {
    position: relative;
    float: left;
    margin: .9em 1em 1em 0;
}

.section-research #research-centres ul li p, .section-research #research-networks ul li p {
    margin-left: 89px;
}

.section-research #research-networks {
    margin-top: 9em;
}

.section-research .research-highlight {
    margin-bottom: 1em;
}

.section-research .cluster-group {
    min-height: 16em;
    margin-bottom: 1em;
    padding-bottom: 0;
}

.section-research #research-twitter {
    margin-top: 4em;
}

.section-research ul.people-oxrbl li {
    margin-bottom: 1em;
    text-align: center;
}

.section-research ul.people-oxrbl li img {
    display: inline;
    margin: 1em;
}

.section-research .cewf-wpapers-year, .section-research .gis-papers-year {
    clear: right;
    margin-top: 2em;
    border-top: 1px solid #99e57f;
}

.section-research .cewf-wpapers-year span, .section-research .gis-papers-year span {
    float: right;
    margin-top: 0;
    font-size: 4em;
    color: #eafae5;
}


/* Section: Staff */

.staff-list td.staff-img {
    width: 50px;
    padding: .8em .5em .5em 0;
}

.staff-list td.staff-img img {
    width: 50px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}

.staff-list td h4 {
    margin-top: .3em;
}

.research-ids {
    position: relative;
    float: right;
    margin-right: -200px;
}

.research-ids ul {
    margin: 0;
    padding: 0;
}

.research-ids ul li {
    /* display: inline-block; */
    list-style-type: none;
    margin: 0 0.5em 0 0;
}

@media (max-width: 992px) {
    .research-ids {
        position: relative;
        float: none;
    }
    .research-ids ul li {
        display: inline-block;
    }
}

@media (max-width: 500px) {
    .research-ids {
        position: relative;
        float: none;
    }
    .research-ids ul li {
        display: inline-block;
    }
}


/* Section: News */

.section-news #news-highlights {
    margin-top: 0em;
}

.section-news #news-twitter {
    margin-top: 1.5em;
}

.section-news #news-highlights .news-highlight {
    padding: .5em .5em 2em .5em;
    border: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6);
}

.section-news .news-article-date {
    font-size: 1em;
}

.news-podcasts li {
    width: 45%;
    margin-top: 1em;
    margin-right: 1em;
}

#news-latest {
    clear: both;
    padding-top: 2em;
}


/* Section: Events */

/* New Oxford Talks Styles - October 2017 */

#home-events .events-oxtalks td,
.section-events .events-oxtalks td {
    padding-bottom: 1em;
}

#home-events .events-oxtalks h4, 
.section-events .events-oxtalks h4 {
    margin: 0;
 font-size: 1em;
}

#home-events .events-oxtalks .event-date, 
.section-events .events-oxtalks .event-date {
    width: 8em;
}

#oxford-talks .events-oxtalks td,
.section-events .events-oxtalks td {
  padding-bottom: 1em;
}

#oxford-talks .events-oxtalks h4, 
.section-events .events-oxtalks h4 {
  margin: 0;
 font-size: 1em;
}

#oxford-talks .events-oxtalks .event-date, 
.section-events .events-oxtalks .event-date {
  width: 8em;
}



.section-events #events-current .event-date {
    width: 10em;
}

.section-events #events-current .event-seminar {
    margin-left: .2em;
    font-size: .9em;
    color: #99e57f;
}

.section-events table.seminars-list {
    margin-top: 2em;
}

.section-events table.seminars-list h4 {
    margin-top: 0;
}

.section-events .seminar-list-year {
    margin-top: 2em;
    border-top: 1px solid #99e57f;
}

.section-events .seminar-list-year span {
    float: right;
    margin-top: 0;
    font-size: 4em;
    color: #3A8620;
}


/* Section: Alumni */

.section-alumni #alumni-contact img {
    margin: .2em 1em 1em 0
}

.section-alumni #alumni-social ul li {
    min-height: 3em;
}

.section-alumni #alumni-social ul li img {
    margin-right: .8em;
}

#carousel-alumni-postcards {
    height: 52em;
    width: 54em;
    margin: 2em auto;
    padding-top: 1em;
    background-color: #def;
}

#carousel-alumni-postcards .item img {
    margin: 0 auto;
    padding-bottom: 30em;
}

#carousel-alumni-postcards div.carousel-caption {
    height: 100%;
    padding-top: 28em;
    color: #000;
    overflow: visible;
    text-shadow: none;
}

#carousel-alumni-postcards .carousel-indicators li {
    border: 1px solid #002147;
}

#carousel-alumni-postcards .carousel-indicators .active {
    background-color: #002147;
}


/* Section: Contact Us */

.section-contact dt {
    margin-top: 1em;
    padding-top: .5em;
    font-size: 1.5em;
    font-weight: normal;
    border-top: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6);
}


/** Aside **/

#aside {
    padding-top: 1.4em;
} 

#aside ul.aside-menu, #aside ul.aside-project-menu {
    border: 1px solid #e5e8ec;
    border-color: rgba(0, 33, 71, .1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#aside p+ul.aside-menu, #aside ul.aside-menu+ul.aside-menu, #aside a.aside-menu+ul.aside-menu, #aside ul.aside-menu+a.aside-menu, #aside p+ul.aside-project-menu, #aside ul.aside-project-menu+ul.aside-menu, #aside a.aside-project-menu+ul.aside-project-menu, #aside ul.aside-project-menu+a.aside-menu, #aside a.aside-menu+a.aside-menu {
    margin-top: 1em;
}

#aside ul.aside-menu li {
    margin: 0;
    border-bottom: 1px solid #e5e8ec;
    border-color: rgba(0, 33, 71, .1);
}

#aside ul.aside-menu li:last-child, #aside ul.aside-project-menu li:last-child {
    border-bottom: 0 none;
}

#aside .aside-menu>li>a {
    margin-top: 0;
    color: #555;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#aside ul.aside-menu li a:hover, #aside ul.aside-menu li a:focus {
    background-color: #fcfcff;
}

#aside ul.aside-project-menu li {
    margin: 0;
    padding: .5em;
    border-bottom: 1px solid #e5e8ec;
    border-color: rgba(0, 33, 71, .1);
}

#aside .aside-project-menu>li>a {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#aside ul.aside-project-menu li a:hover, #aside ul.aside-project-menu li a:focus {
    background-color: inherit;
}

#aside .contact-map img {
    margin-bottom: .5em;
}

#aside .contact-map a:hover, #aside .contact-map a:focus {
    text-decoration: none;
}

#aside ul.aside-menu li a span.glyphicon {
    margin-left: .5em;
    font-size: .9em;
    color: #e5e8ec;
    color: rgba(0, 33, 71, .1);
}

#aside ul.aside-menu li a:hover span.glyphicon, #aside ul.aside-menu li a:focus span.glyphicon {
    margin-left: .5em;
    font-size: .9em;
    color: #b2bcc7;
    color: rgba(0, 33, 71, .3);
}


/*
* Colophon
*/

footer {
    /*position: relative;
    clear: right;
    bottom: 0; */
		
}

#colophon {
    color: #fff;
		background-color: #002147;
		margin: 1.5em 0 0 0;
    padding-top: 2em;
    border-top: 1px solid #eee;
    display: block;
    padding-bottom: 6em !important;
}

#colophon a {
  color: #fff;
}

#colophon-soge {
	margin: 3em 0 2em 0;
}

#colophon-links ul {
    margin: .1em 0 1em 0;
}

#colophon-links ul li a {
    padding: .5em 1em;
		color: #fff;
		/* background-color: inherit; */
}

#colophon-links ul li:hover a, #colophon-links ul li:active a {
    color: #000;
}

#colophon-legal {
    margin-top: 3em;
}

#colophon-legal img#colophon-soge {
    margin: 1px 3em 1em 0;
}

#colophon-social {
    padding-top: .5em;
}



#colophon-social a img {
    margin: 2px 1em 2px 0;
    box-shadow: .15em .15em .2em hsla(0, 0%, 0%, .3);
}


@media (max-width: 576px) {
    footer {
        position: relative;
        clear: both;
        bottom: 0;
    }
    #colophon-legal img#colophon-soge {
        display: none;
    }
    #colophon-legal p {
        margin-left: 0;
        font-size: .85em;
    }
    #colophon {
      padding-bottom: 12em !important;
    }
}

/*
* General Styles
*/

abbr {
    text-decoration: none;
}


/* Switch to green borders and hover on tables */

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
    /* border-top: 1px solid #99e57f;
    border-color: hsla(105, 66.2%, 69.8%, .6); */
		border-top: 1px solid #6dcdb8;
    border-color: hsla(167, 49%, 62%, .6);
		
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
  /* background-color: #f5fcf2;
  background-color: hsla(105, 66.2%, 69.8%, .1); */
	/* background-color: #d9f2ed;
  background-color: hsla(167, 49%, 90%, 1); */
}

table+p {
    margin-top: 1.5em;
}

.table tr.table-alternate {
    /* background-color: #fff;
    background-color: hsla(105, 66.2%, 69.8%, .1); */
}


/* Space out content lists */

#content ul.list-spaced li, #content ol.list-spaced li {
    margin-top: 1em;
}

#content ul.list-spaced ul li, #content ol.list-spaced ul li, #content ul.list-spaced ol li, #content ol.list-spaced ol li {
    margin: .5em 0;
}


/* Shortcuts Nav Menu */

.contents_shortcut {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}

.contents_shortcut li a {
    padding-left: 16px;
    background: url(/img/icons/down_arrow_blue.png) no-repeat 2px 4px;
}

.contents_shortcut li a:hover {
    text-decoration: none;
    background: url(/img/icons/down_arrow_red.png) no-repeat 2px 4px;
}

.contents_shortcut li a.disabled {
    background: url(/img/icons/down_arrow_grey.png) no-repeat 2px 4px;
}

.contents_shortcut .disabled a {
    color: #666;
}


/* Publications Listings */

ul.publications-list li {
    margin: .5em 0;
}

ul.publications-list li.staffbook {
    display: inline-block;
    margin: .4em 0 .4em -1.2em;
    padding: 4px;
    list-style-type: none;
    /* background: #f5fcf2; */
    width: 100%;
}

ul.publications-list li.staffbook img {
    position: relative;
    float: left;
    margin: 0 8px 0 0;
    border: 1px solid #ccc;
}


/* Typography */
.text-muted {
    color: #666;
}
h6 {
    font-size: 1em;
    color: #002147;
}

a {
    color: #0066aa;
}

a:hover {
    color: #004470;
}

a.accessibility {
    font-size: .8em;
    color: #666;
}

a.accessibility:hover {
    text-decoration: none;
}

blockquote p {
    margin: 0 0 10px;
    font-size: 100%;
    line-height: 20px;
}

h5 {
    font-weight: bold;
}


/* Link Icons */

.infopadlock {
    display: inline;
    margin: 0;
    padding: 2px 14px 2px 0;
    border: 0;
    background: url(/img/icons/infopadlock.gif) right center no-repeat;
}

a.audio, a.video, a.pdf, a.ms-word, a.ms-xls, a.ms-excel, a.ms-ppt, a.ms-access, a.email {
    display: inline;
    margin: 0;
    padding: 2px 16px 2px 0;
    border: 0;
}

a.ms-word, a.ms-xls, a.ms-excel, a.ms-ppt, a.ms-access, a.email {
    padding-right: 18px;
}

a.audio {
    background: url(/img/icons/audio.png) right center no-repeat;
}

a.video {
    background: url(/img/icons/video.png) right center no-repeat;
}

a.pdf {
    background: url(/img/icons/pdf.png) right center no-repeat;
}

a.ms-word {
    background: url(/img/icons/ms-word.gif) right center no-repeat;
}

a.ms-xls {
    background: url(/img/icons/ms-excel.gif) right center no-repeat;
}

a.ms-excel {
    background: url(/img/icons/ms-excel.gif) right center no-repeat;
}

a.ms-access {
    background: url(/img/icons/ms-access.gif) right center no-repeat;
}

a.ms-ppt {
    background: url(/img/icons/ms-ppt.gif) right center no-repeat;
}

a.email {
    background: url(/img/icons/email.gif) right center no-repeat;
}

span.glyphicon-headphones {
    margin-left: .2em;
    color: #99e57f;
    color: hsla(105, 66.2%, 69.8%, .6);
}

ul.accessibility-list li img {
    float: left;
    margin: .2em .5em 2em 0;
}


/*
* Other
*/


/* Display Javascript Plugins when javascript is disabled */

#no-js .tab-content>.tab-pane, #no-js .pill-content>.pill-pane {
    display: block;
}

#no-js .accordion-group {
    clear: both;
}


/* Drops headings into right place */

#no-js .accordion .collapse {
    position: relative;
    overflow: visible;
}

#no-js .accordion-inner {
    position: relative;
    float: left;
    clear: both;
    display: block;
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid #e5e5e5;
}


/* Timeline styles for MSc in BCM Alumni */

#timelinebox {
    background: url(/alumni/msc-bcm/timeline.png) top center repeat-y;
    /* rgb(231, 235, 242) */
    padding: 0;
}

#content ul.timeline {
    width: 620px;
    margin: 10px auto;
    padding: 4px;
    list-style-type: none;
}

#content ul.timeline li {
    position: relative;
    clear: both;
    float: none;
    display: block;
    margin: 20px auto;
    /* Set these here for IE8 and earlier - these are overwritten later */
    padding: 5px;
    border: 1px solid #c3ccdf;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-image: none;
    background-color: #fff;
}

#content ul.timeline li.year {
    width: 50px;
    margin: 20px auto;
    text-align: center;
    box-shadow: 0 0 3px hsla(0, 100%, 0%, .2);
}

#content ul.timeline li.event {
    width: 290px;
}

#content ul.timeline li.event:nth-of-type(odd), #content ul.timeline li.event:nth-of-type(even) {
    margin: 4px 0 4px 0;
    box-shadow: 3px 3px 3px hsla(0, 100%, 0%, .2);
}

#content ul.timeline li.event:nth-of-type(odd) {
    float: right;
}

#content ul.timeline li.event:nth-of-type(even) {
    float: left;
}

#content ul.timeline li.event:nth-of-type(odd) img {
    float: right;
    margin: 0 0 2px 8px;
}

#content ul.timeline li.event:nth-of-type(even) img {
    float: left;
    margin: 0 8px 2px 0;
}

#content ul.timeline li.event:nth-of-type(even) .corner, #content ul.timeline li.event:nth-of-type(odd) .corner {
    position: absolute;
    display: block;
    width: 21px;
    height: 15px;
}

#content ul.timeline li.event:nth-of-type(even) .corner {
    margin-left: 283px;
    background: url(/alumni/msc-bcm/right.png);
}

#content ul.timeline li.event:nth-of-type(odd) .corner {
    margin-left: -26px;
    background: url(/alumni/msc-bcm/left.png);
}

#content ul.timeline li div.time {
    margin-bottom: 4px;
    padding: 1px 4px;
    font-size: .8em;
    background-color: rgb(231, 235, 242);
}

#content ul.timeline li.event:nth-of-type(even) div.time {
    text-align: right;
}


/* CSP UNDP-CP and Caribsave Research Projects */

.undp-cp span.text-muted, .caribsave span.text-muted {
    font-size: .8em;
}


/* Geovisualization, Inequality and Space Research Group */

.gis-books {
    margin-bottom: 1em;
}

.gis-books .thumbnail {
    min-height: 15em;
    padding: .5em;
}

.gis-books h4 {
    margin-top: 0;
}

.gis-books img, .gis-books a img {
    float: left;
    display: inline-block;
    width: 100px;
    margin: 0 1em 1em 0;
    box-shadow: .15em .15em .2em rgba(0, 0, 0, .3);
}

.gis-book-side p {
    margin-bottom: 2em;
}

.gis-book-side p.publisher {
    text-align: center;
}

.gis-book-side p.publisher span {
    font-size: .8em;
}

.gis-book-gallery a {
    position: relative;
    display: inline-block;
    text-align: center;
}

.gis-book-gallery a img {
    margin: 2em 1em;
    border-left: 1px solid #eee;
    box-shadow: 2px 2px 2px hsla(0, 100%, 0%, .2);
}

.gis-book-gallery a span.glyphicon-download-alt {
    position: absolute;
    z-index: 20;
    margin-top: -1em;
    margin-left: -0.9em;
    padding: 0 .5em;
    color: #ccc;
}

#gis-papers-books {
    margin: 2em auto;
}

#gis-papers-books a img {
    border: 1px solid #eee;
}

dl#hra-faqs dt {
    margin: 2em 0 .25em 0;
}

@media (max-width: 992px) {
    .video {
        width: 100%;
        height: auto;
    }
}


/***   OXITEMS
Styles for the traditional list of articles ***/


/*** News: Article Styles ***/

#listarticles .oxitems_item_dl {
    clear: both;
    margin: 0;
    padding: 0;
}

#listarticles .oxitems_item_dt {}


/* Article title */

#listarticles .oxitems_item_dd {
    margin: 0;
    padding: 0 0 1em 0;
}


/* Article content */


/* #listarticles .oxitems_item_dd:nth-of-type(odd) {background-color: rgba(136, 123, 27, 0.1)}
#listarticles .oxitems_item_dd:nth-of-type(even) {background-color: inherit;} */

#listarticles .oxitems_item_speciallink_a {
    color: #017CA0;
}


/* Hyperlink Title */

#listarticles .oxitems_item_speciallink_a:hover, #listarticles .oxitems_item_speciallink_a:focus, #listarticles .oxitems_item_speciallink_a:active {}


/* Hyerplink Title */

#listarticles .oxitems_item_speciallink_span {}


/* A span class on the title */

#listarticles .oxitems_item_summary_span {
    clear: right;
    display: block;
    color: #000;
    padding: .25em .5em .5em 0;
}


/* Summary blurb */

#listarticles .oxitems_item_content_span {}

#listarticles .oxitems_item_content_span a.btn-more, #listarticles .oxitems_item_content_span img {
    display: none;
}


/* Hides new highlight options */


/* #listarticles .date1 {display: none;} */

#listarticles .date1 {
    float: right;
    margin-left: 1em;
    font-size: .85em;
    color: #006600;
}

#listarticles .date2 {
    display: none;
}

#listarticles .blurb {
    display: none;
}

#listarticles .oxitems_item_content_span {
    margin: 0;
}

.section-home #listarticles .date1 {
    display: none;
}

.list-jobs {
    padding-top: 0.5em;
}

.list-jobs .oxitems_item_summary_span {
    font-size: 0.9em;
    color: #000;
}

<!-- Styles for the highlight articles -->#oxitem-highlights {}

#oxitem-highlights .oxitems_item_dt {}

#oxitem-highlights .oxitems_item_dd {
    display: inline;
    width: 30%;
    /* Display three columns for medium devices and larger (default) */
    float: left;
    position: relative;
    height: 45em;
    padding: 7px;
    overflow: hidden;
    // thumbnail-style (theme)
    margin-bottom: 2em;
    margin-right: 2.6%;
    /* border: 1px dotted #f00; */
}


/* Switch to two columns for small devices */

@media (min-width: 768px) and (max-width: 992px) {
    #oxitem-highlights .oxitems_item_dd {
        width: 47%;
    }
}


/* Switch to one column for extra small devices */

@media (max-width: 768px) {
    #oxitem-highlights .oxitems_item_dd {
        width: 97%;
    }
}

#oxitem-highlights .oxitems_item_dd:last-child {
    margin-right: 0%;
}

#oxitem-highlights .oxitems_item_dd:hover, #oxitem-highlights .oxitems_item_dd:focus {
    box-shadow: 0 0 8px #ddd;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

#oxitem-highlights .oxitems_item_dd:hover a.btn-more, #oxitem-highlights .oxitems_item_dd:focus a.btn-more {
    right: 10px;
}

#oxitem-highlights .oxitems_item_content_span {
    position: relative;
    display: block;
    /* overflow: hidden; */
    /* border: 1px dotted #00f; */
    margin: 0;
    padding: 0;
    margin-bottom: 11px;
	border-radius: 6px;
}

#oxitem-highlights .oxitems_item_content_span div.overflow-hidden {
    overflow: hidden;
}

#oxitem-highlights img {
    position: relative;
    margin: 0;
    border-radius: 6px;
    // thumbnail-kenburn (theme)
    /*left: 10px;
	margin-left: -10px;*/
    transition: all 0.8s ease-in-out 0s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

#oxitem-highlights .oxitems_item_dd:hover img, #oxitem-highlights .oxitems_item_dd:focus img {
    -webkit-transform: scale(1.2) rotate(2deg);
    -moz-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg);
}

#oxitem-highlights .oxitems_item_content_span a.btn-more {
    display: none;
    /*position: absolute;
    display: inline-block;
    background-color: #006600;
    right: -10px;
    bottom: 10px;
    color: #FFF;
    padding: 3px 6px;
    border-radius: 4px;
    transition: all 0.4s ease-in-out 0s;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s; */
}

/* #oxitem-highlights a.btn-more:hover, #oxitem-highlights a.btn-more:focus {
    text-decoration: none;
    box-shadow: 0 0 4px #eafae5;
} */

#oxitem-highlights a.oxitems_item_speciallink_a {
    display: block;
    margin: 6px 0px 8px;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    margin-top: 5px;
    text-shadow: none;
    font-weight: normal;
    /* font-family: "Open Sans",Arial,sans-serif; */
    transition: all 0.4s ease-in-out 0s;
}

#oxitem-highlights a.oxitems_item_speciallink_a:hover, #oxitem-highlights a.oxitems_item_speciallink_a:focus {
    outline: 0px none !important;
    outline-width: 0px;
    outline-style: none;
    outline-color: -moz-use-text-color;
    color: #017CA0;
    text-decoration: none;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
    transition: all 0.4s ease-in-out 0s;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

#oxitem-highlights .oxitems_item_summary_span {
    color: #555;
    margin: 0px 0px 10px;
}

#oxitem-highlights .date1 {
    color: #666;
}


/* Updated April 2016 to include the dates */

#oxitem-highlights .date2 {
    display: none;
}


}

/***  END OF OXITEMS ***/


/*** Accordion experiment ***/


Accardion
------------------------------------*/
.acc-home a.active,
.acc-home a.accordion-toggle:hover { 
	color:#017CA0; 
}
.acc-home .collapse.in { 
	border-bottom:solid 1px #017CA0; 
}

/

/*** End of Accordion experiment ***/


/*** spotlight-name ***/

#spotlight-name	li {
 	font-size: .9em;
       	color: #555;
}

/*** content-desktop experiment ***/

#content-desktop {
display: inline;
}

#content-mobile {
display: none;
}

/*** Hover box hvrbox experiment ***/
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 14px;bor
	display: inline-block;
	
}
.hvrbox .hvrbox-text_mobile {
	font-size: 13px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}

/*** search box research list ***/
#myInput {
    background-image: url('/img/icons/search-black.png'); /* Add a search icon to input */
    background-position: 16px 16px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}


/***TEST image text button ***/

.ug-highlights:hover a.btn-more, .ug-highlights:focus a.btn-more {
    right: 20px;
}

.ug-highlights {
    position: relative;
    display: block;
    /* overflow: hidden; */
    /* border: 1px dotted #00f; */
    width: 30%;
	margin: 0;
	margin-left: 2%;
	margin-right: 1%;
    padding: 0;
    margin-bottom: 11px;
	    border-radius: 6px;
}

.ug-highlights {
    overflow: hidden;
}



.ug-highlights img {
    position: relative;
	margin: 0;
    border-radius: 6px;
    // thumbnail-kenburn (theme)
    /*left: 10px;
	margin-left: -10px;*/
    transition: all 0.8s ease-in-out 0s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.ug-highlights img:hover, .ug-highlights img:focus {
    -webkit-transform: scale(1.2) rotate(2deg);
    -moz-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg);
}

.ug-highlights a.btn-more {
    position: absolute;
    display: inline-block;
    background-color: #006600;
    right: 10px;
    bottom: 10px;
    color: #FFF;
    padding: 3px 6px;
    border-radius: 4px;
    transition: all 0.4s ease-in-out 0s;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.ug-highlights a.btn-more:hover, .ug-highlights a.btn-more:focus {
    text-decoration: none;
    box-shadow: 0 0 4px #eafae5;
	
}



/***Social media share buttons***/

.social .fbtn {
    width: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 18px;
    float: left;
}
.social .fa {
    padding: 15px 0px
}
.facebook {
    background-color: #3b5998;
}
.gplus {
    background-color: #dd4b39;
}
.twitter {
    background-color: #55acee;
}
.stumbleupon {
    background-color: #eb4924;
}
.pinterest {
    background-color: #cc2127;
}
.linkedin {
    background-color: #0077b5;
}
.buffer {
    background-color: #323b43;
}
.share-button.sharer {
    height: 20px;
    padding: 100px;
}
.share-button.sharer .social.active.top {
    transform: scale(1) translateY(-10px);
}
.share-button.sharer .social.active {
    opacity: 1;
    transition: all 0.4s ease 0s;
    visibility: visible;
}
.share-button.sharer .social.networks-5 {} .share-button.sharer .social.top {
    margin-top: -80px;
    transform-origin: 0 0 0;
}
.share-button.sharer .social {
    margin-left: -65px;
    opacity: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
}
/***End of social media share buttons***/