/*
Theme Name: Arrow Library
Copyright: 2016 oddly.co
Author: Heshan Galahitiyawa
Description: ARROW is an NGO in special consultative status with the Economic and Social Council of the United Nations. We are grateful to all our donor partners, especially our core funder Sida, without whose support our work would not be possible.
Version: 1.0
Text Domain: arrow
*/

/*
************** Primary *******************/
html {
  /*overflow-x: hidden;*/
  margin-top: 0;
}

body {
  background: #fff;
  font-family: Roboto, Arial, sans-serif;
  overflow-x: hidden;
  font-size: 15px;
}

.arrow-font {
  font-family: sariregular, Roboto, Arial, sans-serif;
}

.roboto-font {
  font-family: Roboto, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #e64097;
  font-family: sariregular, Roboto, Arial, sans-serif;
}

h2, h3, h4, h5, h6 {
  color: #46166b;
}

p {
  color: #565656;
  font-size: 16px;
  line-height: 25px;
}

a {
  color: #e8097d;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  -moz-transition-duration: .5s;
  transition-duration: .5s;
}

a:hover, a:focus {
  text-decoration: none;
  color: #704B8D;
}

li {
  list-style-type: none;
  font-size: 16px;
  line-height: 25px;
}

/* Margins */
.no-padding {
  padding: 0 !important;
}

.margin-top-5 {
  margin-top: -5px;
}

.margin-top-25 {
  margin-top: -25px;
}

.margin-top-40 {
  margin-top: -40px;
}

.margin-top0 {
  margin-top: 0 !important;
}

.margin-top5 {
  margin-top: 5px;
}

.margin-top10 {
  margin-top: 10px;
}

.margin-top15 {
  margin-top: 15px;
}

.margin-top20 {
  margin-top: 20px;
}

.margin-top30 {
  margin-top: 30px;
}

.margin-top40 {
  margin-top: 40px;
}

.margin-top50 {
  margin-top: 50px;
}

.margin-top70 {
  margin-top: 70px;
}

.margin-top100 {
  margin-top: 100px;
}

.margin-bottom0 {
  margin-bottom: 0 !important;
}

.margin-bottom5 {
  margin-bottom: 5px;
}

.margin-bottom10 {
  margin-bottom: 10px;
}

.margin-bottom20 {
  margin-bottom: 20px;
}

.margin-bottom40 {
  margin-bottom: 40px;
}

.margin-bottom50 {
  margin-bottom: 50px;
}

.margin-bottom70 {
  margin-bottom: 70px;
}

.margin-bottom100 {
  margin-bottom: 100px;
}

.margin-left8 {
  margin-left: 8px;
}

.margin-left10 {
  margin-left: 10px;
}

.no-border-radius {
  border-radius: 0 !important;
}

.width-100 {
  width: 100%;
}

.bottom-border {
  border-bottom: 2px solid #e8e8e8;
}

.right-border {
  border-right: 2px solid #e8e8e8;
}

.border-top {
  border-top: 5px solid #be83ea  !important;
}




/*
**************************** Overrides for lless files ****************************/
.panel {
  border-radius: 2px;
  border: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  -moz-transition-duration: .5s;
  transition-duration: .5s;
}

.panel-success>.panel-heading {
  color: #fff;
}

a .panel-success:hover {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25), 0 5px 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25), 0 5px 10px 0 rgba(0, 0, 0, 0.25);  
}

.btn {
  border: none;
  border-radius: 2px;
  position: relative;
  padding: 8px 30px;
  margin: 10px 1px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  will-change: box-shadow, transform;
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: 0;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
}

.form-control {
    height: 47px;
    padding: 7px 0;
    font-size: 16px;
    line-height: 1.42857143;
}

/*
***************** Text colors ********************/
.white-txt {
  color: #fff !important;
}

.pink-txt {
  color: #e64097;
}

.purple-txt {
  color: #46166b !important;
}

.dark-txt {
    color: #3c0e26 !important;
}



/*
***************** Navbar ********************/
.navbar-purple {
    background-color: #46166b;
    border-color: #46166b;
    border-radius: 0;
    margin-bottom: 0;
    border: 1px solid transparent;
}

