/******************************************************************
Theme Name: iSTARMB
Theme URI: http://www.mblackdesign.co.uk
Description: Custom Wordpress theme for the NERC iSTAR Ice Sheet Stability Programme, by <a href="http://www.mblackdesign.co.uk">Martin Black</a>.
Author: Martin Black
Author URI: http://www.mblackdesign.co.uk
Version: 1.7.3
Tags: clean, blue, white, responsive, desktop, mobile, tablet.

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl.html

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

/* Frameworks
-------------------------------------------------- */
@import url("/wp-content/themes/iSTARMB/library/css/bootstrap.css");
@import url("/wp-content/themes/iSTARMB/library/css/bootstrap-responsive.min.css");




/* GLOBALS 
-------------------------------------------------- */
body {
	background: url(/wp-content/themes/iSTARMB/library/img/bg.jpg) #C8D0D3 bottom fixed no-repeat;
	overflow-x:hidden;
}
/* Page width */
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {max-width:960px;}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	max-width: 960px; /* or 950px */
}
/* Heading & text changes */
h1, h2, h3, h4, h5, h6 { 
  font-weight:normal;
  letter-spacing:-1px;
}
/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 70px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}
/* Misc overrides */
.homenavbutton {margin-right:0 !important;}
.contbg { background-color:white;}
.maincont {margin-top:51px;padding-bottom: 10px;}
.additionalcont {padding-bottom: 10px;}
.secondarycont {padding-top:10px;}
.thirdcont {padding-top:0;}
.footerbg { background-color:#EEE;border-top:1px solid #DDD; padding-top:15px;}
.footercont {padding:10px 20px 5px 20px;}
.footerimg {margin-bottom:5px;padding-right:10px;}
.homepagetabs {padding-bottom: 0;margin-bottom: 0;}
.navbar {   }
.additionalcont div {max-width:100%} /*Prevents images overflowing on posts/pages*/
.additionalcont div {-ms-word-wrap: break-word;word-wrap: break-word;} /*break the word wrapping for super long words*/

/* Search bar expand */
#search_header input {
    width: 130px;
    -moz-transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
#search_header input:focus {
    width: 200px;
    max-width: 100%;
    -moz-transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}



/* HEADER
-------------------------------------------------- */
/* Title and Description text */
.welcometext {padding-bottom:0;margin:0;min-height:70px;}
.welcometext h1 {font-size:28px;}
.welcometext h1 small {font-size:19px;}
.welcometext h1 a:hover {text-decoration:none;opacity:0.8;}
#moreinfoarrow {display:inline;}
/*#moreinfoarrow {display:none;}*/
/* Navbar font size */
body > .navbar {
  font-size: 15px;
}
/*Logo sizes*/
.logomenu{max-height: 40px; padding:0 0 0 10px; margin: -20px 0 -20px 0;}
.logodesc{max-height: 60px;}
.logodesc_left {max-height: 60px;padding-right:8px;}




/* HOMEPAGE
-------------------------------------------------- */
/* Featured Map area */
.featuredmapcont {max-height:318px;width:293px;}
.featuredmaphdr {margin-top:0; }
.featuredmapimg {padding-bottom:10px; }
.featuredmaptext {height:40px; }

