/*
.t3-mainnav .t3-navbar {
  font-size: x-large;
}
*/

.menu-item-title {
    font-size: x-large;
}


#member-registration > fieldset:nth-child(2) {
  display:none;
}

#member-registration > fieldset:nth-child(3) > div:nth-child(2) {
  display:none;
}

#member-registration > fieldset:nth-child(3) > div:nth-child(3) {
  display: none;
}

#member-registration > fieldset:nth-child(3) > div:nth-child(4) {
  display:none;
}


#t4-section-1  {
  background-image: url(/images/projects/UAE/background-fox-xs.jpeg);
}

/* Background image for screens wider than 600px */
@media only screen and (min-width: 600px) {
  #t4-section-1 {
    background-image: url('/images/projects/UAE/background-fox-sm.jpeg');
  }
}

/* Background image for screens wider than 768px */
@media only screen and (min-width: 768px) {
  #t4-section-1 {
    background-image: url('/images/projects/UAE/background-fox-md.jpeg');
  }
}
/* Background image for screens wider than 992px */
@media only screen and (min-width: 992px) {
  #t4-section-1 {
    background-image: url('/images/projects/UAE/background-fox-lg.jpeg');
  }
}
/* Background image for screens wider than 1200px */
@media only screen and (min-width: 1200px) {
  #t4-section-1 {
    background-image: url('/images/projects/UAE/background-fox-xl.jpeg');
  }
}
/* Background image for screens wider than 1500px */
@media only screen and (min-width: 1500px) {
  #t4-section-1 {
    background-image: url('/images/projects/UAE/fox-image-day-xxl.jpg');
  }
}


#t4-section-1 > div > div > div > div > h3 {
  color: white;
}

#photo-container {
  padding-left:0;
  padding-right:0;
}

/* From jasimpli uae template: */

@font-face {
  font-family: WWF;
  src: url(../../../../media/com_biodiv/fonts/WWF.otf);
  font-weight: bold;
}

body {
  font-family: "WWF",Helvetica Neue,Arial,sans-serif !important;
}

p {
  font-family: Helvetica Neue,Arial,sans-serif !important;
}

.btn, .form-group, .control-group, #carouselRow, #seq_progress_bar, .species-carousel-col, .species_classify, .text-info, .login-description, .alert-message, .table  {
  font-family: Helvetica Neue,Arial,sans-serif !important;
}

.species_pagination {
  padding: 0;
}

.pagination {
  margin: 0;
}

.uae-btn, .uae-white-btn, .uae-wide-btn {
  font-family: "WWF",Helvetica Neue,Arial,sans-serif !important;
}


/*
.mainbody-inner {
  padding:0;
}

*/
/*
.uae-header-logo {
  position:relative;
  top: -50px;
  left:-48px;
}
*/
/*
.nav .menu-uae > li > ul {
  text-transform: uppercase;
}


#mainnav .nav > li > a:after {
  border-bottom: 0;
}


#mainnav .btn-navbar:active, #mainnav .btn-navbar:focus, #mainnav .btn-navbar:hover {
  background-color: #8cc63f;
  color: #ffffff;
}
*/

/*
.btn-primary {
  background: #8cc63f !important;
}

.btn-primary:hover {
  background: #78ac33 !important;
  color: #ffffff !important;
}

*/

.uae-spotlight-panel {
  color: #ffffff;
  padding: 30px;
}

.uae-spotlight-panel-bg {
  background-color: white; 
  padding: 30px;
}

/*
.uae-nav-btn {
  background-color: #ffffff;
  border-color: #000000;
  color: black;
  font-size: 20px;
  padding: 10px 15px;
  margin:10px;
}

.uae-nav-btn:hover {
  background-color: #8cc63f;
}
*/

.uae-btn {
  background-color: #8cc63f;
  border-color: #8cc63f;
  color: white;
  font-size: 20px;
  padding: 10px 15px;
  margin:10px 0;
}

