/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

/* New Blue Header Style */


#brand-bar { 
  margin-bottom: 0 !important;
}

.background-blue-header {
  background-color: #0078ae;
  padding-top: 17px;
}



.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
  color: #0078ae !important;
}

/* Navbar */

#primary-menu.style-2 {
  border-top: none !important;
  background-color: #002b5a !important;
}


#primary-menu ul li > a { 
   color: white !important;
 }

 #primary-menu ul li:hover > a, #primary-menu ul li.current > a {
  color: #e8bc27 !important;
 }

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
  background-color: #002b5a !important;
  border: none !important;
  border-top: 2px solid #e8bc27 !important;
}

#primary-menu ul ul li:hover > a {
  background-color: #002b5a !important;
}

#site-news ul{
  margin-bottom: 15px!important;
}

#site-news ul li{

    list-style-type: none;
    font-size: 0.9em;
    /*padding: 20px 0px;*/
    padding: 5px 0px;
    border-bottom: dashed #4d4d4d 1px;
    margin: 10px 0px;
}
#site-news h5, #site-news p{

	margin-bottom:5px;
}
	
	
/* UL indents */

.indent ul, .indent ol {
    margin-left: 40px;
    margin-bottom: 20px;
}

.indent li {
    margin-top: 10px !important;
}



/* New Font Size requested by Client */

body {    
  font-size: 16px !important;
  color: #2b2b2b !important;
}


/* Moving slider up, requested by Client */

.bottommargin-lg {
    margin-bottom: 58px !important; /*this moves every block section in the front page up */
}


/* Key Documents Front Page */

.key-document-image {
    width: 45%;
    float: left;
    margin-right: 15px;

  }

#logo {
	margin-top: 20px;
    margin-bottom: 10px;
}

#logo img {
	margin-bottom: 10px;
}

.flex-control-thumbs {
	margin-left: 0 !important;
}

.article-italics {
  font-style: italic !important;
}


#content p {
  color: #2b2b2b !important;
}


#page-title {
  padding: 30px 0 !important;
}

.box p, .box ol li, .box ul li{
	font-size:15px;
}
/* ----------------------------------------------------------------
	Added by Diego P. (December 2016)
-----------------------------------------------------------------*/

/*ol {
	margin-left: 20px !important;
}

ol li, ul li {
	margin-bottom: 5px !important;
	padding-left: 5px;
}

ol ul {
    margin-left: 20px !important;
    margin-top: 5px !important;
}

*/

/* Atrocity Crimes pages */

.h2-atrocity {
	border-bottom: 1px solid lightgrey;
    margin-top: 25px;
}


/* Brandbar */

#brand-bar {
	background: #f2f2f2 !important;
/*    border-bottom: #00adef solid 5px !important;*/
  height: 41px;
}

.navbar-brand {
    font-size: 12.35px;
    line-height: 17.03px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: black !important;
}

.navbar-right a {
    font-size: 12.35px;
    line-height: 17.03px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: black !important;
    padding: 0;
}

ul.nav.navbar-nav.navbar-right li {
    padding: 0;
    margin-left: -13px;
}

a.navbar-brand:before {
    font-family: FontAwesome;
    color: black;
    content: "\f015";
    font-size: 18.07px;
    line-height: 0.9;
    margin-right: 7.8px;
    float: left;
    -webkit-font-smoothing: antialiased;
}


.spost:nth-of-type(2) {
    border-top: none;
    margin-top: -30px;
}

span.date {
    color: #002b5a !important;
}

/* Footer  */

.footer .list-inline .footer-brand {
    height: 21px;
    margin-top: -6px;
    margin-bottom: 10px;
    background: url(http://www.un.org/sites/www.un.org/themes/bootstrap_un/images/un-logo-footer.png) left top no-repeat;
}

.footer .list-inline .footer-brand a {
    font-weight: 500;
    font-size: 21px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #4d4d4d;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding-left: 30px;
}

.footer ul.nav {
    list-style: none;
    padding-left: 2px;
    padding-bottom: 26px;
}

.footer #block-menu-menu-footer-links ul.nav li {
    float: left;
    padding-right: 6.5px;
    margin-right: 5.85px;
    border-right: #737373 solid 1px;
    line-height: 1;
}


.footer ul.nav li {
    padding: 0;
    margin: 0 0 6.5px 0;
}


.footer ul.nav li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.footer ul.nav li a {
    padding: 0;
    margin: 0;
    color: black;
}

html { overflow-y: scroll; }


/* About Responsability to Protect page - BOX */

.box {
    width: 83%;
    margin: 0 auto;
    background: rgba(160, 160, 160, 0.15);
    padding: 25px;
    margin-bottom: 45px;
}

/* Video Page */


.portfolio-overlay a i.icon-line-play {
    top: 5px !important;
}

.portfolio-overlay a {
    width: 50px !important;
    height: 50px !important;
    margin: -28px 0 0 -28px !important;
    font-size: 29px;
}

