/*
Theme Name: UWI CAIHR 2018
Theme URI: https://uwi.edu/caihr
Description: UWI CAIHR 2018
Version: 1.0
Author: Futuregram Studio Limited
Author URI: https://futuregram.io
*/

/* @group Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0pt none;
     margin: 0pt;
     padding: 0pt;
     vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
}

ol, ul {
     list-style: none outside none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0pt;
}

table.pad td {
     padding: 10px;
}

pre, code {
     background-color: #EDEDED;
     border-bottom: 1px solid #D9D9D9;
     border-top: 1px solid #D9D9D9;
     display: block;
     font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
     margin: 5px 0pt;
     padding: 5px;
     white-space: normal;
     width: 100%;
}

p code {
     display: inline;
}

body {
height: 100%;
}

html {
    height: 100%;
}

.text-shadow {
     text-shadow: 0.02em 0.03em 0.1em #666666;
}



/* SITE DEFINITIONS */

body{
	color:#3E454F;
	font: 17px 'Okomito',Helvetica, Arial, sans-serif;
	line-height: 1.4;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow-x: hidden;
	background:#fff url('images/bg_page.png') center top repeat-x;
height: 100vh !important;
}


/* FONTS */

.homepage h1, .inside h1 { 
	 font-size:42px;
	line-height: 1.1;
	color: #ffffff;
	font-family:'HK',Helvetica,Arial,sans-serif;
  padding-bottom:15px;
  font-weight:normal;
	}
	
.homepage h2, .inside h2 {
    font-size: 18px;
    line-height: 1.4;
	color:#AB1313;
    font-family: 'HK-Bold',Helvetica,Arial,sans-serif;
	padding-top: 20px;
	text-transform:uppercase;
  padding-bottom:15px;
  letter-spacing:1px;
  font-weight:normal;
}

.homepage h2 a:hover,.inside h2 a:hover {
	color:#D32F2F;
}


/*.homepage h2::after,.inside h2::after{
content: '.';
color:#F8CA05;
}*/

h3, .inside h3, .homepage h3, .homepage h3 a, .inside h3 a { 
	font-size: 19px; 
	line-height: 1.1;
  color:#002D8B;
	  font-family: 'HK-Bold',Helvetica, Arial, sans-serif;
	  margin: 10px 0 10px 0;
	  letter-spacing:0px;  
	  }

h4, .inside h4, .homepage h4 { 
    font-size: 16px;
    line-height: 1;
	color:#AB1515;
    font-family: 'Sintony',Helvetica,Arial,sans-serif;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 0px;
}

h5, .inside h5, .homepage h5 { 
    color:#002D8B;
  padding-bottom:15px;
font: 20px/1.4 'Okomito',Helvetica,Arial,sans-serif;
}

p,td p, .homepage p, .inside p {
	 color:#333;
  padding-bottom:15px;
font: 17px/1.4 'Okomito',Helvetica,Arial,sans-serif;
}

ul {
     margin-left: 0px;
     padding-left: 0px;

}

ol {
  margin-left: 0px;
     padding-left: 0px;  
}

li {
     list-style-type: none;
     margin-left: 0px;
     padding-left: 0px;
}

strong {
	 font-weight:bold;
}

.inside blockquote{
	font-family: 'HK',Times,serif;
color: #D32F2F;
font-size: 22px;
  padding:40px 130px 40px 50px;
  margin-bottom:1em;
  margin-top:1em;
  margin-left:15px;
  float:left;
  width:75%;
    text-align:left;
 border-left:5px solid #D32F2F;
}


a, a strong, a:visited {
text-decoration:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
color:#D32F2F;
}

a:hover, .inside #entry-content a:hover {
     color:#012E8B;
}

img a, a img, a img:hover, img a:hover {
     border: none;
}

hr {
     background-color: #C0DEDE;
     border-top: 5px solid #C0DEDE;
     color: #C0DEDE;
     margin: 20px 0 20px 0px;
     padding: 0pt;
width:100%;
float:left;
}

.inside #words small, .font_small, .inside #words small a {font-size: 14px;}

input {
font: 16px 'Okomito',Helvetica, Arial, sans-serif;
}

small {
font-size:14px;	
float:left;
width:100%;
font-family:inherit;
}

small.caption {
 padding-bottom:20px; 
}

em {
 
}



/* FONT-FACE */