.uae-btn:hover {
  background-color: #78ac33;
  border-color: #71a230;
}

.uae-title-black {
  font-family: "WWF",Helvetica Neue,Arial,sans-serif;
  background:black;
  color:white;
  padding: 0 18px 5px 18px;
  line-height: 1.65;
  text-transform: uppercase;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

h1.uae-title-black {
  font-size: 58px;
}

h1.uae-title-black {
  font-size: 48px;
}

.uae-heading-white {
  font-family: "WWF",Helvetica Neue,Arial,sans-serif;
  color:white;
  text-transform: uppercase;
  text-shadow: rgb(0,0,0,50%) 0 9px 10px;
}

/*
@media only screen and (max-width: 768px) {
  .uae-indent-small {
    margin-left:18px;
  }
  .uae-logo-indent-small {
    margin-left:66px;
    margin-top:10px;
  }
  .uae-hide-small {
    display: none;
  }
  #mainnav .btn-navbar {
    margin-left: 24px;
  }
}
*/

.uae-wide-btn {
  background-color: #8cc63f;
  border-color: #8cc63f;
  color: white;
  font-size: 20px;
  padding: 10px 15px;
  margin:7px 0;
}

.uae-wide-btn:hover {
  background-color: #78ac33;
  border-color: #71a230;
  color: #ffffff;
}

.uae-btn-sm {
  background-color: #8cc63f;
  border-color: #8cc63f;
  color: white;
  padding: 8px 12px;
  margin:8px;
}

.uae-btn-sm:hover {
  background-color: #00495c;
  border-color: #00495c;
}


.uae-white-btn {
  background-color: white;
  color: black;
  font-size:20px;
  padding: 10px 15px;
  margin:10px;
  border: 2px solid grey;
}









@media screen and (min-width: 991px) {
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    -webkit-box-shadow: inset 0 0 0 #ffffff;
    box-shadow: inset 0 0 0 #ffffff;
  }
}

@media screen and (min-width: 991px) {
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    -webkit-box-shadow: inset 0 0 0 #ffffff;
    box-shadow: inset 0 0 0 #ffffff;
  }
}

/* Footer */

.t3-copyright {
    border-top: none;
}

/* Login page */

.userdata > ul.unstyled {
  display: none;
}


/* Main content */

/* For classify page */

/*
.view-classify {
  background-image: none;
}
*/

.itemid-810 > body {
  background-image: none;
  background-color: white;
  color: black;
}


.btn {
    /* color: #fff; */
    text-transform: capitalize !important;
}

body.modal-open .modal {
  background-color: transparent;
  top:0;
  bottom: 0;
}

.species_pagination {
  /* bg-info */
  background: #477171;
  margin:0;
  padding:0;
}

div.species_pagination > nav > ul {
  gap: 0;
  padding: 0;
  margin: 0;
}

div.species_pagination > nav > ul > li {
  color: #fff;
}



#species-indicators.spb {bottom: auto; top: 5px;}

#species-indicators li.active.spb {background-color: #32553F;}
#species-indicators li.spb {border: 1px solid grey;}

/*#species-carousel-inner {top:27px}*/
.species-carousel-lower {top:27px}