.navbar-brand {
    height: auto !important;
    padding-top: 20px;
}

.logo-top {
    width: 100px;
    float: left;
}

.navbar h1, .navbar h2 {
    float: left;
}

.navbar h1 {
    color: #fff;
    float: left;
    font-size: 25px;
    margin-left: 15px;
    margin-top: 10px;
    line-height: 20px;
}

.sub-title {
    font-size: 14px;
    font-weight: 400;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #e64097;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background: transparent;
}

.navbar-inverse .navbar-nav>li.current-menu-item>a {
  color: #e64097;
}

/*Dont remove over This section for select class*/
.tax-thematic .navbar-inverse .navbar-nav>li.menu-item-298>a {
  color: #e64097;
}

.tax-pubtype .navbar-inverse .navbar-nav>li.menu-item-298>a {
  color: #e64097;
}

.tax-region .navbar-inverse .navbar-nav>li.menu-item-298>a {
  color: #e64097;
}

.single-publication .navbar-inverse .navbar-nav>li.menu-item-298>a {
  color: #e64097;
}

.page-id-302 .navbar-inverse .navbar-nav>li.menu-item-297>a {
  color: #e64097;
}

.page-id-318 .navbar-inverse .navbar-nav>li.menu-item-297>a {
  color: #e64097;
}

.tax-thematicresources .navbar-inverse .navbar-nav>li.menu-item-371>a {
  color: #e64097;
}

.tax-tools .navbar-inverse .navbar-nav>li.menu-item-354>a {
  color: #e64097;
}
/* Dont remove over */

.top-social-wrap {
    margin-top: 12px;
    margin-bottom: 10px;
}

.top-social-wrap .social-icon {
    margin-left: 1px;
}

.social-icon img {
  width: 23px;
  opacity: .7;
}

.social-icon:hover img {
  opacity: .85;
}

.arrow-main-link {
  font-size: 9pt !important;
  color: rgba(162, 162, 162, 0.65) !important;
  float: right;
  margin-left: 10px;
  margin-top: 0;
  padding: 4px 0px 4px 5px !important;
  margin-bottom: 0;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  -moz-transition-duration: .5s;
  transition-duration: .5s;
}

.arrow-main-link:hover, .arrow-main-link:focus {
  color: #ff63b5 !important;
  text-decoration: none;
}

.arrow-main-link .glyphicon {
  font-size: 10px;
}

/*.top-social-wrap .social-icon:last-child {*/
/*    margin-left: 15px;*/
/*}*/


/*
********** Banner ************/
.banner-container {
  max-height: 450px;
  overflow: hidden;
  min-height: 425px;
  background-size: cover;
  background-repeat: no-repeat;
}

.top-banner {
  width: 100%;
  position: absolute;
}

.banner-search {
  position: relative;
  overflow: auto;
  margin-top: 200px;
  color: #fff;
}

.banner-search .form-group .form-control {
  color: #fff;
  text-align: center;
}

.adv-search {
  position: absolute;
  color: #fff !important;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13px;
  letter-spacing: .1pt;
  font-weight: 400;
}

.adv-search:hover {
  text-decoration: none;
  opacity: .8;
}



/*
****************** Advance Search ***************/
.pink-bg {
  display:none;
  min-height:120px;
  background-color: #e64097;
  padding:20px;
  margin-top:0px;
  /*border-bottom:5px solid #e64097;*/
  -webkit-box-shadow: inset 0px 0 60px -10px #000000;
  -moz-box-shadow: inset 0px 0 60px -10px #000000;
  box-shadow: inset 0px 0 60px -10px #000000;
}

.pink-bg .form-group.label-static label.control-label,
.pink-bg .form-group.label-floating.is-focused label.control-label,
.pink-bg .form-group.label-floating:not(.is-empty) label.control-label {
  color: rgba(70, 22, 107, 0.75);
  font-size: 11pt;
  font-weight: 500;
}

.pink-bg .form-group.is-focused label,
.pink-bg .form-group.is-focused label.control-label {
  color: #fff !important;
}