@font-face {
    font-family: 'Okomito';
    src: url('fonts/Okomito-Regular.eot');
    src: url('fonts/Okomito-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Okomito-Regular.woff2') format('woff2'),
        url('fonts/Okomito-Regular.woff') format('woff'),
        url('fonts/Okomito-Regular.ttf') format('truetype'),
        url('fonts/Okomito-Regular.svg#Okomito-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HK';
    src: url('fonts/HKConcentrate-Regular.eot');
    src: url('fonts/HKConcentrate-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/HKConcentrate-Regular.woff2') format('woff2'),
        url('fonts/HKConcentrate-Regular.woff') format('woff'),
        url('fonts/HKConcentrate-Regular.ttf') format('truetype'),
        url('fonts/HKConcentrate-Regular.svg#HKConcentrate-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'HK-Bold';
    src: url('fonts/HKConcentrate-Bold.eot');
    src: url('fonts/HKConcentrate-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/HKConcentrate-Bold.woff2') format('woff2'),
        url('fonts/HKConcentrate-Bold.woff') format('woff'),
        url('fonts/HKConcentrate-Bold.ttf') format('truetype'),
        url('fonts/HKConcentrate-Bold.svg#HKConcentrate-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}




/* COMMON STYLES */

.box-brightred {
	background:#D32F2F;
}

.box-red {
	background:#AB1515;
}

.box-skyblue {
	background:#C0DEDE;
}

.box-blue {
background:#1D7FCA;	
}

.box-royalblue {
background-color:#012E8B;	
}

.box-purple {
background-color: #394573;	
}

.box-lightgrey {
background:#EFEFF1;
}

.box-darkgrey {
background:#242A3D;
}

.box-white {
background:#fff;	
}

.newscard {
  position:relative;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
	overflow:hidden;
	border-bottom:5px solid #C0DEDE;
}

.newscard img{
   width:100%;
  height:auto;
  -webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.newscard small {

}

.newscard span {
  
}

.newscard p a:hover {
	color:#F8CA05;	
}

p.btn-red {
display:inline-block;
margin-top:20px;
background:#D32F2F;
padding:8px 16px;
border-radius:5px;
}

p.btn-red a{
color:white!important;
}




/* STRUCTURE */



/* UWI Header */

#uwiheader {
	font-family:Helvetica,Arial,sans-serif;
	font-size:15px;
  padding-top:10px;
	}
	
	#uwiheader #auxnav {
		
	}
	
	#uwiheader #auxnav p {
		font-size:14px;
    padding:2px 3px 15px 3px;
	}
	
	#uwiheader #auxnav a{
		
	}
	
	#uwiheader #searching {
		margin-bottom:10px;
padding: 0px 10px 5px 0px;
    margin: 0;
	}
	
	#uwiheader #searching #searchbox{
		background: white;
border-radius: 0px;
color: #666;
float: left;
padding: 0px 0px 5px 0px;
margin: 0 0 0 45px;
width: auto;
height: 24px;
outline: none;
font-size: 14px;
border-bottom:1px solid #ccc;
	}
	
	#uwiheader #searching #searchbox input[type=sumbit] {
		
	}
	
	#uwiheader #searching input.searchbn {
    background: rgba(0, 0, 0, 0) url("https://www.uwi.edu/images/bn_search.png") no-repeat scroll center center;
    border: medium none;
    color: transparent;
    font-size: 0;
    height: 35px;
    width: 45px;
	margin-right: 10px;
}
	
	#uwiheader #mainnav {
		margin-top:3px;
    padding:12px 0;
    background:#007A52;
    margin-lefT:0;
	}
	
	#uwiheader #mainnav ul{
		 padding-top:0px;
    margin-left:-10px;
	}
	
	#uwiheader #mainnav ul li{
		display:inline;
    font-size:17px;
    text-transform:uppercase;
    padding:13px 40px;
   letter-spacing:1px;
	}

	#uwiheader #mainnav ul li:first-child {
   
  }
	
	#uwiheader #mainnav ul li a{
		color:#fff;
	}

#uwiheader #mainnav ul li:hover {
background-color: #99cc00;
}
	
#uwiheader #mainnav ul li:hover a {
color:#000;  
}

.wrap {
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
height: 100%;
}

#header {
  height:auto;
position:relative;
width:100%;
float:left;
}

#headercontent {
text-align:left; 
z-index:890;
padding-bottom:0em;
  position:relative;
  padding-top:20px;
  min-height:122px;
}

#header #tagline p {
  color:#BFDEDE;
  font-size:15px;
  opacity: 0.6;
}

#header #logo {
height:auto;
  z-index:80;
  padding-top: 0px;
}

#auxnav {
padding-top:0px; 
}

#auxnav ul li{
display:inline;
  margin-left:10px;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:1px;
}

#auxnav ul li a {
  font-family:'Sintony',Helvetica,Arial,sans-serif;
  color:#fff;
}

#auxnav ul li a:hover {
text-decoration:underline;
color:#C0DEDE;
}

#mainsearchbox {
	padding:0px 0;
	position:relative;
	display:none;
}

#mainsearchbox #s {
  padding:2px;
  color:#999999;
  font-family:inherit;;
  font-size:14px;
  border:none;
  padding:4px;
  position:absolute;
}

#mainsearchbox #searchsubmit {
    margin-bottom: 2px;
    margin-left: 0px;
	padding:4px 10px 3px 10px;
	border:none;
	cursor: pointer;
	 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	position:absolute;
	right:0;
}

#mainsearchbox #searchsubmit:hover {
	color:#fff;
}


#searchit {
margin-top:24px;	
}


#mainnav {
  margin-top:28px;
  margin-right:0;
  margin-left: 20px;
  /*margin-left: 18px;*/
 -webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
			position:relative;
 }


#mobiletoggle, .mobileonly {
display:none;	
}



/* Footer */
#footer {
     float: left;
     margin: 0px auto;
     width: 100%;
  position:relative;
  color:#fff;
  background: transparent url(images/bg_footer.png) center top repeat-x;
  font-size:15px;
padding-top:110px;
}


#footer #footer-content{
  position: relative;
}

#footer h3 {
	color:#fff;
	font-size:18px;
  margin-bottom:10px;
	font-family:'HK-Bold',Helvetica,Arial,sans-serif;