/*.species-carousel-col { margin: 32px 0 0 0; padding-left:0; padding-right:0; }
.photo-col { padding-left:10px; }

#species-nav { padding: 0; background: #477171; border-color: #477171 !important; color: #fff !important; }
*/
.species-tab { padding-left: 0px; padding-right: 0px; }
/*.species-nav > li > a { color: #fff; text-transform: capitalize !important; }*/
.nav-tabs > li > a { color: #fff !important; text-transform: capitalize !important; }
.nav-tabs > li.active > a { background-color: #32553f !important } 
.nav-link > a { color: #fff !important; text-transform: capitalize !important; }
.caret { color: #fff !important; }

.pagination .btn.btn-info:hover, .pagination .btn.btn-info:focus, .pagination .btn.btn-info:active {
    background-color: #57b5b5 !important;
    border-color: #57b5b5 !important;
    color: #fff !important;
}

div.carousel > div > div.species_pagination > nav > ul > li.btn.btn-info.active {
    background-color: #57b5b5 !important;
    border-color: #57b5b5 !important;
    color: white;
}

.species-btn { margin: 0 !important; font-size: 0.8em; padding-left: 0px; padding-right: 0px; text-transform: capitalize !important; border-radius:unset; color:#fff;} 
.species-btn-large { margin: 0 !important; font-size: 12px; padding: 3px 0; height: 58px; white-space: normal;} 
.species-row { margin: 0; margin-right: 0; margin-left: 0; }


#sequence-progress {display: none;}

/*#carousel-species-218 > div:nth-child(1) > div > nav > ul > li.btn.btn-info.active*/
div.species-pagination > nav > ul > li.btn.btn-info.active {
    background-color: white;
}
div.species-pagination > nav > ul > li.btn.btn-info.focus {
    background-color: white;
}
div.species-pagination > nav > ul > li.btn.btn-info.hover {
    background-color: white;
}

.photo-carousel-control.left, .photo-carousel-control.right {
	color: #ffffff;
}
.photo-carousel-control .glyphicon-chevron-left,
.photo-carousel-control .glyphicon-chevron-right {
    width: 35px;
    height: 35px;
	margin-left: -35px;
	margin-right: -35px;
}

.photo-carousel-control .glyphicon-chevron-left:before,
.photo-carousel-control .glyphicon-chevron-right:before {
    font-size: 35px;
}

#classify-video { width: 100%; }
#photoCarousel { background-color: #000000; }
#photo-indicators li.spb {border: 1px solid #00ffcc;}
#photo-indicators li.active.spb {background-color: #00ffcc;}
#fullscreen-button { position: absolute; border: none; background-color: rgba(0, 0, 0, 0.4); color: white; bottom: 8px; right: 8px; z-index: 100;}
#fullscreen-exit-button { position: absolute; border: none; background-color: rgba(0, 0, 0, 0.4); color: white; bottom: 40px; right: 40px; z-index: 100;} 
#fullscreen-invert-image { position: absolute; border: none; background-color: rgba(0, 0, 0, 0.4); color: white; bottom: 40px; right: 120px; z-index: 100;} /*top 680px */


:fullscreen .carousel-inner > .item > img {
	height: 100vh;
	max-height: 100vh;
	margin-left: auto;
	margin-right: auto;
}
:-moz-full-screen .carousel-inner > .item > img {
	height: 100vh;
	max-height: 100vh;
	margin-left: auto;
	margin-right: auto;
}:-webkit-full-screen .carousel-inner > .item > img {
	height: 100vh;
	max-height: 100vh;
	margin-left: auto;
	margin-right: auto;
}:-ms-fullscreen .carousel-inner > .item > img {
	height: 100vh;
	max-height: 100vh;
	margin-left: auto;
	margin-right: auto;
}

#photoCarousel:fullscreen #fullscreen-invert-image {
  visibility: visible;
}
#photoCarousel:not(:fullscreen) #fullscreen-invert-image {
  visibility: hidden;
}
#photoCarousel:-moz-full-screen #fullscreen-invert-image {
  visibility: visible;
}
#photoCarousel:not(:-moz-full-screen) #fullscreen-invert-image {
  visibility: hidden;
}
#photoCarousel:-webkit-full-screen #fullscreen-invert-image {
  visibility: visible;
}
#photoCarousel:not(:-webkit-full-screen) #fullscreen-invert-image {
  visibility: hidden;
}
#photoCarousel:-ms-fullscreen #fullscreen-invert-image {
  visibility: visible;
}
#photoCarousel:not(:-ms-fullscreen) #fullscreen-invert-image {
  visibility: hidden;
}


