/************************
This is all custom css codes
***********************/
/*Custom css code by arup*/
body {
    color: #333333;
}
.location-btn {
    position: relative;
}
.location-btn span.caret {
float: none;
margin-top: 0px;
position: absolute;
right: 15px;
top: 24px;
}
h2.single_post_content_title {
    font-size: 26px;
}
.tweet-text a {
    color: #23AFD2;
}
.loc-drop .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #FBF9E4;
    border-color: #FBF9E4;
}
.loc-drop .open .btn-default:hover{
    color: #333;
    background-color: #FBF9E4!important;
    border-color: #FBF9E4;
}
h2.niceStyle {
    text-align: center;
}
aside.cat-accordion h3 {
    font-size: 18px;
}
.panel-title1 {
    height: 50px;
    padding-top: 14px;
}
.panel-title1 a:after {
    top: 10px;
}
.panel-level2 .panel-body {
    padding: 0px;
}
.panel.panel-title2 {
    padding-top: 0px;
}
.panel.panel-title2 a {
    padding-bottom: 0px;
	font-weight: 300;
}
.panel-default > .panel-heading {
    border-radius: 0;
}
.panel-title1 a.panel-title1-close:after {
    top: 10px;
}
.panel-body a {
    color: #000;
}
.panel.panel-title2 .panel-body {
    padding: 8px 10px;
}
.panel-body {
}
.right-side {
    height: 21px;
    text-align: center;
}
.news-page-content.resource .news-post-single.line .links .item {
    font-size: 11px;
    line-height: 7px;
    padding-left: 0px;
    padding: 3px;
}
@media (max-width: 350px){
	.news-page-content.resource .news-post-single.line .links .item {
		padding-left: 0px;
		padding-right: 0px;
	}
}
.news-page-content.resource .news-post-single.line .links .item.presentation {
    padding: 7px;
    color: #F58A36!important;
}

.news-page-content.resource .news-post-single.line .links .item a {
    color: #535860;
}


.news-page-content.resource h3 {
    font-size: 15px;
}
.news-page-content.resource .resource-author {
    font-size: 12px;
}
.news-post-single.line.brief p {
    font-size: 14px;
}
a.new-read-more {
    height: 30px;
    width: 30px;
    padding-left: 4px;
    padding-top: 2px;
}
a.new-read-more i{
    font-size: 22px;
}
.resultsListAjax p{
	font-size: 14px;
}
.news-post-single {
    padding-left: 10px;
}

.entry-content{
	color: #000;
}

.sink_dropdown {
    float: none!important;
    text-align: left!important;
}

@media (max-width:1920px) {
.sink_dropdown > li {
    float: none!important;
     display: inline-block !important;
}
}

@media (max-width:768px) {
    .sink_dropdown > li {
    float: none!important;
    display: block!important;
}
}

.sb-search {
   
}
.sink_dropdown_container {
    background: #222222 !important;
}
.sink_dropdown li ul li {
}
/***Home page***/
i.news-right-arrow.fa {
    margin-top: 5px;
}
.location h2, .news h2, .featured h2, .fcfa h2 {
	/*text-align: center;*/
}
.page-id-16 .location-btn {
    background-color: #FBF9E3!important;
}

/*place page*/
.place-box .location-content {
    min-height: 299px;
}
.place-box .location-content p {
    font-size: 14px!important;
}
.place-box.place-image img {
    min-height: 299px;
}

/*project page*/
.project-page .project-organisations h4 {
    font-weight: 700;
}
.project-page .project-meta .meta .small {
    padding-left: 0px;
}


/*Single Resources page*/
.single-resource .resource-page .single_post_content_info .item {
    padding: 0px 5px 0px 5px;
    color: #000;
    font-size: 13px;
}
.single-resource .item a{
    font-size: 13px!important;
    color: #52575F!important;
}
.single-resource .resource-page .single_post_content_info .right-side .item.black {
    font-size: 12.5px;
}





/*Modified css, date: 5 June 2016, by arup*/
.loc-full{
	border-top: 5px solid #58bf97;
	margin-top: 20px;
	padding-bottom: 20px;
}


.sec-title{
    padding-top: 20px;	
}
@media (max-width:768px){
	.ri .sec-title{
		padding-top: 0px;	
	}
	.ri .sec-title h2{
		margin-top: 0;
	}
}