padding-top:30px;
  letter-spacing:0px;
}

#footer p {
color: #FFFFFF;
  font-size:15px;
}

#footer li {
 line-height:1.7;
 padding-bottom:10px;
}

#footer a{
color:#EEEEF0;
  	 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#footer a:hover {
  color:#fff;
  text-decoration:underline;
}

#footer ul {
  padding-bottom: 10px;
}

#footer-top {
 padding-top:0px; 
}

#footer-mid {
 padding-top:35px; 
}

#footer-bottom {
}

#footer-content .column6.alpha p {
 padding-top:43px; 
}

#footer-content .stat {
  border-right:1px solid #666F92;
  padding-bottom:20px;
}

#footer-address ul {
padding-left:0!important;
padding-top:20px!important;
}

#footer-address ul li{
	display:inline;

	padding-right:20px;
	padding-top: 5px;
}

#footer-address ul li.fb {
	background: transparent url(images/bg_fb.png) left top no-repeat;
	padding-left:35px;
}


#footer-address ul li.tw {
	background: transparent url(images/bg_tw.png) left top no-repeat;
		padding-left:35px;
}


#footer-address ul li.yt {
	background: transparent url(images/bg_yt.png) left top no-repeat;
		padding-left:40px;
}


#footer-content .column6.omega h3, #footer-content .column6.omega ul {
 padding-left:20px; 
}

#uwifooter {
	font-size:15px;

font-family:inherit;
}

#uwifooter #uwifooter-top{
	padding:30px 0;
}
#uwifooter p {
color:#ccc;
font-family:inherit;
font-size:14px;
}

#uwifooter a {
    color: #fff;
	font-family:inherit;
font-size:14px;
}

#uwifooter #social-icons li, #uwifooter #nations li{
display:inline;	
}

#uwifooter li {
padding:3px 0; 
font-size:14px;
}

#uwifooter #uwifooter-bottom{
 padding:10px 0; 
}

#uwifooter #uwifooter-bottom a {
  color:#D32F2F;
}

#uwifooter #uwifooter-bottom a:hover {
     color:#012E8B;
}




/* HOME */

body.homepage  {
     position: relative;
    width: 100%;
    background: transparent url(images/home/bg_masthead.png) center 0px no-repeat;
	 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.homepage #homecontent {
    background: transparent url(images/home/bg_midarea.png) center 390px no-repeat;
    width: 100%;
    float: left;
}

.homepage #mainpic {
margin-top:40px;	
}

.homepage #toparea {
    
}

.homepage #toparea #blurb p {
 font-size:22px;
 color:#012E8B;	
}

.homepage #themecards .card {
padding-bottom:30px; 
  min-height:505px;
}

.homepage #themecards .card img {
width:100%;
  height:auto;
}

.homepage #themecards .card h3 {
padding-top:10px;  
}

.homepage #themecards .card h3,.homepage #themecards .card p {
 padding-left:20px; 
}

.homepage #themecards .card {
  -webkit-box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
-moz-box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
}

.homepage #themecards p {
 width:85%; 
}

.homepage #midarea {
   background: transparent url(images/home/bg_services.png) center top no-repeat;
  padding-top:20px;
}

.homepage #midarea #blurb {
padding:160px 0; 
}

.homepage #midarea #blurb h2, .homepage #midarea #blurb p{
  color:#fff;
}

.homepage #midarea #blurb p {
font-size:19px;	
}

.homepage #midarea #list .service {
  display: inline-block;
vertical-align: middle;
  text-align:center;
  min-height:100px!important;
  padding-top:170px;
}

.homepage #midarea #list #service1 {
  background:transparent url(images/home/bg_research.png) center 40px no-repeat;
  border-bottom:1px solid #efefef;
  border-right:1px solid #efefef;
}

.homepage #midarea #list #service2 {
  background:transparent url(images/home/bg_clinical.png) center 40px no-repeat;
  border-bottom:1px solid #efefef;
}

.homepage #midarea #list #service3 {
  background:transparent url(images/home/bg_consultants.png) center 40px no-repeat;
   border-right:1px solid #efefef;
}

.homepage #midarea #list .service h3 {
 width:85%;
  display:inline-block;
}

.homepage #midarea #list #service4 {
  
background:transparent url(images/home/bg_training.png) center 40px no-repeat;}

.homepage #bottomarea {
padding-top:40px;  
}

.homepage #bottomarea h2 {
 padding-bottom:30px; 
}

.homepage .featuredcard {
  padding:10px 0 40px 0;
    -webkit-box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
-moz-box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
}

.homepage .featuredcard img{
  padding-left:10px;
  max-width: 95%;
}

.homepage .featuredcard h3{
  padding-left:10px;
  padding-top:15px;
}

.homepage .featuredcard p{
 padding-left:10px;
  width:90%;
}

.homepage #bottomarea .newscard {
width: 28%;
padding-top: 20px;
min-height: 290px !important;
padding-right: 13px;	
}


.homepage #bottomarea .newscard .itemcat,.homepage #bottomarea .newscard h3 {
  padding-lefT:20px;
}

.homepage #bottomarea .newscard small {
 text-transform:uppercase; 
}

.homepage #bottomarea .newscard p {
 font-size:32px; 
  color:#3A4E6E;
}