#photoCarousel:fullscreen #fullscreen-exit-button {
  visibility: visible;
}
#photoCarousel:not(:fullscreen) #fullscreen-exit-button {
  visibility: hidden;
}
#photoCarousel:-moz-full-screen #fullscreen-exit-button {
  visibility: visible;
}
#photoCarousel:not(:-moz-full-screen) #fullscreen-exit-button {
  visibility: hidden;
}
#photoCarousel:-webkit-full-screen #fullscreen-exit-button {
  visibility: visible;
}
#photoCarousel:not(:-webkit-full-screen) #fullscreen-exit-button {
  visibility: hidden;
}
#photoCarousel:-ms-fullscreen #fullscreen-exit-button {
  visibility: visible;
}
#photoCarousel:not(:-ms-fullscreen) #fullscreen-exit-button {
  visibility: hidden;
}

#photoCarousel:fullscreen #fullscreen-button {
  visibility: hidden;
}
#photoCarousel:not(:fullscreen) #fullscreen-button {
  visibility: visible;
}
#photoCarousel:-moz-full-screen #fullscreen-button {
  visibility: hidden;
}
#photoCarousel:not(:-moz-full-screen) #fullscreen-button {
  visibility: visible;
}
#photoCarousel:-webkit-full-screen #fullscreen-button {
  visibility: hidden;
}
#photoCarousel:not(:-webkit-full-screen) #fullscreen-button {
  visibility: visible;
}
#photoCarousel:-ms-fullscreen #fullscreen-button {
  visibility: hidden;
}
#photoCarousel:not(:-ms-fullscreen) #fullscreen-button {
  visibility: visible;
}

.add-padding { padding: 0 0 1em 0; }

.add-padding-all { padding: 1em 1em 1em 1em; }

.no-padding { padding: 0 !important; }


@media (min-width: 768px) {
  .modal .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

#classify_number {
	display: inline;
	vertical-align: bottom;
}

#species_select_799_797, #species_select_799_805 {
  background-color: #629d9d;
}

.logo-img {
    height: 120px;
    width: auto;
    position: absolute;
    top: 0;
    z-index: 999;
}

.species-mammal-btn {
  /* pale version
  background-color: #b3c8b3;
  color: #224634;
  border: 1px;
  border-color: #a6c2b2;
  */

  background-color: #66a381;
  color: #fff;
  border-color: #5a9674;
  
}

/* Hover state */
.species-mammal-btn:hover {
  /* pale version background-color: #b0c8b3; */
  background-color: #5a9674;
}

/* Clicked (active) state */
.species-mammal-btn:active {
  /* pale version background-color: #b0c8b3; */
  background-color: #5a9674;
}

.species-bird-btn {
  /* pale version
  background-color: #a8c4c4;
  color: #23484d;
  border: 1px;
  border-color: #a5bdbd;
  */

  background-color: #85b3b3;
  color: #fff;
  border-color: #75a9a9;
}

/* Hover state */
.species-bird-btn:hover {
  /* pale version background-color: #a8c4c4; */
  background-color: #75a9a9;
}

/* Clicked (active) state */
.species-bird-btn:active {
  /* pale version background-color: #a8c4c4; */
  background-color: #75a9a9;
}

.species-general-btn {
  /* pale version
  background-color: #b2bfb7;
  color: #1a3a2b;
  border: 1px;
  border-color: #a1b6a8;
  */
  background-color: #32553f;
  color: #fff;
  border-color: #294533;
}

/* Hover state */
.species-general-btn:hover {
  /* pale version background-color: #b2bfb7; */
  background-color: #32553f;
}

/* Clicked (active) state */
.species-general-btn:active {
  /* pale version background-color: #b2bfb7; */
  background-color: #32553f;
}

.btn.btn-primary:hover {
  background-color: #fff;
  color: #04a177;
  border-color: #04a177;
}

.form-select:focus {
  box-shadow: none;
  border-color: #04a177;
}

#seq_progress_bar{
  background-color: #85b3b3; 
}