.portfolio-2 .portfolio-desc {
    padding: 20px 5px 10px 0;
}


/* Public Statements' page */


#myTabContent2 ul li {
    padding-bottom: 10px !important;
}

/* Op-Eds */

.opeds h4 {
    text-transform: none !important;
    font-size: 15px !important;
	    color: #4d4d4d !important;
}

/* News */

.entry-content a {
  text-decoration:underline;
}

.read-more{
  font-family: 'Crete Round', serif; font-style: italic; color: #005374; 
  text-decoration:none !important;
}


/* Images, floats and mobile  */

figure {
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
}

.figure-left {
  float: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left;
  padding-right: 0.8em;
}


.figure-right {
    float: right !important;
    text-align: right;
}


/* Social Media Share */

.si-share {
    float: right;
}


/* Search */

.search-form {
  margin-top: 12px;
}

.un-offscreen {
    position: absolute;
    left: -5999px;
    width: 1px;
    height: 1px;
    top: auto;
}

.search-form h4.toggle {
  line-height: 0;
  margin: 0;
  display: none !important;
}

.search-control {
  background: #eeeeee;
  z-index: 1;
  font-size: 11px;
  font-style: italic;
  font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 400;
  border-radius: 0;
  border: none;
  height: 37px;
}

.search-btn {
  font-family: FontAwesome;
  border-radius: 0;
  border: none;
  background: #002b5a; 
  z-index: 2;  
  width: 37px;
  height: 37px;
}

.region-search{
  margin-top: 40px;
  margin-bottom: 20px;
  }

.search-btn:after {
  margin-top: 1px;
  color: #fff;
  text-indent: 0px;
  content: "\f002";
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


input::-webkit-input-placeholder {
    color: rgba(0,0,0,0);
}
input::-moz-placeholder {
    color: rgba(0,0,0,0);
}
input:-moz-placeholder {   /* Older versions of Firefox */
    color: rgba(0,0,0,0);
}
input:-ms-input-placeholder { 
    color: rgba(0,0,0,0);
}
.search-sm{display:none;}

/* Making links more accesible friendly */

.col_last a {
  text-decoration: underline !important;
  /*font-weight: bold !important;*/
}


.entry-content-full{
	display:none;
}

.entry-content .img-responsive{
    display: block;
    max-width: 75%;
    height: auto;
}

.more-link {
    display: inline-block;
    border-bottom: 1px solid #005374;
    padding: 0px;
    font-family: 'Crete Round', serif;
    font-style: italic;
    border: none;
    background: none;
	color:#005374;
    /* float: right; */
    /* width: 100%; */
}

.entry-meta {
    margin: 0;
    list-style: none;
}

span.oped-date{
	display:inline !important;
}
.team-title span {
	font-weight:normal !important;
}




@media (max-width: 991px) {
#header, #header-wrap, #header.sticky-style-2, #header.sticky-style-3, #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap {
    height: auto !important;
    background-color: #002b5a;
  }

    #primary-menu .container #primary-menu-trigger {
    top: 5px;
    left: 0;
    color: white;
  }

 #primary-menu > div > ul > li.current a {
  color: #e8bc27 !important;
 }

 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a {
      color: white !important;
 }


#logo {
  height: inherit !important; 
  padding-top: 20px !important;
}

.content-wrap {
  padding-top: 20px !important;
}

body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a {
    color: #e8bc27 !important;
}

}



@media (max-width: 768px) {

.navbar-brand {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.navbar-right {
	  margin-top: 30px;
    width: 200px;
    float: right;
    text-align: right;
    z-index: 1;
}

.navbar-right li {
	  float: none;
    padding-right: 0;
}

.navbar-right li a {
	 background: white;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: #f2f2f2 solid 1px;
}

.navbar-right li:hover {
	background-color: #f2f2f2;
}


.language-switcher .language-title {
    float: right;
    line-height: 1.2;
}

.language-switcher {
	 margin-top:10px;
}


.language-switcher button.navbar-toggle {
    margin-top: 0;
    border: none;
    padding: 0;
    background: transparent;
    border-radius: 0;
    margin-right: 2px;
}

.language-switcher button.navbar-toggle span.icon-bar {
    background-color: #00adef;
}

.language-title {
	margin-top: 3.5px;
}

.language-title a {
	text-transform: uppercase;
	font-size: 12px;
}


figure {
        margin: 0;
        padding: 0 !important;
        margin-bottom: 15px;
    }

    .figure-right, .figure-left {
        float: none !important;
    }
	
	.entry-content .img-responsive{
    max-width:100%;
}


}



@media (max-width: 520px) {
.region-search{
  margin-top: 14px;
  margin-bottom: 20px;
  } 
.search-sm{display:block;}
.search-lg{display:none;}
.site-sidemenu{display:none;}
}


/* Fix color menu in mobile */