.navbar-nav > li > a, .navbar-brand {
    padding-top:4px !important;
    padding-bottom:0 !important;
    height: 28px;
}
.navbar {min-height:28px !important;}

h1.goal6  { text-transform: uppercase; color: #27bfe6;}
h1.goal7  { text-transform: uppercase; color: #fbc412;}
h1.goal11 { text-transform: uppercase; color: #f89d2a;}
h1.goal12 { text-transform: uppercase; color: #dda73a;}
h1.goal15 { text-transform: uppercase; color: #59ba47;}
h1.goal7  { text-transform: uppercase; color: #fbc412;}


/* goal photo text color box */

.photo-text {
  margin-right: 8px;
  padding: 5px;
  font-size: smaller;
  margin-bottom: 8px;
  border-radius: 0px 0 5px 5px;
}
.photo-text-g01 {background-color:  rgba(229,36,59,0.2);}
.photo-text-g02 {background-color:  rgba(221,166,58,0.2);} 
.photo-text-g03 {background-color:  rgba(76,159,56,0.2);}
.photo-text-g04 {background-color:  rgba(197,25,45,0.2);} 
.photo-text-g05 {background-color:  rgba(255,58,33,0.2);} 
.photo-text-g06 {background-color:  rgba(38,189,226,0.2);} 
.photo-text-g07 {background-color:  rgba(252,195,11,0.2);} 

.photo-text-g08 {background-color:  rgba(162,25,66,0.2);} 
.photo-text-g09 {background-color:  rgba(253,105,37,0.2);} 
.photo-text-g10 {background-color:  rgba(221,19,103,0.2);} 
.photo-text-g11 {background-color:  rgba(253,157,36,0.2);} 
.photo-text-g12 {background-color:  rgba(191,139,46,0.2);} 
.photo-text-g13 {background-color:  rgba(63,126,68,0.2);} 
.photo-text-g14 {background-color:  rgba(10,151,217,0.2);} 
.photo-text-g15 {background-color:  rgba(86,192,43,0.2);} 
.photo-text-g16 {background-color:  rgba(0,104,157,0.2);} 
.photo-text-g17 {background-color:  rgba(25,72,106,0.2);} 


/* End goal photo text color box */

hr.goal1 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #FF0000;
    margin: 1em 0;
    padding: 0;
}

hr.goal2 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #dda73a;
    margin: 1em 0;
    padding: 0;
}

hr.goal3 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #4ca146;
    margin: 1em 0;
    padding: 0;
}

hr.goal4 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #c7212f;
    margin: 1em 0;
    padding: 0;
}

hr.goal5 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #ef402d;
    margin: 1em 0;
    padding: 0;
}

hr.goal6 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #27bfe6;
    margin: 1em 0;
    padding: 0;
}

hr.goal7 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #fbc412;
    margin: 1em 0;
    padding: 0;
}

hr.goal8 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #a31c44;
    margin: 1em 0;
    padding: 0;
}

hr.goal9 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #f26a2e;
    margin: 1em 0;
    padding: 0;
}

hr.goal10 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #de1768;
    margin: 1em 0;
    padding: 0;
}

hr.goal11 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #f89d2a;
    margin: 1em 0;
    padding: 0;
}

hr.goal12 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #bf8d2c;
    margin: 1em 0;
    padding: 0;
}

hr.goal13 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #407f46;
    margin: 1em 0;
    padding: 0;
}

hr.goal14 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #1f97d4;
    margin: 1em 0;
    padding: 0;
}

hr.goal15 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #59ba47;
    margin: 1em 0;
    padding: 0;
}

hr.goal16 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #136a9f;
    margin: 1em 0;
    padding: 0;
}

hr.goal17 {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #14496b;
    margin: 1em 0;
    padding: 0;
}

.portfolio-item .overlay {
  background-color: rgba(64, 109, 164, 0.9);
}
.portfolio-item-list.list-col-5 li {
  width: 20%;
}