.homepage #bottomarea .newscard span {
  color:#3A4E6E;
  text-transform:uppercase;
  font-size:14px;
      line-height: 1.1;
    margin-top: 7px;
}

.homepage #bottomarea .newscard .itemdate {
display:none;	
}



/* INSIDE PAGES */

body.inside {
	  position: relative;
    width: 100%;
  
	 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.inside.landing {
  background: transparent url(images/inside/bg_masthead_landing.png) center 0px no-repeat;
}

.inside.landing #entry-content {
background: transparent url(images/inside/bg_dots_light.png) left 268px no-repeat;
}

.inside.landing #toparea{
 padding-top:40px; 
}

.inside.landing #pagetitle {
height:217px;  
}

.inside.landing #pagetitle h1 {
padding-top:40px;
}

.inside.landing #toparea #blurb {
 min-height:294px!important; 
}

.inside.landing #toparea #blurb h3 {
 padding-left:20px;
  color:#fff;
      padding-top: 100px;
    margin-top: 0;
}

.inside.landing #toparea img {
 max-width:unset;
  border-bottom:11px solid #AB1515;
}

.inside.content {
background: transparent url(images/inside/bg_masthead_content.png) center 0px no-repeat;
} 

.inside.content #toparea{
 padding-top:30px;
 height: 130px !important;
}

.inside.content #pagetitle {
height:auto;  
}

.inside.content #pagetitle h1 {
padding-top:0px;
padding-bottom: 5px;
margin-left: 40px;
font-size:28px;
}

.inside.content #pagetitle small {
color:#BFDEDE;
margin-left: 40px;
}

.inside.content #midarea {
  background: transparent url(images/inside/bg_dots_light.png) left 80px no-repeat;
}

.inside.content #midarea .bleeder {
position:absolute;
top:495px;
height:560px;
background: #AB1515;
width: calc(780px + ((100% - 2170px)/2)); 
z-index:0;
}

.inside.content .interventions #midarea .bleeder {
	position:absolute;
top:495px;
height:810px;
background: #AB1515;
width: calc(780px + ((100% - 2170px)/2)); 
z-index:0;
}

.inside.content .expressions #midarea .bleeder {
position:absolute;
top:495px;
height:600px;
background: #AB1515;
width: calc(780px + ((100% - 2170px)/2)); 
z-index:0;	
}

.inside.content #sidebar {
  
}

.inside.content #sidenav {
  padding:40px 0 60px 0;
}

.inside.content #sidenav small {
  padding-left:20px;
  color:#000;
  padding-bottom:20px;
}

.inside.content #sidenav ul {
  padding:20px;
}

.inside.content #sidenav ul li {
  font-family:'Sintony',Helvetica,Arial,sans-serif;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:2px;
  padding:8px 0;
  width:100%;
  display:inline-flex;
}

.inside.content #sidenav li a {
  color:#000;
  
}

.inside.content #sidenav a:hover, .inside.content #sidenav li.active a {
  color:#fff;
  border-left:5px solid #fff;
  padding-left:15px;
}

.inside.content #sidenav li:hover, .inside.content #sidenav li.active {
  background: transparent url(images/inside/bg_sidenav_active.png) right 11px no-repeat;
}

.inside.content #sidenav li.active:firstchild {
  background: transparent url(images/inside/bg_sidenav_active.png) right 22px no-repeat;
}

.inside.content #copy {
  padding-top:25px;
  background:white;
  margin-top:5px;
  min-height:550px!important;
}

.inside.content #copy img {
	border-bottom:5px solid #C0DEDE;
}

.inside.content #copy ul {
	padding:10px 0 20px 0;
}

.inside.content #copy ul li, .inside.about #bottomarea ul li, .inside.about.landing #insidecontent #aboutsymposium li,  .inside.about.landing #insidecontent #bottomarea li,  .inside.about.unit #insidecontent #midarea li{
background: transparent url(images/inside/bullet_red.png) left 7px no-repeat;
padding-left:25px;
padding-bottom:10px;
}

.inside ol li {
  /*display: inline-flex;*/
  padding-bottom:0px;
  counter-increment: step-counter;
  content: none;
padding-bottom: 10px;
font-size: 20px;
display: flex;
line-height: 1.1;
border-bottom: 1px solid #efefed;
width: 85%;
}

.inside ol li::before {
  content: counter(step-counter);
  background: transparent url('images/inside/bg_ol.png') no-repeat scroll right 17px;
   padding: 20px 25px 10px 0px;
  display: inline-block;
  margin-right: 10px;
  font-size:24px;
  font-weight:400;
  color:#BFDEDE;
  line-height:1;
}

.inside ol  {
  width:100%;
}

.inside  ol li{

}

.inside  ol li a{
  padding-top:20px;
}

.inside.content #copy .speciallist {
width:75%;
}

.inside.content #copy .speciallist li {
	padding:15px 0;
	border-bottom:1px solid #efefef;
	background:transparent url(images/inside/arrow_right_red.png) right center no-repeat;
	font-size:18px;
		 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.inside.content #copy .speciallist li:hover {
	padding-left:10px;
}

.inside.content #copy .speciallist li a {
	font-weight:bold;
	font-size:18px;
}

.inside.content #copy .speciallist p {
color:#555;	
width:85%;
}

.inside.content #copy .halflist {
	padding-bottom: 20px;