/*Projects area */
hr.projects {margin:0;}
.projectsnavtabs {margin-right:0 !important;}
.projectstabcontent {border-top:1px solid #DDD;padding-left:20px;}
.projectldrh4 {margin-top:0 !important;}
.projectldrimg {padding-right:10px; }
.projectldrdesc {height:70px;}
.projectdesc {margin-left:0 !important;}
.projectbutton {font-weight: 300; letter-spacing: normal; }
.projectcover {max-height:350px;margin-bottom:20px;}
.projectcover img {max-height:350px;}
.projecthdr{
	color:#fff;
	position:relative;
	bottom:120px;
	padding: 15px;
	background: rgba(47, 163, 230, 0.8);
}
/*alerts and buttons*/
.alert-info {color: rgb(0, 72, 114);background-color:rgb(224, 248, 255);}
.alert-info a {color: rgb(0, 146, 230);}
.btn, .btn a {color:#fff !important;}
/* Ribbon's -------- */
.ribbon-wrapper-blue-map {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: relative;
	bottom: 323px;
	left: auto;
	right:-207px;
	z-index:100;
}
.ribbon-blue {
	font: bold 15px Sans-Serif;
	color: #333;
	text-align: center;
	text-shadow: rgba(0,0,0,0.9) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background: rgb(122,188,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.9);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.9);
}
.ribbon-blue:before, .ribbon-blue:after {
	content: "";
	border-top:   3px solid rgb(30,87,153);   
	border-left:  3px solid transparent;
	border-right: 3px solid transparent;
	position:absolute;
	bottom: -3px;
}
.ribbon-blue:before {left: 0;}
.ribbon-blue:after {right: 0;}
/* Latest news box */
.latestnewsbox {
	padding-top:20px;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}
.latestnewstabbable {margin:-15px;}
.latestnewstabcontent {margin-top:-20px;}
.latestnewstab {
	/*margin-top: -20px;*/
	max-height:260px;
	height:260px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color:white;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.lastestnewsheading { border:0; padding-top:3px; }
.lastestnewsheading h4 { font-size:14px; }
.lastestnewsmeta {font-size:10px;margin:0;padding:0;}
.latestnewsbutton {position:relative; bottom:5px; left:10px; font-weight:300;}



/* FOOTER
-------------------------------------------------- */
.footer {
	text-align: center;
	padding: 5px 0 10px 0;
	border-top: 1px solid #e5e5e5;
	background-color: #f5f5f5;
	width: 1040px;
	margin-left: -20px;
}
.footer p {
	margin-bottom: 0;
	color: #777;
}
.footercredit {font-size:0.7em;}
.footer-nav {
	list-style: none;
	float: right;
	text-align: right;
}
.footerlinks {text-align:center;}

.footer-widgets-cont { 
	padding: 20px 0 10px 20px;
	background-color: white;
	margin-left: -20px;
    width:980px;
    border-top: 1px solid #e5e5e5; 
    border-bottom: 1px solid #e5e5e5;
}


/* Slider 
----------------------------------*/
.jqsliderwell {
	margin-top:20px;
	width:auto;
	height:auto;
	padding:5px;
	max-width:620px;
	max-height:318px;	
}
.slidercaption {}
.slidercaption h1 {
	background:rgba(47, 163, 230, 0.8);
	color:#fff;
	position:absolute;
	top:30px;
	width:620px;
	font-size:24px;
	font-weight:300;
	line-height:60px;
	padding:0 0 0 20px;
	border:0;
}
.slidercaption p {
	background:rgba(47, 163, 230, 0.8);
	height:auto;
	max-width:620px;
	color:#fff;
	font-size:14px;
	font-weight:100;
	border:0;
	position:absolute;
	top:100px;
	display:none;
	padding:10px 20px 20px 20px;
}
.slidercaption:hover p {display:block;}
#slides {
  display: none;
  max-width:620px;
  max-height:318px;
}
a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
  background-image: url(/wp-content/themes/iSTARMB/library/img/btns-next-prev.png);
  background-repeat: no-repeat;
  display:block;
  width:12px;
  height:18px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  margin-right:5px;
}
a.slidesjs-next {margin-right:10px;background-position: -12px 0;}
a:hover.slidesjs-next {background-position: -12px -18px;}
a.slidesjs-previous {background-position: 0 0;}
a:hover.slidesjs-previous {background-position: 0 -18px;}
a.slidesjs-play {width:15px;background-position: -25px 0;}
a:hover.slidesjs-play {background-position: -25px -18px;}
a.slidesjs-stop {width:18px;background-position: -41px 0;}
a:hover.slidesjs-stop {background-position: -41px -18px;}	
#slides .slidesjs-navigation {margin-top:3px;}
#slides .slidesjs-previous {margin-right: 5px;float: left;}
#slides .slidesjs-next {margin-right: 5px;float: left;}
.slidesjs-pagination {
	margin: 6px 0 0;
	float: right;
	list-style: none;
}
.slidesjs-pagination li {
	float: left;
	margin: 0 1px;
}
.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url(/wp-content/themes/iSTARMB/library/img/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesjs-pagination li a:hover { background-position: 0 -26px}
#slides a:link, #slides a:visited {color: #333}
#slides a:hover,#slides a:active {color: #9e2020}
#slides { display: none }




/* RESPONSIVE CSS TWEAKS
-------------------------------------------------- */
@media (max-width: 979px) {
  .maincont {margin-top:-20px;}
  .projectcover {max-height:550px;}
  .ribbon-wrapper-blue-map {left:70%;}
  .featuredmapcont {max-height:318px;width:auto;}
}
@media (max-width: 767px) {
  .maincont {padding:0 20px 0 20px;margin:-20px -20px 0 -20px;}
  .slidercont {padding:20px 20px 0 20px;margin:-20px -20px 0 -20px;}
  .additionalcont {padding:20px 20px 0 20px;margin:-20px -20px 0 -20px;}
}	
@media (max-width: 480px) { 
    /*.nav-tabs > li {
        float:none;
    }*/	
}




/* WORDPRESS SPECIFICS
-------------------------------------------------- */
/* Paragraph & Image styling */
.alignleft {
    float: left;
    margin:0 15px 30px 0;
}
.aligncenter {
    display: block;
    margin: 0 auto 30px auto;
}
.alignright {
    float: right;
    margin:0 0 30px 15px;
}
.alignnone {
    float: none;
    display:block;
    margin:0 0 30px 0;
}
p .alignleft {
    float: left;
    margin:5px 15px 30px 0;
}
p .aligncenter {
    display: block;
    margin: 5px auto 30px auto;
}
p .alignright {
    float: right;
    margin:5px 0 30px 15px;
}
p .alignnone {
    float: none;
    display:block;
    margin:5px 0 30px 0;
}

/* Image captions */
.wp-caption {  
  border: 1px solid #ddd;  
  text-align: center;  
  background-color: #f3f3f3;  
  padding-top: 4px;  
  /* margin: 10px;   */
  -moz-border-radius: 3px;  
  -khtml-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;  
}  
  
.wp-caption-dd {  
  font-size: 8px;  
  line-height: 17px;  
  padding: 0 4px 5px;  
  margin: 0;  
}
.wp-caption-text {font-size:0.9em;font-style:italic;}
.wp-caption .aligncenter {margin: 0 auto 30px auto;}


/* calendar widget */
#calendar_wrap{
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
}
#wp-calendar{width: 100%;}
#wp-calendar caption{font-weight: bold;	padding: 8px;}
#wp-calendar tr{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#wp-calendar tr:last-child{	border-bottom: none;}
#wp-calendar td{text-align: center;padding: 8px 0;}
blockquote.pull-left{padding-right: 15px;}
.post-date {font-style: italic;display: block;}