.sec-title h2 {
    float: left;
}
.fr .sec-title{
    border-top: 5px solid #58bf97;
    padding-top: 20px;	
}
.fv .sec-title{
    border-top: 5px solid #54829e;
    padding-top: 20px;	
}
a.va {
    float: right;
    text-transform:uppercase;
font-size:13px;
text-decoration:underline;
}
.fr a.va {
	color: #58bf97;
}
.fv a.va {
	color: #54829e;
}
.news-content-single a img.bi-featured {
    font-size: 35px !important;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    color: #FFF;
    transition: .3s;
}
.news h2 {
    color: #7184c1;
}
.location h2 {
    color: #d2905a;
}
.fr-single, .fv-single {
    float: left;
    width: 262px;
    margin-right: 30px;
	position: relative;
}
.fr-single:last-child, .fv-single:last-child {
    margin-right: 0px;
}
.fr-single a img, .fv-single a img {
    width: 100%;
}
.fr-single h3, .fv-single h3 {
	font-size: 16px;
	padding: 10px 0;
	
}
.fr-single h3 a{
    color: #111111;
}
.fv-single h3 a{
    color: #54829e;
}
.fr h2 {
    color: #58bf97;
    padding-bottom: 20px;
    margin: 0;
}
.fv h2 {
    color: #54829e;
    padding-bottom: 20px;
    margin: 0;
}
#fv {
    padding-bottom: 40px;
}
.fv-single-top {
	position: relative;
}
.vdo-icon {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url('../img/vdo-sign.png');
	z-index: 1;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
}
.sec-title-br {
    border-top: 1px solid #000;
}
.project-page .project-organisations {
    background-color: #fff;
    padding: 0px;
	position: relative;
	overflow: hidden;
}
.project-page .project-organisations:after{
	position: absolute;
	width: 25px;
	height: 25px;
	right: -13px;
	top: -13px;
	background: #363636;
	content: '';
	-webkit-transform: rotate(45deg); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
	-ms-transform: rotate(45deg); /* IE 9 */
	transform: rotate(45deg); /* IE 10, Fx 16+, Op 12.1+ */
}
.project-page .project-organisations-top {
	background-color: #58bf97;
	padding: 20px 20px 20px 70px;
	border-bottom: 5px solid #FFF;
	position: relative;
}
.project-organisations-top img {
    position: absolute;
    left: 20px;
    top: 20px;
}
.project-page .project-organisations-bottom {
    background-color: #58bf97;
    padding: 20px;
}