width: 100%;
float: left;
}

.inside.content #copy .halflist li {
float:left;
width:45%;
margin-right:10px;
}

.inside.content #copy .pdf {
	background:transparent url(images/inside/bg_pdf.png) left top no-repeat;
	font-size:18px;
	padding-left: 40px;
padding-top: 7px;
padding-bottom: 10px;
margin-bottom: 10px;
}


.inside .era h3{
	font-size:26px;
}

.insidet .era .title {
  
}

.inside .era .title h3{
  border-bottom:1px solid #ccc;
  padding-bottom:20px;
  /*width:95%;*/
}

.inside .era .text {
padding-top:95px; 
  border-left:1px solid #ccc;
  margin-left:0;
}

.inside .era .text p {
 padding-left:0px; 
}


.inside  #copy .member {
min-height:220px!important;	
}





/* ABOUT */


.inside.about.landing ul.tabs {  
  margin: 60px 0;
  padding: 40px 0;
  list-style: none;
  background:#394573;
}

.inside.about.landing ul.tabs li {
  display: block;
  margin: 0 0 0 0px;
  cursor: pointer;
  padding: 15px 16px 15px 20px;
  background-image: none !important;
  line-height: 22px;
  color: #fff;
  font-family:'Sintony',Helvetica,Arial,sans-serif;
  overflow: hidden;
  position: relative;
  text-transform:uppercase;
  font-size:15px;
  letter-spacing:1px;
  width: 100%;
}

.inside.about.landing ul.tabs li:hover {
background: #283051 url(images/inside/arrow_right_accordion_active.png) 97% center no-repeat;
  color: #fff;
  border-left:5px solid #C0DEDE;
  padding-left:15px;
}

.inside.about.landing ul.tabs li.active {
  color: #fff;
  display: block;
  border-left:5px solid #C0DEDE;
  padding-left:15px;
  background: #283051 url(images/inside/arrow_right_accordion_active.png) 97% center no-repeat;
}

.inside.about.landing .tab_container {
margin-top:25px;  
 padding: 40px 0 80px 0;
  position:relative;
  background:#fff;
  height: 370px!important;
        -webkit-box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
-moz-box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
}

.inside.about.landing .tab_container img {
  margin-top:0;
}

.inside.about.landing .tab_container h3 {
  font-size: 22px;
}

.inside.about.landing #bottomarea {
padding-top:20px;	
}

.inside.about.landing #missionvision {
  background: transparent url(images/inside/about/bg_missionvision.png) center top no-repeat;
  padding:140px 0;
}

.inside.about.landing #missionvision h2, .inside.about.landing #missionvision p{
 color:#fff; 
}

.inside.about.landing #bottomarea .tab_content p {
	font-size:18px;
	padding-top:15px;
}

.inside.about.landing #bottomarea #missionvision p {
font-size:18px;	
}



/* Units */

.inside.unit.landing #toparea #blurb {
    min-height: 250px !important;
}

.inside.unit.landing #toparea #blurb h3 {

    padding-top: 80px;
}

.inside.unit.landing .bleeder2 {
position: absolute;
top: 370px;
height: 497px;
background: #AB1515;
width: calc(780px + ((10% - 1450px)/2));
z-index: 0;
right: 0;
}

.inside.unit.landing #mainpic img {
width:100%;
height:auto;
}

/*.gacdrc.inside.unit.landing #mainpic img {
width:auto!important;
height:auto;
}*/

.inside.unit.landing #overview p {
	font-size:19px;
}

.inside.unit.landing .tabs label:first-child {
margin-left:30px;  
}

.inside.unit.landing .tabs .tab {
min-height:540px!important;
  padding-bottom:60px;
}

.inside.unit.landing .tabs label {
	width:19%!important;
}

.inside.unit.landing .tabs .tab h3{
  font-size:26px;
  width:85%;
}

.inside.unit.landing .tabs .tab h4{
  font-family:'HK-Bold',Helvatica,Arial,sans-serif;
color:#8c8e94;
  padding-top:20px;
  letter-spacing:0;
}


/* History */


.inside.about .history {

}

.inside.about .history .era {
  
}

.inside.about .era .text {
    padding-top: 125px;
}





/* FACULTY */

/* Profile page */

.inside.faculty #copy #staffpic {
 padding:40px 0; 
 position:relative;
  background: transparent url(images/inside/faculty/bg_staffpic.png) left top repeat-y;
}

.inside.faculty #copy #staffpic #staffquote {
positon:absolute;
top:135px;
left:0;
display:none;
}

.inside.faculty #copy #staffpic #staffquote p {
font-size: 24px;
padding-left: 20px;
color:#394573;
}

.inside.faculty #staffwork {
padding:40px 0; 
  border-top:10px solid #394573;
  background: transparent url(images/inside/faculty/bg_researchinterests.png) center top repeat-y;
}

.inside.faculty #staffresearch .stat {
  border-right:1px solid #394573;
}

.inside.faculty #staffcontact h3, .inside.faculty #staffcontact p {
color:#fff;  
}

.inside.faculty #staffresearch p {
width:85%;
padding-left:15px;
}


/* SERVICES */

.inside.services.landing #listing {
	padding:20px 0;
}

.inside.services.landing #listing img {
margin-left:20px;	
border-bottom:5px solid #C0DEDE;
}