/* Box shadow on sidebar */
.boxshadow {
	padding: 15px;
	border: 1px solid #D2D3D4;
	background: #FBFCFD;
	box-shadow: inset 0 0 0 1px #fff, inset 0 0 20px rgba(0,0,0,0.1);
	border-radius: 6px;
}


/* darker HR */
hr {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #fff;
}


/*
 * Twitter Breadcrumb styling for Wordpress
 * REF: http://bavotasan.com/2012/breadcrumbs-for-wordpress-with-twitter-bootstrap/
 *
 */
 .breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  list-style: none;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  }

.breadcrumb li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  text-shadow: 0 1px 0 #ffffff;
  }

.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
  }

.breadcrumb .active a {
  color: #333333;
  }
  
/* Sub Menus on hover */
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}
.dropdown-menu li:hover .sub-menu { visibility: visible;}
.dropdown:hover .dropdown-menu {display: block;}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {margin-top: 0;}
.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}  


/* Responsive tabs */
@media (max-width: 850px) { 
    .nav-tabs > li {
        float:none;
    }
    
    .nav-tabs>li>a {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px ;
        border-radius: 4px;    
    }

    .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
        border: 1px solid #ddd;
        }
}


/* PEOPLE STYLING */
#display-people .person {
    max-width:99%;
	/* height:; */
	float:left;
    margin-left:0 !important; 
    margin-bottom:5px !important;
    padding-right:5px;
    margin-top:5px;
}
.display-people-name {
	margin:5px 0 0 0;
	height:40px;
	overflow:hidden;
}
.display-people-img   {max-width:100%;}
.display-people-affil {font-size:12px;height:40px;margin-bottom:0;overflow:hidden;}
.display-people-desc  {font-size:12px;height:40px;margin-bottom:0;overflow:hidden;}

/* sizing */
.display-people-name.r4, 
.display-people-name.r6, 
.display-people-name.r12 {font-size:1.3em;height:25px;}

.display-people-affil.r6, 
.display-people-affil.r12 {font-size:15px;height:25px;margin-bottom:0;overflow:hidden;}

.display-people-desc.r6, 
.display-people-desc.r12   {font-size:15px;height:25px;margin-bottom:0;overflow:hidden;}

.display-people-affil.r3 {font-size:11px;height:43px;margin-bottom:0;overflow:hidden;}
.display-people-desc.r3  {font-size:11px;height:43px;margin-bottom:0;overflow:hidden;}


/* MAP STYLING */ 
.map-header-accordian{font-size:1.1em;height:35px;}
.accordion-inner {font-size:0.9em;}
.accordion-toggle {font-size:0.9em;}
.map-link-accordian{margin-left: 13px;margin-top: 9px;}
.map-item {margin-left:0 !important; padding-right:5px;margin-bottom:5px !important;}

/* Galleries
--------------------------------- */
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	box-shadow: 0px 0px 4px #999;
	border: 1px solid white;
	padding: 8px;
	background: #f2f2f2;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

.entry-caption {font-style:italic;padding-top:5px;}

/*Sidebar twitter widget
----------------------------------------------*/
.widget_twitter {list-style:none;}
.widget_twitter li {list-style:none;margin-top:5px;margin-bottom:5px; margin-left:-25px;border-bottom: 1px dotted #DDD;}
.widget_twitter .time-meta {font-size:x-small; font-style:italic; display:block;}