@media only screen and (max-width: 767px) {
    /* For mobile phones: */

    .brief-description {
        display: none;
    }
}

/* slider test */

body {
  margin: 0;
}

.pushmenu { /*this is the nav*/
  background: none;
  font-family: Arial, Helvetics, sans-serif;
  width: 118px;
  height: 100%;
  top: 120;
  z-index: 10;
  position: absolute;
}

.pushmenu h3 {
  color: #1f004D;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 20px;
  margin: 0;
  background: #E6E6E6;
  height: 16px;
}

.pushmenu a {
  display: block; /* drops the nav vertically*/
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-top: none;
  border-bottom: none;

  padding: 3px 3px;
}

.pushmenu a:hover {
  opacity: 0.5;
  background:rgb(240,230,255);
}

.pushmenu a:active {
  background: #454f5c;
  color: #fff;
}


.pushmenu-left {
  left: 0px;
  /*left: 0px; to show on default original -240px*/
}

.pushmenu-left.pushmenu-open {
  left: -240px;
  /*left: -240px; to show on default original 0px*/
}

.pushmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.pushmenu-push-toright {
  left: 240px;
}

/*Transition*/
.pushmenu, .pushmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#nav_list {
  cursor: pointer;
  height: 0px;
  width: 300px;
}

nav-list.active {
  background-position: 33px top;
}


 .buttonset {
      height: 10px;
}


.dropdown-menu-center {
  left: 50% !important;
  right: auto !important;
  width: 208px;
  transform: translate(-50%, 0) !important;
}

 section.content {
   font-family: Arial, Helvetica, sans-serif;
   padding: 10px 20px;
 }


 .button-hover:before {
    content: 'SDG Goals Menu +';
    display: inline-block;
  }

  .dd-menu{
      width: 400px;
      white-space: normal;
  }

/*Cover*/

/*.scroll-feature {
    position:relative;
    background-color: #fff;
    border: 2px #E01A83 solid;
    border-radius: 25px;
    top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}*/

.scroll-feature {
    position: relative;
    background-color: #fff;
    border-radius: 25px;
    top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 10px;
}

.fa-arrow-down{
  color: #E01A83;
}

.fa-arrow-2017{
  color: #E6243C;
}

.fa-quote-left, .fa-quote-right {
  color: #DE1768;
  padding: 3px;
}

.fa-quote-2020, .fa-quote-2020 {
  color: #1B3668;
  padding: 3px;
}

.fa-quote-2019, .fa-quote-2019 {
  color: #48773C;
  padding: 3px;
}

.fa-quote-2017, .fa-quote-2017 {
  color: #E6243C;
  padding: 3px;
}

.cover-icons {
  margin: 20px 20px;
  border: 2px solid #F5F5F5;
}

.cover-icons:hover {
  border:  2px solid black;
}

/* Group icons row by 5*/

.col-5{
    width:20%;
}

@media only screen and (max-width: 787px) {
	.col-5 {  width: 25%; }
}

@media only screen and (max-width: 480px) {
	.col-5 {  width: 50%; }

}


.col-10{
    width:10%;
    padding-left: 0px;
    padding-right: 2px;

}

@media only screen and (max-width: 787px) {
  .col-10 {  width: 25%; }
}

@media only screen and (max-width: 480px) {
  .col-10 {  width: 50%; }

}


/*note to reader*/
sup {
    left: 1px;
    color: #318AD3;
    font-weight: bold;
}
h6.fn-space{
  padding: 1px 10px;
}
.text-distribution {
    -webkit-column-width: 380px; /* Chrome, Safari, Opera */
    -moz-column-width: 100px; /* Firefox */
    column-width: 380px;
    text-align: justify;
    text-justify: inter-word;
}
/*2019*/
.photo-attri {
  background-color: #FFFAFA;
  text-align: right;
  font-size: .8em;
  margin-right: 15px;
  padding-right: 2px;
}
/*Overview*/