/* RESEARCH */


.inside.research.landing #toparea #mainpic{
    position: absolute;
    lefT: -306px;
    top: 217px;
}

.inside.research.landing #toparea #overview {
	padding-top:20px;
}

.inside.research.landing .bleeder2 {
position: absolute;
top: 370px;
height: 497px;
background: #AB1515;
width: calc(780px + ((10% - 1350px)/2));
z-index: 0;
right: 0;
}

.inside.research.landing  .tabs label:first-child {
margin-left:30px;  
}

.inside.research.landing  .tabs .tab {
min-height:540px!important;
  padding-bottom:60px;
}

.inside.research.landing  .tabs .tab h3{
  font-size:26px;
  width:85%;
}

.inside.research.landing  .tabs .tab h4{
  font-family:'HK-Bold',Helvatica,Arial,sans-serif;
color:#8c8e94;
  padding-top:20px;
  letter-spacing:0;
}

/* A Programme */

.inside.research #associatedprojects {
padding:40px 0; 
  border-top:10px solid #394573;
  background: transparent url(images/inside/research/bg_projectinterests.png) center top repeat-y;
}

.inside.research #associatedprojects2 {
padding:40px 0;
}

.inside.research.content #associatedprojects2 h2 {
	letter-spacing:0px;
	line-height:1.1;
}

.inside.research #associatedprojects2 h3 {
font-size:26px;	
}

.inside.research #associatedprojects .stat {
  border-right:1px solid #394573;
}

.inside.research #otherprojects h3, .inside.research #otherprojects p {
/*color:#fff;  */
}

.inside.research.content #associatedprojects2 ul li{
background: transparent url(images/inside/bullet_red.png) left 7px no-repeat;
padding-left:25px;
padding-bottom:10px;
}




/* Publications */

.inside.research .publications ol li{
 font-size:17px; 
}
.inside.research .publications ol li p {
padding-top:11px;
color:inherit;
}


/* Featured Project*/

.inside.research .era .title h3{
  border-bottom:1px solid #ccc;
  padding-bottom:20px;
  font-size:24px;
}

.inside .era .text {
padding-top:50px; 
  border-left:1px solid #ccc;
  margin-left:0;
  padding-left:15px;
}



/* TRAINING */

.inside.training .programme #copy h3 {
font-size:22px;	
}


/* NEWS AND EVENTS */


.inside.news #insidecontent #copy .newscard {
min-height:180px!important;
position:relative;
}

.inside.news #insidecontent .newscard:nth-child(2n) {
	
}

.inside.news #insidecontent .newscard .itempic {
	overflow:hidden;
}

.inside.news #insidecontent .newscard img {
border-bottom:none;	
width:100%;
height:auto;
}

.inside.news #insidecontent .newscard h3 {
	width:85%;
  padding-top:20px;
}

.inside.news #insidecontent.article img {
	margin-bottom:20px;
}

.inside.news #insidecontent.article #mainpic {
text-align:center;	
}



/* GENERAL ARCHIVE PAGE */





/* GENERIC SINGLE PAGE */






/* GENERIC SINGLE POST */





/* CONTACT US */

.inside.contact .map-responsive {
    overflow: hidden;
    padding-bottom: 40%;
    position: relative;
    height: 0;
}






/* HISTORY HERITAGE MICROSITE */

@font-face {
    font-family: 'Young';
    src: url('https://uwi.edu/caihr/fonts/Young.eot');
    src: url('https://uwi.edu/caihr/fonts/Young.eot?#iefix') format('embedded-opentype'),
        url('https://uwi.edu/caihr/fonts/Young.woff2') format('woff2'),
        url('https://uwi.edu/caihr/fonts/Young.woff') format('woff'),
        url('https://uwi.edu/caihr/fonts/Young.ttf') format('truetype'),
        url('https://uwi.edu/caihr/fonts/Young.svg#Young') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




.inside.historysymposium,.inside.historysymposium #midarea {
 background-image:none; 
}

.inside.historysymposium #footer, .inside.historysymposium #uwiheader #mainnav {
 display:none; 
}

.inside.historysymposium .box-third {
 float:left;
  width:33.33%;
  height:auto;
  position:relative;
}

.inside.historysymposium .box-darkblue {
  background: #102445;
}

.inside.historysymposium .titleblock {
  height:140px;
padding-top:100px;
  padding-bottom:60px;
  margin-top: 60px;

}

.inside.historysymposium .box-darkblue h2 {
color:#fff;
  padding-left:25px;
  padding-right:20px;
  font-size:32px;
  font-family:'Young',Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  line-height:1.2;
}


.inside.historysymposium #insidecontent h3 {
  font-family:'Young',Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-size:24px;
  letter-spacing:3px;
  margin-left:40px;
  margin-bottom:20px;
  color: #2d4b7c;
}

.inside.historysymposium #insidecontent h4 {
  font-family:'Young',Helvetica,Arial,sans-serif;
  font-size:22px;
  margin-left:40px;
  font-weight:bold;
}

.inside.historysymposium #insidecontent p {
  
}

.inside.historysymposium #toparea {
	height:auto!important;
	margin-bottom:40px;
}

.inside.historysymposium #insidecontent .copy {
 padding-top:80px; 
}


