/* ----------------------------------------------- */
/*          General & Content styles               */
/*------------------------------------------------ */
body, html {
  font-family: "Open Sans";
  height: 100%;
  color: #3D3A3A;
  line-height: 20px;
  font-weight: 200;
  background-color: #e6fcff;
}

/********************** HEADERS **********************/
h1, h2, h3, h4, .menu-item {
  font-family: "Open Sans";
  color: #EF7300;
  font-weight:200;
}
.page-header {
  border-bottom: 1px solid rgba(239, 115, 0, 0.22)
}
.section-header {
  color: #EF7300;
}
h2.section-header {
  margin: 30px 0;
  text-align:center;
}
h3.section-header {
  margin-top: 40px;
  margin-bottom: 20px;
}

/********************** LISTS **********************/
li {
  list-style: none;
  margin-left: -10px;
}
li.arrow-icon {
  margin-left: -25px;
}

/********************** IMAGES **********************/
img {
  border-radius: 15px;
}
img.news {
  width: 100%;
  height: 200px;
  border-radius: 5px;
  margin-bottom: 20px;
}
img.researcher {
  border-radius: 100%;
}

@media (min-width: 768px) {
  img.feature-first {margin-top:-105px;}
  div.feature-first {margin-top: 40px;margin-bottom:10px;}
}

/********************** LINKS **********************/
a {
  color: #ef7300;
}
a.alt {
  color: #428bca;
}
a:hover:not(.disabled) {
  text-decoration: none;
  color: #008092;
}
a.menu-item {
  color: #fff;
}
a.menu-item.main {
  text-transform: uppercase;
}
a.menu-item:hover, a.menu-item.active {
  color: #000;
  background-color: #FFF;
}
  

/********************** ICONS **********************/
.fa, .glyphicon {
  margin-right: 10px;
}
.common-fa {
  color: #008092
}
.circle-fa {
  margin-right: 5px;
  padding: 5px;
  border-radius: 100%;
  border: 2px solid;
  font-size: 11px;
  color: #008092;
}
.circle-fa:hover {
  color: #006072;
}
.twitter {
  color: #4099FF;
}
.linkedin {
  color: #0e76a8;
}
.facebook {
  /* color: #3B5998; */
  padding-left: 8px;
  padding-right: 8px;
}
.orange-op {
  color: #EF7300;
}

/********************** SECTION **********************/
section {
  width: 100%;
  padding-bottom:40px;
}

section.color1 {
  background-color: #e6fcff;
}
section.color2 {
  background-color: #fff2e6;
}

/********************** ISOTOPE JQUERY **********************/
.isotopeItem {
  width: 100%;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property:    -moz-transform, opacity;
  -ms-transition-property:     -ms-transform, opacity;
  -o-transition-property:      -o-transform, opacity;
  transition-property:         transform, opacity;
}
/* disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.pub-year-selector a {
  width: 60px;
  margin: 5px;
}
.search-selector a {
  width: 100px;
  margin: 5px;
}
.pub-order-selector a {
  width: 150px;
  margin: 5px;
}
.sort-pub-menu {
  margin-bottom: 10px;
  border-radius: 10px;
}

/********************** GENERIC **********************/
@media (max-width: 768px) {
  .mobile-hidden {
    visibility: hidden;
    clear: both;
    float: left;
    display: none;
  }
  .mobile {
    font-size: 12px;
    float: left;
  }
  .col-xs-10-mobile {
    width: 100%;
    float: left;
  }
}


.disabled {
  color: #999;
}
.disabled:hover {
  color: #999;
  text-decoration: none;
  cursor: text;
}
.badge {
  background-color: #008092;
}
.btn-primary.active {
  background-color: #006072;
}
.row-block {
  margin-bottom: 70px;
}
.feature {
  margin-bottom: 0px;
  padding: 0px;
  /* border-bottom:1px solid rgba(92, 92, 92, 0.17); */
} 
.researcher-category {
  margin-top: 40px;
}
.pub-list {
  text-align: right;
}
.download-item {
  margin-top: 30px;
}
.panel-warning {
  border: none;
}
.panel > .panel-heading {
  background-color: #254549;
}
.panel > .panel-body{
  background-color: #FFF;
}
.markdown li {
  list-style: square;
}
.custom-select {
  margin-top: 9px;
}
.dropdown-menu {
  background-color: #008092;
}
.dropdown-menu>li>a {
  color: #fff;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  color: #fff;
  background-color: #006072;
}

.content-wrapper {
  max-width: 960px;
}
.description {
  max-width: 780px;
}
.btn-primary {
  background-color: #008092;
  border-color: #008092;
}
.open .dropdown-toggle.btn-primary, .btn-primary:hover, .btn-primary:focus {
  background-color: #006072;
  border-color: #006072;
}
code {
  font-size: 80%;
}

hr.custom-hr {
  border-top: 1px solid rgba(239, 115, 0, 0.22)
}