/*******/
.accordion dl,
.accordion-list {
   &:after {
       content: "";
       display:block;
       height:1em;
       width:100%;
       background-color:darken(#38cc70, 10%);
     }
}
.accordion dd,
.accordion__panel {
   font-size:14px;
   line-height:1.5em; 
}
.accordion p {
}

.accordion {
    position:relative;
}
.accordionTitle,
.accordion__Heading {
 background-color:#FFF;     
    background-image: url('../img/da-circle.png');
    background-repeat: no-repeat;
    background-position: 10px 15px;
   text-align:left;
     font-weight:300; 
          padding: 10px 10px 10px 45px ;
          display:block;
          text-decoration:none;
          color:#000;
   font-size:20px;
		  border-bottom: 1px solid #000;
          transition:background-color 0.5s ease-in-out;
  border-bottom:1px solid darken(#38cc70, 5%);
  &:before {
   content: "+";
   font-size:20px;
   line-height:0.5em;
   float:left; 
   transition: transform 0.3s ease-in-out;
  }
  &:hover {
    background-color:darken(#38cc70, 10%);
  }
}
.accordionTitleActive, 
.accordionTitle.is-expanded {
   background-color:darken(#38cc70, 10%);
    &:before {
     
      transform:rotate(-225deg);
    }
}
.accordionItem {
    height:auto;
    overflow:hidden; 
    //SHAME: magic number to allow the accordion to animate
    
     max-height:50em;
    transition:max-height 1s;   
 
    
    @media screen and (min-width:48em) {
         max-height:15em;
        transition:max-height 0.5s
        
    }
    
   
}
 
.accordionItem.is-collapsed {
    max-height:0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}
/*project page*/
/*
.project-page .project-info {
    width: calc(70% - 3px);
}*/
.project-page .project-meta .meta {
    border-left: 1px dashed #58BF97;
    border-right: 1px dashed #58BF97;
    color: #58BF97;

}
.project-page .project-meta .meta span{
    font-weight: 600;
}
/*Region page*/
.ri-title h2 {
    color: #f58a36;
    float: none;
}
.ri-content {
    padding-top: 22px;
}
@media (max-width:768px){
	.ri-content {
		padding-top: 2px;
		padding-bottom: 20px;
	}
}
.ri-content ul{
    text-align: right;
	margin: 0;
	padding: 0;
}
.ri-content ul li {
    list-style: none;
    display: inline-block;
    font-size: 24px;
    border-bottom: 1px solid #f58a36;
    margin-left: 6px;
}
.ri-content ul li:first-child {
    margin-left: 0px;
}
.ri-content ul li a{
    border: 1px solid #f58a36;
    padding: 8px 10px;
    line-height: 55px;
	color: #111111;
}
a.va.news-va{
    color: #7184c1;
    margin-top: 25px;
    text-transform:uppercase;
font-size:13px;
text-decoration:underline;
}
@media (max-width: 768px) {
	a.va.news-va{	
		margin-top: 15px;
	}
}
@media (max-width: 500px) {
	a.va.news-va{	
		margin-top: 8px;
	}
}

#place-news .sec-title h2 {
    color: #7184c1;
}
.loc-region-page-full{
	margin-top: 18px;
}
.location-content p a {
    /*border-bottom: 1px solid #f07039;*/
}
.loc-region-page-full img{
	width: 100%;
}
/*Video page*/
.all-videos .fv-single:nth-child(4n) {
    margin-right: 0px;
}
.all-videos {
    padding-top: 25px;
    border-top: 5px solid #54829e;
    margin-top: 20px;
}
.video-page .sec-title {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 12px 0;
    overflow: hidden;
    margin: 5px 0 20px 0;
}
.video-page .sec-title h2{
    padding-bottom: 0;
}

.featured-videos h2{
	font-weight: 400;
}
/*People page*/
.people-inner-full {
    margin-top: 20px;
    overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991px) { 
	.people-inner-full .col-md-4{
		float: left;
		width: 33.33333333%;
	}
	.people-inner-full .col-md-8{
		float: left;
		width: 66.66666667%;
		padding-right: 0px;
	}
	.people-inner-full .panel-default{
		width: 100%;
	}
	.people-inner-full .panel.panel-title2{
		padding: 0;
	}
	.people-inner-full .ajaxFilterTagWrap{
		padding-left: 10px !important;
	}
}
.people-single {
    width: 227px;
    float: left;
	margin-right: 13px;
	margin-bottom: 20px;
	min-height: 300px;
}
.people-name {
    background: #58bf97;
    padding: 10px;
	min-height: 80px;
}
.people-name h4, .people-name p{
    margin: 0;
	color: #FFF;
}
.people-name h4{
    font-size: 18px;
}
.people-name p{
    font-size: 12px;
	margin-top: 5px;
}
.frame {
   /* width: 229px;*/
    height: 229px;
    overflow: hidden;
    position: relative;
}

.frame a {
  display: block;
	height: 100%;
  width: 100%;
}

.frame img {
  display: block;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
	width: auto;
  z-index: 0;
}

.frame a .caption {
	background-color: #FFF;
	display: block;
  overflow: hidden;
  padding: 5px;
  padding-top:0px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 250px;
	transition-property: top;
  transition-duration: 0.05s;  
  width: 100%;  
  z-index: 10;
  font-size:10px;
  line-height:1;
}

.frame a:hover .caption {
	top: 0;
  transition: all 2s;
}

.frame a .caption h2 {
  color: orange;
  font-size: 32px;
	margin-bottom: 20px;
}

.frame a .caption p {
  color: #000;
  display: none;
  transition: all 0.2s;  
}

.frame a:hover .caption p {
  display: block;
  margin-bottom: 20px;
}




















/***********navigation problem*********/
@media (max-width: 991px) {
    .navbar-header {
        float: none!important;
    }
    .navbar-toggle {
        display: block!important;
		float: left;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)!important;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navigation{
    	height: auto!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px!important;
    }
    .navbar-nav>li {
        float: none!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
    }
	
	@media only screen and (min-width: 992px) and (max-width: 1280px) {
		.fr-single, .fv-single {
			width: 212px;
		}
		.people-single {
			width: 200px;
		}		
		.frame {
			width: 200px;
			height: 200px;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.fr-single, .fv-single {
			width: 157px;
		}	
		.people-single {
			margin-top: 0px;
			margin-bottom: 20px;
		}
	}
	@media only screen and (min-width: 481px) and (max-width: 767px) {
		.fr-single, .fv-single {
			width: 43%;
		}
		.ri-content ul {
			text-align: left;
		}		
		.people-single {
			margin-top: 20px;
			margin-bottom: 0px;
		}
	}
	@media only screen and (max-width: 480px) {
		.fr-single, .fv-single {
			width: 100%;
			margin: 0!important;
		}
		.ri-content ul {
			text-align: left;
		}	
		.people-single {
			margin-top: 20px;
			margin-bottom: 0px;
		}
	}