.well-goal1 {background:#EA1D2D; border-radius: 0; border:none;}
.well-goal2 {background:#D19F2A; border-radius: 0; border:none;}
.well-goal3 {background:#2D9A47; border-radius: 0; border:none;}
.well-goal4 {background:#C22033; border-radius: 0; border:none;}
.well-goal5 {background:#EF412A; border-radius: 0; border:none;}
.well-goal6 {background:#00ADD8; border-radius: 0; border:none;}
.well-goal7 {background:#FDB814; border-radius: 0; border:none;}
.well-goal8 {background:#8F1838; border-radius: 0; border:none;}
.well-goal9 {background:#F36E24; border-radius: 0; border:none;}
.well-goal10 {background:#E01A83; border-radius: 0; border:none;}
.well-goal11 {background:#F99D25; border-radius: 0; border:none;}
.well-goal12 {background:#CD8B2A; border-radius: 0; border:none;}
.well-goal13 {background:#48773C; border-radius: 0; border:none;}
.well-goal14 {background:#007DBB; border-radius: 0; border:none;}
.well-goal15 {background:#3FAE49; border-radius: 0; border:none;}
.well-goal16 {background:#00558A; border-radius: 0; border:none;}
.well-goal17 {background:#1B3668; border-radius: 0; border:none;}
.well-light-blue {background:#d9eeef; border-radius: 0; border:none;}


.well-infographic {
  background:#fff;
  border-radius: 0;
  border:none;
  box-shadow: none;}

.well-infographic h1,
.well-infographic h2,
.well-infographic h3,
.well-infographic h4,
.well-infographic h5 {
  color: #555;
}



.well h3 {
  color:#FFF;
}

/*overview view more*/
.ov-goal1 {color: #EA1D2D; border: 2px solid; border-radius: 25px;}
.ov-goal2 { color: #D19F2A; border: 2px solid; border-radius: 25px;}
.ov-goal3 { color: #2D9A47; border: 2px solid; border-radius: 25px;}
.ov-goal4 { color: #C22033; border: 2px solid; border-radius: 25px;}
.ov-goal5 { color: #EF412A; border: 2px solid; border-radius: 25px;}
.ov-goal6 { color: #00ADD8; border: 2px solid; border-radius: 25px;}
.ov-goal7 { color: #FDB814; border: 2px solid; border-radius: 25px;}
.ov-goal8 { color: #8F1838; border: 2px solid; border-radius: 25px;}
.ov-goal9 { color: #F36E24; border: 2px solid; border-radius: 25px;}
.ov-goal10 { color: #E01A83; border: 2px solid; border-radius: 25px;}
.ov-goal11 { color: #F99D25; border: 2px solid; border-radius: 25px;}
.ov-goal12 { color: #CD8B2A; border: 2px solid; border-radius: 25px;}
.ov-goal13 { color: #48773C;  border: 2px solid; border-radius: 25px;}
.ov-goal14 { color: #007DBB; border: 2px solid; border-radius: 25px;}
.ov-goal15 { color: #3FAE49; border: 2px solid; border-radius: 25px;}
.ov-goal16 { color: #00558A; border: 2px solid; border-radius: 25px;}
.ov-goal17 { color: #1B3668; border: 2px solid; border-radius: 25px;}



a.ov-urltext {color: black;}

i.ovc-1 {color: #EA1D2D;}
i.ovc-2 { color: #D19F2A;}
i.ovc-3 { color: #2D9A47;}
i.ovc-4 { color: #C22033;}
i.ovc-5 { color: #EF412A;}
i.ovc-6 { color: #00ADD8;}
i.ovc-7 { color: #FDB814;}
i.ovc-8 { color: #8F1838;}
i.ovc-9 { color: #F36E24;}
i.ovc-10 { color: #E01A83;}
i.ovc-11 { color: #F99D25;}
i.ovc-12 { color: #CD8B2A;}
i.ovc-13 { color: #48773C;}
i.ovc-14 { color: #007DBB;}
i.ovc-15 { color: #3FAE49;}
i.ovc-16 { color: #00558A;}
i.ovc-17 { color: #1B3668;}

.ov-goal1:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal2:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal3:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal4:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal5:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal6:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal7:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal8:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal9:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal10:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal11:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal12:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal13:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal14:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal15:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal16:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
.ov-goal17:hover {color: #8c8c8c; border: 2px solid; border-radius: 25px;}
/*End overvieww view more*/

.fa-caret-right:after {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

li.li-text {

  Scolor: #7b7b7b;
  display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    line-height: 1.6;

}


li.goal1:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #FF0000;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal2:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #dda73a;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal3:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #4ca146;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal4:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #c7212f;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal5:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #ef402d;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal6:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #27bfe6;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal7:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #fbc412;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal8:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #a31c44;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal9:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #f26a2e;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal10:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #de1768;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal11:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #f89d2a;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal12:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #bf8d2c;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal13:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #407f46;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal14:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #1f97d4;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal15:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #59ba47;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal16:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #136a9f;
    padding-right: 1.5em;
    font-size: 1.3em;
}

li.goal17:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #14496b;
    padding-right: 1.5em;
    font-size: 1.3em;
}

@media all and (max-width: 1199px) {

  .pushmenu {display: none};
  .fixedElement {
      position:fixed;
      left: -40px;
      top:2;
      width:100%;
      z-index:100;
  }
}


@media only screen and (min-width: 1200px)  {
  .center-nav {display: none};

}

.lead-medium {
    font-size: 18px;
}


.lead-smaller {
    font-size: 16px;
}

@media (min-width: 768px)
.lead-smaller{
    font-size: 18px;
}


.btn-outline a {
    color: #7b7b7b;
}


/* goal 2 legends */
.legend-goal2 { list-style: none; }
.legend-goal2 li {float: left; margin-right: 20px;}
.legend-goal2 span { border: 1px solid #ccc; float: left; width: 12px; height: 12px;}
/* colors */
.legend-goal2 .agriShare { background-color: #D19F2A;  }
.legend-goal2 .agriExp { background-color: #DBB35C;}
.legend-goal2 .agriIndex { background-color:#E6C98D; }

/* goal 12 legends */
.legend-goal12 { list-style: none; }
.legend-goal12 li {float: left; margin-right: 20px;}
.legend-goal12 span { border: 1px solid #ccc; float: left; width: 12px; height: 12px;}
/* colors */
.legend-goal12 .bioMass { background-color: #CD8B2A;  }
.legend-goal12 .fossilFuel { background-color: #D8A358;}
.legend-goal12 .metalOres { background-color:#E3BE89; }
.legend-goal12 .nmMinerals { background-color:#EFDBBE; }



/* goal 15 legends */
.legend-goal15 { list-style: none; }
.legend-goal15 li {float: left; margin-right: 20px;}
.legend-goal15 span { border: 1px solid #ccc; float: left; width: 12px; height: 12px;}
/* colors */
.legend-goal15 .dedRegions { background-color: #A4CF9A;}
.legend-goal15 .dingRegions { background-color: #79BD6F;}
.legend-goal15 .world { background-color:#3FAE49; }

h6.pull-right  { color: #555;font-family: "Roboto Condensed", sans-serif;}

/* goal 17 legends */
.legend-goal15 { list-style: none; }
.legend-goal15 li {float: left; margin-right: 20px;}
.legend-goal15 span { border: 1px solid #ccc; float: left; width: 12px; height: 12px;}
/* colors */
.legend-goal15 .odagni { background-color: #A4CF9A;}
.legend-goal15 .ldc-oda { background-color: #79BD6F;border-top: 1px dotted;}
.legend-goal15 .toda { background-color:#3FAE49; }
.legend-goal15 .toda-ldc { background-color:#3FAE49; border-top: 1px dotted;}

/*unhide social icons*/
.social-icons li {
   text-indent: 0px;
}