/********************** STICKY WRAPPER **********************/
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -480px;
  /* Pad bottom by footer height */
  padding: 0 0 480px;
}
#wrap > .container {
  padding: 20px 15px 0;
}
.main-content {
 padding-bottom: 50px;
}


/* ----------------------------------------------- */
/*                  HEADER Styles                  */
/*------------------------------------------------ */
.top-bar {
  width: 100%;
  background: #000;
  padding: 10px 0;
}

.top-bar, .top-bar a {
  color: rgba(230, 252, 255, 0.62)
}
.navbar-nav>li>a.menu-item {
  border-radius: 5px;
  padding: 6px;
  margin-left: 20px;
}
.nav-menu {
  background: rgba(0,0,0,0.7);
  width: 100%;
  padding: 10px 0;
}

hr.header {
  width: 10%;
  border-top: 1px solid #EF7300;
}


/********************** SLIDER **********************/

.slider-content {
  color: #FFF;
  padding-top: 150px;
  font-family: "Open Sans Condensed";
}

.slider-content .block {
  display: inline-block;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.85);
  margin-bottom: 10px;
  font-weight: 300;
}

.slider-content .animate {
  position: absolute;
  z-index: 0;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: slideContent 40s linear infinite 0s;
  -moz-animation: slideContent 40s linear infinite 0s;
  -o-animation: slideContent 40s linear infinite 0s;
  -ms-animation: slideContent 40s linear infinite 0s;
  animation: slideContent 40s linear infinite 0s; 
}
@-webkit-keyframes slideContent { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    25% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes slideContent { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    30% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes slideContent { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    30% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes slideContent { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    30% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes slideContent { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    3% { opacity: 1;
         animation-timing-function: ease-out; }
    30% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}

.slider-content .animate:nth-child(2)  {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.slider-content .animate:nth-child(3) {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}
.slider-content .animate:nth-child(4) {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}


.crossfade-img { 
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 350px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-radius: 0;
  color: transparent;
  z-index: 0;
}
#crossfade > .crossfade-img { 
  position: absolute;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: imageAnimation 40s linear infinite 0s;
  -moz-animation: imageAnimation 40s linear infinite 0s;
  -o-animation: imageAnimation 40s linear infinite 0s;
  -ms-animation: imageAnimation 40s linear infinite 0s;
  animation: imageAnimation 40s linear infinite 0s; 
}

#crossfade > .crossfade-img:nth-child(2)  {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
#crossfade > .crossfade-img:nth-child(3) {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}

#crossfade > .crossfade-img:nth-child(4) {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    30% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    30% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    30% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    30% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    3% { opacity: 1;
         animation-timing-function: ease-out; }
    30% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}



/* ----------------------------------------------- */
/*                  FOOTER Styles                  */
/*------------------------------------------------ */
#footer {
  margin-top: 0px;
  padding-top: 20px;
  /* height: 480px; */
  background-color: #254549;
  color: rgb(255,255,255);
}
#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}
#footer h2 {
  border-color: rgba(123,123,123,0.2);
  margin-top: 20px;
}
#footer li {
  margin: 7px 0;
}
#footer a.twitter {
  color: #80EFFF;
}
#footer a.twitter:hover {
  color: #EF7300;
}
#footer a:not(.disabled) {
  color: #FFF;
}
#footer a:hover:not(.disabled) {
  /* font-weight: bold; */
  color: #EF7300;
}
#footer a.default:hover:not(.disabled) {
  color: #EF7300;
  /* font-weight: 500; */
}
.footer-2 {
  padding-bottom: 30px;
  background-color: #00262c;
}
.footer-2 h4 {
  color:#FFF;
}


.ng-enter {
  -webkit-transition: .3s linear all; /* Safari/Chrome */
  -moz-transition: .3s linear all; /* Firefox */
  -o-transition: .3s linear all; /* Opera */
  transition: .3s linear all; /* IE10+ and Future Browsers */
}

.ng-enter {
  opacity: 0;
}

.toggle {
  -webkit-transition:load all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition:load all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition:load all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition:load all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:load all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

.toggle.ng-enter, .ng-enter-active {
  opacity: 0;
  transition-duration: 550ms;
  -webkit-transition-duration: 550ms;
}

.toggle.ng-enter-active {
    opacity: 1;
}

.toggle.ng-leave {
    opacity: 1;
    transition-duration: 50ms;
    -webkit-transition-duration: 50ms;
}

.toggle.ng-leave-active {
    opacity: 0;
}

.toggle.ng-hide-add {
    transition-duration: 50ms;
    -webkit-transition-duration: 50ms;
    opacity: 1;
}

.toggle.ng-hide-add.ng-hide-add-active {
    opacity: 0;
}

.toggle.ng-hide-remove {
    transition-duration: 50ms;
    -webkit-transition-duration: 50ms;
    display: block !important;
    opacity: 0;
}

.toggle.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}