.pink-bg .form-group .form-control,
.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
  color: #3c0e26;
  box-shadow: none;
}

.pink-bg .form-group.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c0e26), to(#3c0e26)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: -webkit-linear-gradient(#3c0e26, #3c0e26), -webkit-linear-gradient(#fff, #fff);
  background-image: -o-linear-gradient(#3c0e26, #3c0e26), -o-linear-gradient(#fff, #fff);
  background-image: linear-gradient(#3c0e26, #3c0e26), linear-gradient(#fff, #fff);
}

.pink-bg .form-group .help-block ,
.pink-bg .form-group.has-error .help-block {
  color: #fff;
}

code {
  color: #fff;
  background-color: #782378;
}

.pink-bg select.form-control {
  padding-left: 5px;
}

.publication-year-label {
  text-align: right;
  width: 100%;
  margin-top: 40px !important;
  font-size: 12pt !important;
}


.refine-search {
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
****************** Tabs ***************/
.publications-tabs {
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.nav-tabs {
  list-style: none;
  position: relative;
  float: left;
  display: block;
  left: 50%;
  border-bottom: none;
  text-transform: uppercase;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
  position: relative;
  float: left;
  display: block;
  right: 50%;
  font-size: 10.8pt;
  font-weight: 500;
  letter-spacing: .1pt;
}

.nav-tabs>li>a,.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border: none;
}

.nav-tabs>li>a:hover {
  border-bottom: 2px solid #e1e1e1;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border-bottom: 2px solid #46166b;
  color: #46166b;
}

.publications-filter-wrapper ul {
  padding-left: 10px;
}

.publications-filter-wrapper .checkbox, .publications-filter-wrapper .radio {
  margin-top: 2px;
  margin-bottom: 0px;
}

.no-of-pubs {
  color: #9d9fa2;
  margin: 20px 10px 30px;
}

.publication-wrapper h4 {
  color: #46166b;
  margin-top: 30px;
  margin-bottom: 5px;
}

.news-date {
  font-size: 9pt;
  color: #9d9fa2;
  margin-bottom: 0;
  line-height: 18px;
}

.year-filters .form-group {
  margin-bottom: 0;
}

.radio label, label.radio-inline {
  padding-left: 25px;
}



/*
******************** Home Page *******************/
.pink-arrow {
  margin-top: -4px;
}

.panel-heading-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-body h4 {
  color: #44166b;
  font-size: 14pt;
  line-height: 18pt;
  margin-bottom: 0;
}

.panel-title {
  font-weight: 400;
}


.home-banner-container {
  min-height: 525px;
  max-height: 550px;
}

.welcome-banner-wrap {
  /*position: absolute;*/
  margin-top: 150px;
  padding-left: 0;
}

.welcome-banner-h1 {
  color: #fff;
}

.welcome-banner-desc {
  color: #ddd;
}

.home-banner-search {
  margin-top: 80px;
}

.home-featured-date {
  margin-bottom: 5px;
}

.home-panel-title {
  font-size: 13px;
}

.no-of-feat-pubs {
  margin: -5px 0 30px 385px;
}



/*
******************* Publications Page ******************/
.blue-filter {
  color: #fff;
  background-color: #46166b;
  font-size: 10pt;
  padding: 0 10px 2px;
  border-radius: 15px;
  display: table-cell;
  line-height: 16pt;
}

.blue-filter:hover, .blue-filter:focus {
  background-color: #46166b;
  color: #fff;
}

.blue-filter-selected, .blue-filter-selected:hover, .blue-filter-selected:focus {
  background-color: #e64097;
}


/* Single pub */
.single-pub-tags {
  font-size: 10.5pt;
}

.btn-primary a {
  color: #fff;
}


/*
******************* News ******************/
.news-sidebar-content {
  margin-top: 130px;
}

.sidebar-right li {
  color: #fff;
}

.sidebar-social {
  float: left;
  margin-right: 3px;
}

.featured-label {
  background: #46166b;
  text-align: right;
  color: #fff;
  padding: 10px 25px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 25px;
  font-size: 14pt;
  letter-spacing: .4pt;
  margin-left: -30px;
  border-right: 5px solid #e8097d;
}

.widget-title {
  font-family: Roboto, sariregular, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  text-transform: uppercase;
}

.sidebar-social-wrapper,
.sidebar-right ul {
  padding-left: 25px;
}


.pagination>li>a, .pagination>li>span {
  color: #e64097;
}

/*
******************* Contact ******************/
.contact-globe {
  width: 25px;
  float: right;
  margin-left: 8px;
  margin-right: -5px;
}

.contact .glyphicon {
  float: right;
  margin-left: 10px;
}



/*
******************** Thematic *******************/
.back-co-2, .back-co-1 {
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  -moz-transition-duration: .5s;
  transition-duration: .5s;
}

.back-co-2:hover, .back-co-1:hover {
  background-color: #e73e97;
}



/*
******************** Tools *******************/
.tool-body h4 {
  font-size: 11pt;
}


/*
******************** Sidebar *******************/
.sidebar-right {
  background: rgba(0, 0, 0, 0.25);
}

.sidebar-right a {
  color: #fff;
}

.sidebar-right a:hover {
  color: #46166b;
}

.sidebar-menu {
  padding-left: 10px;
}

.sidebar-menu li {
  padding: 10px 20px;
  color: #46166b;
}

.sidebar-menu li.current-menu-item {
  padding-left: 5px;
}

.sidebar-menu li.current-menu-item a {
  color: #46166b;
  cursor: default;
  font-size: 18px;
}

.sidebar-right .panel-body h4 {
  font-size: 12pt;
  line-height: 15pt;
}


/*
******************** Search results *******************/
.search-result-info {
  min-height: 120px;
}

.search-results-adv-search {
  box-shadow: none;
}


/*
******************** Footer *******************/
.footer-wrap {
  background: #46166b;
}

footer {
  color: #fff;
  padding: 50px 10px 40px;
}

.footer-menu li {
  display: inline;
  margin-right: 30px;
}

.footer-menu li a {
  color: #fff;
  font-size: 10.8pt;
}

.copyright-text {
  font-size: 9pt;
  /*margin-top: 0;*/
}

.copyright-text a {
  margin-top: 5px;
  color: #bfadce;
}

.panel-body .home-panel-h4 {
  font-size: 13pt;
}


/*....................*/ 




@media (max-width: 767px) { 
 
    .the-header{
        text-align: center;
        padding: 10px 0 0 0 ;
    }
 
    .banner-thematic{
        background: url('images/banner_Thematic.png') no-repeat;
        background-size: cover;
        width: 100%;
        height: 250px;
        padding: 0;
        margin: 0;
    }
    .banner-header{
        text-align: center;
        font-size: 40px;
        color: white;
        margin-top: 100px;
    }
.panel-body{none!important;}
} 
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  
    
     .the-header h4,.the-header p{
        text-align: right;
    }
    .the-header h4{
/*font-size: 20px;*/        
    }
    
  
    .banner-thematic{
        background: url('images/banner_Thematic.png') no-repeat;
        background-size: cover;
        width: 100%;
        height: 400px;
        padding: 0;
        margin: 0;
    }
      .banner-header{
        text-align: center;
        font-size:70px;
        color: white;
        margin-top: 240px;
    }
	.panel-body{none!important;}

}
.box-row .row{
   margin-left:  0;
   margin-right: 0; 
}
.box-row{
 
    padding: 60px 10px;
}
.back-co-1{
    background-color: rgba(70, 22, 107, 0.75);
}
.back-co-2{
    background-color: rgba(53, 17, 81, 0.85);
}
.text-box{
    color: white;
    box-shadow: #999999 3px 3px 4px 1px; 
    margin-top: 20px;
}
.text-box h3{
    color: white;
    font-size: 18px;
     padding: 5px 20px;
}
.text-box p{
    color: white;
     padding: 5px 20px 10px;
    font-size:14px;
     line-height: 20px;
}
.text-box span{
   position: absolute;
    color: #111; 
    right: 10px;
    font-size: 20px;
    margin-top: -35px;
    opacity: .6;
}

.foor-bn{
    background:url('images/footer-women-rights.jpg')no-repeat;
    width: 100%;
    margin: 0;
    height: 300px;
    background-size: cover;

}

.filter-after-search .blue-filter {
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    cursor: default;
}

.quz h4{
color: #e64097;
}

/* Small devices (tablets, 768px and up) */
@media (max-width:767px) {
    .navbar-brand {
        padding: 15px 0 0 !important;
    }
    .logo-top {
        width: 50px;
    }
    .navbar h1 {
        font-size: 15px;
        margin-left: 10px;
        margin-top: 0;
        line-height: 15px;
    }
    .sub-title {
        font-size: 10px;
    }
    .navbar-toggle {
        margin-top: 14px;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: rgba(0, 0, 0, 0.35);
    }
    .top-social-wrap {
      margin-top: 19px;
    }
    
    .welcome-banner-wrap {
        margin-top: 50px;
        text-align: center;
        padding: 0;
    }
    .welcome-banner-wrap h1 {
        font-size: 22pt;
    }
    .home-banner-search {
        margin-top: 50px;
        height: 200px;
    }
    
    .no-of-feat-pubs {
      margin: 0;
    }




    .foot-banner{
        position: absolute;
        margin-top: 40px;
    }
    .foot-banner h2{ 
        color: white;
        font-size: 30px;
    }
	<!--//.panel-body{none!important;}-->
}
@media (min-width: 768px) { 
    .foot-banner{
        position: absolute; 
        margin-top: 40px;
    }
    .foot-banner h2{ 
        color: white;
        font-size: 40px;
    }
	<!--//.panel-body{none!important;}-->
}
@media (min-width: 992px) {
    .navbar-brand {
      min-width: 450px;
    }
    .foot-banner{
        position: absolute; 
        margin-top: 50px;
        margin-left: 80px;
    }
    .foot-banner h2{ 
        color: white;
        font-size: 30px;
    }
	<!--//.panel-body{none!important;}-->
	
}

/* Single news */
.single-news-body-wrap ul
.single-news-body-wrap ol{
	margin-left: 25px; 
	}
	
.single-news-body-wrap ul li
.single-news-body-wrap ol li{
	padding-bottom: 10px;
	}
	
	
.single-news-body-wrap ul li{
	list-style: disc; 
	}
	
.single-news-body-wrap ul li ul li{
	list-style: circle;
	}
	
.single-news-body-wrap  ol li{
	list-style-type: decimal 
	}
	
.single-news-body-wrap ol li ol li {
	list-style-type: lower-roman;
	margin-left: 10px; 
	}
	
.single-news-body-wrap ol li ol li ol li{
	list-style-type: lower-alpha;
	margin-left: 10px;
        }
	
.single-news-body-wrap ul li ul
.single-news-body-wrap ol li ol
.single-news-body-wrap ol li ol{
	padding-bottom: 10px;  
	margin-bottom: 0px;
	}
	
.single-news-body-wrap ul li ul li
.single-news-body-wrap ul li ol li
.single-news-body-wrap ol li ol li{
	margin-left:25px;
	}


.panel-height{min-height:540px !important;}
.tools-height{min-height:435px !important;}
/*
******************** Fonts *******************/
.navbar-right{clear:right;}

@font-face {
    font-family: sari;
    src: url(fonts/Sari-Regular.otf);
}
.font-sari{
    font-family: sari;
}
.font-roboto{
    font-family: 'Roboto';
}

@font-face {
  font-family: 'sariregular';
  src: url("fonts/Sari-Regular.otf");
  src: url("fonts/sari-regular-webfont.eot"), url(fonts/"sari-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sari-regular-webfont.woff2") format("woff2"), url("fonts/sari-regular-webfont.woff") format("woff"), url("fonts/sari-regular-webfont.ttf") format("truetype"), url("fonts/sari-regular-webfont.svg#sariregular") format("svg");
}

@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,300italic,400,400italic,500,700,900);