.inside.historysymposium #insidecontent .copy p{
 padding-left:40px;
  font-family:'Kumbh Sans',Helvetica,Arial,sans-serif;
  color:#666;
  line-height:1.6;
  padding-bottom:20px;
}

.inside.historysymposium #insidecontent  p.btn-red {
  font-family:'Young',Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-size:17px;
  margin-top:40px;
  margin-bottom: 20px;
  position:relative;
  padding:15px 35px 10px 35px;
  width:auto;
  background: #b80719;
  display:inline-block;
  letter-spacing:1px;
  border-radius:30px;
  cursor:pointer; 
}

.inside.historysymposium #insidecontent  p.btn-red a {
 color:#fff; 
}

.inside.historysymposium #insidecontent #blurb p {
color:#b80719;
   text-transform:uppercase;
    font-size:18px;
font-family:'Kumbh Sans',Helvetica,Arial,sans-serif;
}

.inside.historysymposium #insidecontent #datetime p{
	font-size:18px;
}

.inside.historysymposium #registerheader,.inside.historysymposium #askform {
 padding-top:40px; 
}

.inside.historysymposium h1 {
  font-family:'Young',Helvetica,Arial,sans-serif;
  color:#c30718;
  text-align:left;
  padding-top:20px;
  padding-bottom:0;
}

.inside.historysymposium form input[type="text"],.inside.historysymposium form input[type="email"] {
  font-size:17px;
font-family:'Kumbh Sans',Helvetica,Arial,sans-serif;
  padding:8px 5px;
  background:#efefef;
  border:none;
  margin-bottom:20px;
  color:#333;
  width:75%;
}
.inside.historysymposium form input[type="checkbox"]  {
  float:left;
  width:auto;
  margin-right:10px;
  margin-top: 5px;
margin-left: 0;
}

.inside.historysymposium form button,.inside.historysymposium #insidecontent form input[type="submit"] {
 cursor:pointer; 
    font-family:'Young',Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-size:17px;
  margin-top:10px;
  position:relative;
  padding:15px 35px 10px 35px;
  width:auto;
  background: #b80719;
  display:inline-block;
  letter-spacing:1px;
  border-radius:8px;
color:#fff;
  border:none;
}


.inside.historysymposium #insidecontent  .disclaimer {
 font-size:15px;
  padding:10px 0;
}

.inside.historysymposium #insidecontent form label {
 text-transform:none; 
  letter-spacing:0;
  font-family:'Kumbh Sans',Helvetica,Arial,sans-serif;
  font-weight:bold;
  width:auto;
  font-size: 17px;
}


.inside.historysymposium #insidecontent iframe .formFooter {
    display: none;
}


/* TABS */


.inside .tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left:40px;
}

.inside .tabs label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  padding: 20px 70px;
  margin-right: 0.2rem;
  cursor: pointer;
  background: #394573;
  font-weight: normal;
  font-size:16px;
  text-transform:uppercase;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
  font-family:'Sintony',Helvetica,Arial,sans-serif;
  color:#fff;
  width:20%;
  float: left;
  text-align: center;
	 -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.inside .tabs label:hover {
  background: #283051;
}


.inside .tabs .tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: none;
  padding: 40px 10px 40px 10px;
  background: #fafafa;
      -webkit-box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
-moz-box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
box-shadow: 0px 2px 11px -3px rgba(140,140,140,1);
}

.inside .tabs input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.inside .tabs input[type="radio"]:checked + label { background: #283051;color:#fff; }

.inside .tabs input[type="radio"]:checked + label + .tab { display: block; }
 
 @media (max-width: 45em) {

.inside .tabs .tab, .inside.research .tabs label {
  -webkit-box-ordinal-group: NaN;
  -webkit-order: initial;
  -ms-flex-order: initial;
  order: initial;
}

.inside .tabs label {
  margin-right: 5px;
  margin-top: 0.2rem;
}


 }
 
 
 

/* PAGINATION */

#pagination {
margin-top:40px;
}

#pagination p {
  padding:22px 0px 0 20px;
  font-family:'HK-Bold',Helvetica,Arial,sans-serif;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.inside #insidecontent #pagination ul {
  padding-top:19px;
  margin-bottom:7px;
}

.inside #insidecontent #pagination ul li {
  display:inline;
  padding:10px 15px;
  font-family:'Spartan',Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  background:none;
}

#pagination ul li a {
      font-size:13px;

}

.inside #insidecontent #pagination ul li#current,.inside #insidecontent #pagination ul li:hover {
  background:white;
}




/* ACCORDION */



/* TABLES */

.inside #insidecontent table {/* ensures that paddings and margins activate */
width:95%;
border-collapse: separate;
    border-spacing: 0;
  background:transparent;
margin-bottom:40px;
  margin-top:20px;
}

#insidecontent table th{
text-transform:uppercase;
font-size:14px;
  font-weight:300;
font-family: 'HK-Bold',Helvetica,Arial,sans-serif;
  color:#000;
vertical-align:middle;
padding:10px 10px 10px 0;
text-align:left;
border-bottom:2px solid #C0DEDE;
  letter-spacing:0px;
}

#insidecontent table tr,#insidecontent .su-table table tr.su-even {
background:transparent;  
}

#insidecontent table th em{
font-style:normal;
}

#insidecontent table td{
padding:10px 10px 10px 0;
text-align:left;
vertical-align:top;
font-size:15px;
  border-bottom:1px solid #ccc;
  line-height:1.4;
}

#insidecontent table td:nth-child(1) {
  font-weight:bold;
}

#insidecontent table td:last-child {
border-right:none;
}

#insidecontent table tr:last-child td{

  
}

#insidecontent table h2 {
margin-bottom:0.6em;  
}

#insidecontent table p {
line-height:1.4;  
}

#entry-content table td img{
padding-bottom:10px;
}

#entry-content table td li {
text-align:left;
}

#entry-content table td:first-child {
text-align:left;
}


/* Table striping */

#insidecontent #words tr:nth-child(even) { background: #F9F9F9; }
#insidecontent #words tr:nth-child(odd) { background: #fff; }








/* FORMS */

form {
padding:0px 0 3em 0px;
}



#entry-content form h4,#entry-content form p {
width:100%;
  margin-right:0px;
  float:left;
	display:block;	
  margin-bottom:0;
}

.inside #entry-content form .red {
color:red;	
}

.inside #entry-content form label {
margin:10px 0px 5px 0;
float:left;
color:#381F10;
  width:97%;
  font-size:15px;
font-weight:500;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height:24px;
  font-family:'Okomito',Helvetica,Arial,sans-serif;
}

.inside form text,.inside #wrap .container12 captchar, form input[type=text],.inside form select, .inside #wrap .container12 quiz{
padding:5px;
  margin-bottom:10px;
width:90%;
background:#F5F3ED;
color:#4B4B4B;
font-size:16px;
-webkit-box-shadow: none;
box-shadow: none;
border:none;
}

.inside form select {
width:50%;  
}

.inside form textarea {
padding:5px;
width:90%;
border:none;
  background:#F5F3ED;
  color:#787872;
font-size:17px;
font-family:'Okomito',Helvetica,Arial,sans-serif;
}

.inside form-control-wrap.newsletter {
  margin-top:15px;
  width:100%;
  float:left;
}


.inside form form-controlcheckbox {
margin-bottom:20px;
  float:left;
  width:100%;
}

.inside  spanlist-item {
  font-size:16px;
  font-family:'Okomito',Helvetica,Arial,sans-serif;
  margin-top:10px;
  margin-left:0;
  float:left;
  width:48%;
  display:block;
  margin-right:10px;
}

.inside spanlist-item input[type="checkbox"] {
border: 1px solid #77CBA2;  
  padding:7px;
  
}

.inside #insidecontent .container12 form validates-as-required{
border:none;
border-bottom:1px soldi #9D8B8B;
padding:5px;
font-size:16px;
font-family:'Okomito',Helvetica,Arial,sans-serif;
  background:#F5F3ED;
}


.inside #insidecontent form submit,.inside #insidecontent input[type=submit], #homecontent .button-primary, #insidecontent .button-primary {
color:#fff;
  border:0;
padding: 15px 20px 12px 20px;
border-radius: 5px;
 background-color:#767E33;
  font-size:16px;
  letter-spacing:1px;
  margin-top:20px;
text-transform:uppercase;
    -webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
  font-family:'Okomito',Helvetica,Arial,sans-serif;
  cursor:poAgane;
}

#homecontent .button-primary, #insidecontent .button-primary {
margin-top:0px;	
}

.inside #insidecontent form submit:hover , .inside #insidecontent input[type=submit]:hover, #homecontent .button-primary:hover, #insidecontent .button-primary:hover {
	background:#C93A3C;
  color:#fff;
}



#entry-content form response-output{
background-color:#9D8B8B;
float:left;
width:100%;
color:#381F10;
}


#entry-content divmail-sent-ok {
    border: none;
}

#entry-content form not-valid-tip-no-ajax {
color:#A4CE36;
}

#entry-content form div div { /* move the ReCAPTCHA div from overlaying the form fields */
 float:left;
  width:100%;
  position:relative;
}

#entry-content form captchac {
  float:left;
  width:auto;
}

.generic #wrap #entry-content #words form table {
margin-bottom:20px;
}

.generic #wrap #entry-content #words form table td {
  padding:0;
}


.inside #insidecontent #words form .telnum input, .inside #insidecontent #words form .emailaddress input{
 width:60%; 
}


/*
	Standard Tags
*/

.aligncenter {
	display:block;
	margin:20px auto;
}

.alignleft, img.alignleft {
	float:left;
	width:auto;
	margin:10px 20px 10px 0;
}

.alignright,  img.alignright {
	float:right;
	width:auto;
	margin:10px 0 10px 20px;
}


/*******************************************************************/

/* HACK FOR WEBKIT */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	



}


/*******************************************************************/
/* HACK FOR IE 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {



}

@media only screen and (min-width: 1190px) {


		
}


/*******************************************************************/
@media only screen and (min-width: 1000px) and  (max-width: 1160px) {
  


}
/*******************************************************************/



@media only screen and (min-width: 960px) and (max-width:1160px) {

}

@media only screen and (min-width: 768px) and (max-width:959px) {
	
}


@media only screen and (min-width: 480px) and (max-width:767px) {
	.inside.historysymposium .box-third {
		width:50%;
		margin:0 auto;
	}
	
	
}


@media only screen and (min-width: 320px) and (max-width:479px) {
	.inside.historysymposium .box-third {
		width:100%;
		margin:0 auto;
	}
	
	
}