/*!
	Theme Name: Chiia
	Theme URI: https://chiia.eaber.org
	Description: A custom theme for Chiia
	Version: 1.0.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: chiia
*/


/**
 * Custom CSS for CHIIA.
 *  */

/**** Fonts ****/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Roboto+Condensed:300,400,700|Roboto:400,500,700');
/* @import url('https://fonts.googleapis.com/css?family=Playfair+Display'); */
img { max-width: 100%; height: auto; }
html.overlay-open .navbar-fixed-top {
  z-index: 400;
}
html.js fieldset.collapsed {
  border-left-width: 1px;
  border-right-width: 1px;
  height: auto;
}
html.js input.form-autocomplete {
  background-image: none;
}
html.js input.form-autocomplete {
  background-image: none;
}
html.js .autocomplete-throbber {
  background-position: 100% 2px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  margin: 2px 0 0 2px;
  width: 15px;
}
html.js .autocomplete-throbber.throbbing {
  background-position: 100% -18px;
}
body {
  position: relative;
}
body.admin-expanded.admin-vertical.admin-nw .navbar,
body.admin-expanded.admin-vertical.admin-sw .navbar {
  margin-left: 260px;
}
body.navbar-is-fixed-top {
  padding-top: 64px;
}
body.navbar-is-fixed-bottom {
  padding-bottom: 64px !important;
}
body.toolbar {
  padding-top: 30px !important;
}
body.toolbar .navbar-fixed-top {
  top: 30px;
}
body.toolbar.navbar-is-fixed-top {
  padding-top: 94px !important;
}
body.toolbar-drawer {
  padding-top: 64px !important;
}
body.toolbar-drawer .navbar-fixed-top {
  top: 64px;
}
body.toolbar-drawer.navbar-is-fixed-top {
  padding-top: 128px !important;
}
body.admin-menu .navbar-fixed-top {
  top: 29px;
}
body.admin-menu.navbar-is-fixed-top {
  padding-top: 93px;
}
body div#admin-toolbar {
  z-index: 1600;
}
body #toolbar,
body #admin-menu,
body #admin-toolbar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body #admin-menu {
  margin: 0;
  padding: 0;
  position: fixed;
  z-index: 1600;
}
body #admin-menu .dropdown li {
  line-height: normal;
}

@media screen and (min-width: 768px) {
  .navbar.container {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .navbar.container {
    max-width: 940px;
  }
}
@media screen and (min-width: 1200px) {
  .navbar.container {
    max-width: 1140px;
  }
}
.navbar.container,
.navbar.container-fluid {
  margin-top: 20px;
}
.navbar.container > .container,
.navbar.container-fluid > .container-fluid {
  margin: 0;
  padding: 0;
  width: auto;
}
#overlay-container,
.overlay-modal-background,
.overlay-element {
  z-index: 1500;
}
#toolbar {
  z-index: 1600;
}
.modal {
  z-index: 1620;
}
.modal-dialog {
  z-index: 1630;
}
.ctools-modal-dialog .modal-body {
  width: 100% !important;
  overflow: auto;
}
.modal-backdrop {
  z-index: 1610;
}
.footer {
  margin-top: 45px;
  padding-top: 35px;
  padding-bottom: 36px;
  border-top: 1px solid #E5E5E5;
}
.element-invisible {
  margin: 0;
  padding: 0;
  width: 1px;
}
.navbar .logo {
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 768px) {
  .navbar .logo {
    margin-right: 0;
    padding-left: 0;
  }
}
ul.secondary {
  float: left;
}
@media screen and (min-width: 768px) {
  ul.secondary {
    float: right;
  }
}
.page-header {
  margin-top: 0;
}
.region-sidebar-first .block:first-child h2.block-title,
.region-sidebar-second .block:first-child h2.block-title {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
.region-help > .glyphicon {
  font-size: 18px;
  float: left;
  margin: -0.05em 0.5em 0 0;
}
.region-help .block {
  overflow: hidden;
}
form#search-block-form {
  margin: 0;
}
.navbar #block-search-form {
  float: none;
  margin: 5px 0 5px 5px;
}
@media screen and (min-width: 992px) {
  .navbar #block-search-form {
    float: right;
  }
}
.navbar #block-search-form .input-group-btn {
  width: auto;
}
ul.action-links {
  margin: 12px 0;
  padding: 0;
}
ul.action-links li {
  display: inline;
  margin: 0;
  padding: 0 6px 0 0;
}
ul.action-links .glyphicon {
  padding-right: 0.5em;
}
input,
textarea,
select,
.uneditable-input {
  max-width: 100%;
  width: auto;
}
input.error {
  color: #a94442;
  border-color: #ebccd1;
}
fieldset legend.panel-heading {
  float: left;
  line-height: 1em;
  margin: 0;
}
fieldset .panel-body {
  clear: both;
}
fieldset .panel-heading a.panel-title {
  color: inherit;
  display: block;
  margin: -10px -15px;
  padding: 10px 15px;
}
fieldset .panel-heading a.panel-title:hover {
  text-decoration: none;
}
.form-group:last-child,
.panel:last-child {
  margin-bottom: 0;
}
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-actions {
  clear: both;
}
.managed-files.table td:first-child {
  width: 100%;
}
div.image-widget-data {
  float: none;
  overflow: hidden;
}
table.sticky-header {
  z-index: 1;
}
.resizable-textarea textarea {
  border-radius: 4px 4px 0 0;
}
.text-format-wrapper {
  margin-bottom: 15px;
}
.text-format-wrapper > .form-type-textarea,
.text-format-wrapper .filter-wrapper {
  margin-bottom: 0;
}
.filter-wrapper {
  border-radius: 0 0 4px 4px;
}
.filter-wrapper .panel-body {
  padding: 7px;
}
.filter-wrapper .form-type-select {
  min-width: 30%;
}
.filter-wrapper .form-type-select .filter-list {
  width: 100%;
}
.filter-help {
  margin-top: 5px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .filter-help {
    float: right;
  }
}
.filter-help .glyphicon {
  margin: 0 5px 0 0;
  vertical-align: text-top;
}
.radio:first-child,
.checkbox:first-child {
  margin-top: 0;
}
.radio:last-child,
.checkbox:last-child {
  margin-bottom: 0;
}
.help-block,
.control-group .help-inline {
  color: #777777;
  font-size: 12px;
  margin: 5px 0 10px;
  padding: 0;
}
.panel-heading {
  display: block;
}
a.tabledrag-handle .handle {
  height: auto;
  width: auto;
}
.error {
  color: #a94442;
}
div.error,
table tr.error {
  background-color: #f2dede;
  color: #a94442;
}
.form-group.error,
.form-group.has-error {
  background: none;
}
.form-group.error label,
.form-group.has-error label,
.form-group.error .control-label,
.form-group.has-error .control-label {
  color: #a94442;
  font-weight: 600;
}
.form-group.error input,
.form-group.has-error input,
.form-group.error textarea,
.form-group.has-error textarea,
.form-group.error select,
.form-group.has-error select,
.form-group.error .uneditable-input,
.form-group.has-error .uneditable-input {
  color: #555555;
}
.form-group.error .help-block,
.form-group.has-error .help-block,
.form-group.error .help-inline,
.form-group.has-error .help-inline {
  color: #777777;
}
.nav-tabs {
  margin-bottom: 10px;
}
ul li.collapsed,
ul li.expanded,
ul li.leaf {
  list-style: none;
  list-style-image: none;
}
.tabs--secondary {
  margin: 0 0 10px;
}
.submitted {
  margin-bottom: 1em;
  font-style: italic;
  font-weight: normal;
  color: #777;
}
.form-type-password-confirm {
  position: relative;
}
.form-type-password-confirm label {
  display: block;
}
.form-type-password-confirm label .label {
  float: right;
}
.form-type-password-confirm .password-help {
  padding-left: 2em;
}
@media (min-width: 768px) {
  .form-type-password-confirm .password-help {
    border-left: 1px solid #ddd;
    left: 50%;
    margin-left: 15px;
    position: absolute;
  }
}
@media (min-width: 992px) {
  .form-type-password-confirm .password-help {
    left: 33.33333333%;
  }
}
.form-type-password-confirm .progress {
  background: transparent;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 4px;
  margin: -5px 0px 0;
}
.form-type-password-confirm .form-type-password {
  clear: left;
}
.form-type-password-confirm .form-control-feedback {
  right: 15px;
}
.form-type-password-confirm .help-block {
  clear: both;
}
ul.pagination li > a.progress-disabled {
  float: left;
}
.form-autocomplete .glyphicon {
  color: #777777;
  font-size: 120%;
}
.form-autocomplete .glyphicon.glyphicon-spin {
  color: #337ab7;
}
.form-autocomplete .input-group-addon {
  background-color: #ffffff;
}
.form-autocomplete .dropdown a {
  white-space: normal;
}
.ajax-progress-bar {
  border-radius: 0 0 4px 4px;
  border: 1px solid #ccc;
  margin: -1px 0 0;
  padding: 6px 12px;
  width: 100%;
}
.ajax-progress-bar .progress {
  height: 8px;
  margin: 0;
}
.ajax-progress-bar .percentage,
.ajax-progress-bar .message {
  color: #777777;
  font-size: 12px;
  line-height: 1em;
  margin: 5px 0 0;
  padding: 0;
}
.glyphicon-spin {
  display: inline-block;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
a .glyphicon-spin {
  display: inline-block;
  text-decoration: none;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/**
 * Missing Bootstrap 2 tab styling.
 * @see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3
 * @see http://bootply.com/74926
 */
.tabbable {
  margin-bottom: 20px;
}
.tabs-below > .nav-tabs,
.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
  border-bottom: 0;
}
.tabs-below > .nav-tabs .summary,
.tabs-left > .nav-tabs .summary,
.tabs-right > .nav-tabs .summary {
  color: #777777;
  font-size: 12px;
}
.tab-pane > .panel-heading {
  display: none;
}
.tab-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
  padding-bottom: 20px;
  width: 220px;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li:focus,
.tabs-right > .nav-tabs > li:focus {
  outline: 0;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:focus {
  outline: 0;
}
.tabs-left > .tab-content,
.tabs-right > .tab-content {
  border-radius: 0 4px 4px 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 10px 15px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: -1px;
}
.tabs-left > .nav-tabs > li > a {
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #ddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs > .active > a,
.tabs-left > .nav-tabs > .active > a:hover,
.tabs-left > .nav-tabs > .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: -1px;
}
.tabs-right > .nav-tabs > li > a {
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #ddd;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.tabs-right > .nav-tabs > .active > a,
.tabs-right > .nav-tabs > .active > a:hover,
.tabs-right > .nav-tabs > .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
}
th.checkbox,
td.checkbox,
th.radio,
td.radio {
  display: table-cell;
}
.views-display-settings .label {
  font-size: 100%;
  color: #666666;
}
.views-display-settings .footer {
  padding: 0;
  margin: 4px 0 0 0;
}
.views-exposed-form .views-exposed-widget .btn {
  margin-top: 1.8em;
}
table .radio input[type="radio"],
table .checkbox input[type="checkbox"] {
  max-width: inherit;
}
.form-horizontal .form-group label {
  position: relative;
  min-height: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
}
@media (min-width: 768px) {
  .form-horizontal .form-group label {
    float: left;
    width: 16.66666667%;
  }
}
.alert a {
  font-weight: bold;
}
.alert-success a,
.alert-success a:hover,
.alert-success a:focus {
  color: #2b542c;
}
.alert-info a,
.alert-info a:hover,
.alert-info a:focus {
  color: #245269;
}
.alert-warning a,
.alert-warning a:hover,
.alert-warning a:focus {
  color: #66512c;
}
.alert-danger a,
.alert-danger a:hover,
.alert-danger a:focus {
  color: #843534;
}
div.image-style-new,
div.image-style-new div {
  display: block;
}
div.image-style-new div.input-group {
  display: table;
}
td.module,
.table-striped > tbody > tr:nth-child(odd) > td.module,
.table > tbody > tr > td.module {
  background: #ddd;
  font-weight: 700;
}
.book-toc > .dropdown-menu {
  overflow: hidden;
}
.book-toc > .dropdown-menu > .dropdown-header {
  white-space: nowrap;
}
.book-toc > .dropdown-menu > li:nth-child(1) > a {
  font-weight: bold;
}
.book-toc > .dropdown-menu .dropdown-menu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  display: block;
  font-size: 12px;
  margin: 0;
  padding: 0;
  position: static;
  width: 100%;
}
.book-toc > .dropdown-menu .dropdown-menu > li {
  padding-left: 20px;
}
.book-toc > .dropdown-menu .dropdown-menu > li > a {
  margin-left: -40px;
  padding-left: 60px;
}
#features-filter .form-item.form-type-checkbox {
  padding-left: 20px;
}
fieldset.features-export-component {
  font-size: 12px;
}
html.js #features-export-form fieldset.features-export-component,
fieldset.features-export-component {
  margin: 0 0 10px;
}
fieldset.features-export-component .panel-heading {
  padding: 5px 10px;
}
fieldset.features-export-component .panel-heading a.panel-title {
  font-size: 12px;
  font-weight: 500;
  margin: -5px -10px;
  padding: 5px 10px;
}
fieldset.features-export-component .panel-body {
  padding: 0 10px;
}
div.features-export-list {
  margin: -11px 0 10px;
  padding: 0 10px;
}
fieldset.features-export-component .component-select .form-type-checkbox,
div.features-export-list .form-type-checkbox {
  line-height: 1em;
  margin: 5px 5px 5px 0 !important;
  min-height: 0;
  padding: 3px 3px 3px 25px!important;
}
fieldset.features-export-component .component-select .form-type-checkbox input[type=checkbox],
div.features-export-list .form-type-checkbox input[type=checkbox] {
  margin-top: 0;
}
body.navbar-is-fixed-top.navbar-administration.navbar-horizontal.navbar-tray-open .navbar-fixed-top {
  top: 79px;
}
body.navbar-is-fixed-top.navbar-administration .navbar-fixed-top {
  top: 39px;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  body.navbar-is-fixed-top.navbar-administration.navbar-vertical.navbar-tray-open .navbar-fixed-top {
    left: 240px;
    left: 24rem;
  }
}
.navbar-administration #navbar-administration.navbar-oriented .navbar-bar {
  z-index: 1032;
}
.navbar-administration #navbar-administration .navbar-tray {
  z-index: 1031;
}
body.navbar-is-fixed-top.navbar-administration {
  padding-top: 103px!important;
}
body.navbar-is-fixed-top.navbar-administration.navbar-horizontal.navbar-tray-open {
  padding-top: 143px!important;
}
body.navbar-tray-open.navbar-vertical.navbar-fixed {
  margin-left: 240px;
  margin-left: 24rem;
}
#navbar-administration.navbar-oriented .navbar-tray-vertical {
  width: 24rem;
}
/**
 * Icon styles.
 */
a.icon-before .glyphicon,
a .glyphicon.icon-before {
  margin-right: 0.25em;
}
a.icon-after .glyphicon,
a .glyphicon.icon-after {
  margin-left: 0.25em;
}
.btn.icon-before .glyphicon,
.btn .glyphicon.icon-before {
  margin-left: -0.25em;
  margin-right: 0.25em;
}
.btn.icon-after .glyphicon,
.btn .glyphicon.icon-after {
  margin-left: 0.25em;
  margin-right: -0.25em;
}


.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
}
.element-invisible {
	margin: 0;
	padding: 0;
	width: 1px;
}

body {
	min-height:100px;
	/* overflow-x:hidden !important; */
}

p {
	/* font-family: 'Roboto', sans-serif; */
	font-weight: 400;
	font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6 {
    /* font-family: 'Lato', sans-serif; */
    /* font-family: 'Old Standard TT', serif; */
    font-weight: normal !important;
    /* font-family: 'Playfair Display', serif; */
    font-family: Georgia, Times, "Times New Roman", serif

}
.blue-bg-logo{
    background-color: #252867;
}
.light-bg-grey{
    background-color: #fdfdfd;
}
.light-bg-blue{
    background-color: #60a9dd;
}
.btn.light-bg-blue:hover{
    background-color: #518fbb;
}
.dark-bg-blue{
    background-color: #13328e;
}
.dark-bg-grey{
    background-color: #8f918f;
}
.btn.dark-bg-blue{
    color:#ffffff;
    background-color: #13328e;
}
.btn.dark-bg-blue:hover{
    background: #161956 !important;
    border-color: #161956;
}
.black-color{color:#100f21;}
a.black-color:hover{color:#666666;}
/*==home page CSS style===*/

.page-template-tpl-home header#navbar,
.page-about header#navbar,
.page-introduction header#navbar{
    /* position:absolute; */
    position:sticky;
    top:0;
    left:0;
	z-index:1200;
	width:100%;
}
body.page-template-tpl-home, body.page-about, body.page-introduction{
    /* overflow: hidden; */
    /* padding:0 20px; */
}
#about .about-eaber{
    margin-top: 60px;
}
.page-template-tpl-home #landing-page, .page-about #landing-page, .page-introduction #landing-page{
    background: url(assets/image/CHIIA-Motif-top.png);
    overflow-x: hidden !important;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 600px 870px;
    /* background-color:  #eee; */
}
.page-template-tpl-home #about, .page-about #about, .page-introduction #about{
    background: url(assets/image/CHIIA-Motif-bottom.png);
    overflow-x: hidden !important;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 600px 870px;
    /* background-color:  #999; */
}

.page-template-tpl-home .main-container, .page-about .main-container, .page-introduction .main-container{
    margin-right: auto;
    margin-left: auto;
	width: 100%;
}

.page-template-tpl-home, .page-about, .page-introduction {
    /*background: #60a9dd;*/
    /*background: url('assets/image/chiia_background.jpg');
    color: #fff;*/
    overflow-x: hidden !important;
   /* background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
}

.page-template-tpl-home p, .page-about p, .page-introduction p {
    font-size: 1.1em !important;
    color: black;
}

.page-template-tpl-home #chiia_logo, .page-about #chiia_logo, .page-introduction #chiia_logo {
    z-index:-1;
    position: relative;
}
.page-template-tpl-home footer, .page-about footer, .page-introduction footer {
    position: absolute;
    bottom:0px;
}


.main-container{
	min-height: 850px;
}
.page-template-tpl-home .main-container.container, .page-about .main-container.container, .page-introduction .main-container.container{
    padding-top: 35px;
}
.main-container.container {
    padding-top: 65px;
}


/* .main-container.container ul {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
} */

/**** Header ****/

header#navbar {
    background-color: #252867;
	-webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.25);
}

#navbar .navbar-nav > li > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: transparent !important;
    color: #ffffff;
    /* text-transform: uppercase; */
    /*font-family: 'Lato', sans-serif;*/
    font-size: 0.9em;
    /* font-weight: bold; */
}

#navbar .navbar-nav > li > a:hover {
    /*color: #60a9dd;*/
    background: #161956 !important;
    border-color: #161956;
}



/**** LOGO ****/

/* main logo */

.navbar-header a.logo{
	padding:0;
	margin:0;
}
.navbar-header .logo img {
    padding:10px;
    max-width: 100%;
	height: 40px;
}


/**** MENU ****/

/* Toggle bar */

.navbar-toggle {
    background-color: #fff;
    color: #222;
}

.navbar-toggle .icon-bar {
	background: #222;
}

/**** Home page ****/

.home-intro {
  width: 476px;
  margin: auto;
}

.home-intro p {
  font-family: 'Lato', sans-serif;
  font-weight: 300;

}


/* .page-template-tpl-home .landing-logo img {
	max-width: 100%;
        border: 1px solid;
        padding: 5rem;
        background: #60a9dd !important;
        width: 100%;

} */

.home-intro {
    text-align: justify;
}
.section .row{
    padding: 12% 10%;
}
section > span {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 7vw;
    font-family: sans-serif;
    text-transform: uppercase;
    color: #666;
  }
.slider__indicator {
    background-color: #252867 !important;
}

#landing-page .chiia-img{
min-width: 284px !important;
margin-right: 50px;
max-width: 300px;
padding:0;
}
#landing-page .chiia-title{
color:black;
margin-top: 90px;
}
#landing-page p{
font-size: 2em !important;
font-weight: 600;
}
.chiia-video{
    text-align:center;padding:20px;
}
.chiia-video video{
    border:2px solid #eeeeee;
}
/* LHS */

.navbar-fixed-left {
    width: 190px;
}

/* LHS Nav Active */
#navbar .navbar-nav > li > a.active-trail.active {
    /*color: #222;*/
    /* background: #ffffff80;*/
    /*font-weight: 700;*/
}
/*RHS nav*/
.nav-spec-right{
    float: right;
    position: absolute;
    right: 0;
    background: #252867;
    margin-right: 10px;
}
.collapse.in .nav-spec-right, .collapsing .nav-spec-right{
    width: 100%;
    float:left;
    position: relative;
    background: none;
}
.nav > li > a {
    padding: 10px 1.6rem;
}

#navbar-min li > a{
  font-size: 1.25em;
  color: #60a9dd;
}
/*RHS nav*/
.navbar-nav .search-field{
    width:30px;padding-left:15px;display:inline-block;visibility:hidden;opacity:0;
}
.navbar-nav .search-field .search-input{
    color:#fff;padding-right:30px !important;outline: 0;
    background: transparent;
    border: none !important;
    border-bottom: 1px solid #decbcb !important;
    box-shadow: none;
    border-radius: 1px !important;
}
.navbar-nav .search-nav-icon{
    cursor:pointer;display:inline-block;margin-left: -40px;
}
/* #about .content{font-size:0.95em} */
/**** VIEWS ****/
.right-content-formatted{
    padding-left:5%;
}
.right-content-formatted p{
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 20px;
}
/* Chosen */

.chosen-container-single .chosen-single div b {
	background: url('assets/image/chosen-sprite.png') no-repeat 0px 2px;
}


.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.chosen-container-single .chosen-drop {

	background: #fff;
	color: #222;
	border-radius: 0;
	/*border-color: #f90303;*/
}

.chosen-container .chosen-results li {
   font-size: 0.8em;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #efefef;
  background-image: none;
  font-size: 0.8em;
  color: #666;
  /* color:#000000; */
}

/*** Global ***/
/*Loading gif*/
.page-template-tpl-home .loading-dialog, .page-about .loading-dialog, .page-introduction .loading-dialog{
    position: absolute;
}
.loading-dialog{
    position: fixed;
    top:50%;
    width: 100%;
    text-align: center;
    z-index: 2;
    margin: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.loading-icon{
    width:50px;
}
/* Alert */
.alert {
    border-radius: 0;
}

.btn {
    border-radius: 0;
    border:none;
}

.views-exposed-form {
    background: transparent;
    color: #000;
    padding: 20px;
    border: 1px solid #e3e3e3;
    border-radius: 0;
}

.views-exposed-form .views-exposed-widget .btn {
  /*margin-top: 10px;*/
}
#edit-field-transaction-year-value-wrapper{
visibility : hidden;
}
.views-exposed-widget.views-submit-button {
    clear: both;
}

/* Research */
.chiia-research-top h1 {
    padding-top: 0;
    /* margin-top: 0; */
    font-size: 2.4em;
}

.chiia-research-list-all {
    /*margin-top: 60px;*/
}

.research-item {
    min-height: 500px;
    margin-bottom: 20px;
    /* margin-top: 20px; */
}

.research-item p, .chiia-dataset p {
	font-size: 1em;
}

.research-item img {
    border: 1px solid #eee;
}

.research-view-footer {
    background: #60a9dd;
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
}


.research-view-footer a {
	color: #fff;
	text-decoration: underline;;
}

hr.research-divider {
    border: 0;
    margin: 10px 0;
}

/* Dataset */

.chiia-dataset {
  clear: both;
  padding-bottom: 40px;
  padding-top: 40px;
  margin-top: 0;
  display: inline-block;
  border-bottom: 1px solid #eee;
  width: 100%;
}

.chiia-dataset h3 {
	padding-top: 0;
	margin-top: 0;
}

.dataset-actions .glyphicon {
    padding-right: 5px;
    font-size: 1em;
    color: #fff;
}

.dataset-actions span {
    font-size: 1em;
    font-weight: 500;
    color: #fff;
}

.highlighted {
    background: #efefef;
    padding: 10px;
    margin-top: 10px;
}

.dataset-actions {
    padding: 10px;
    background: #737373;
    color: #fff;
    border-top: 4px solid #13328e;
}


.dataset-actions a {
	text-decoration: none;
	color: #fff;
}

.dataset-actions a:hover span {
	text-decoration: none;
    color: #efe8e8;
}

/*** Forms ***/

/* Exposed form filter */

.form-control, .chosen-container {
    min-width: 150px;
    border: 1px solid #f90303;
    border-radius: 0;
    padding: 5px;

/*
 *     -webkit-appearance: none;
 *         -webkit-border-radius: 0px;
 *         */
}

button#edit-submit-datasets:before,
button#edit-submit-research:before,
button#edit-reset:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 8px;
}

button#edit-submit-datasets:before,
button#edit-submit-research:before {
  content: "\e003";
}

button#edit-reset:before {
  content: "\e030"
}

/*** CHART ***/

#chartFilter .well {
    /*background: #60a9dd;*/
    background: transparent;
    color: #fff;
    padding: 20px;
    border-radius: 0;
}

#chartFilter .form-control {
    margin-bottom: 10px;
}


.btn-default {
    background-color: #efefef;
}

/* Chart table */
table, th, td {
    border: 1px solid black;
    padding:10px;
 }
 table{
     margin-bottom: 20px;
 }
#chartTable table th {
    text-transform: uppercase;
    padding: 20px 10px;
}

#chartTable table thead {
    background: #60a9dd;
    color: #fff;
}

/*** Misc UI components ***/

/* blockquotes */
.faqs-item{
    margin-bottom:40px;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
    background-color: #fbfbfb;
}

blockquote p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

button.btn.btn-primary {
	height: 34px;
}

.input-group {
	margin-top:2px;
}

.form-control {
	border: 1px solid #A9A9A9 !important;
	border-radius: 2px !important;
	padding: 2px !important;
}

.nopad {
  padding : 0px !important;
  margin : 0px !important;
}
.nomargin {
  margin : 0px !important
}
.padtop {
  padding-top : 10px !important;
  margin-top : 0 !important;
}
.padbottom {
  padding-bottom : 10px !important;
  margin-bottom : 0 !important;
}
.padbottom2 {
  padding-bottom : 10px;
  margin-bottom : 10px;
}
.blockright {
  padding-right : 13px;
}
.blockleft {
  padding-left : 13px;
}
.nopadtop {
  padding-top : 0px !important;
  margin-top : 0px !important;
}
.nopadbottom {
  padding-bottom : 0px !important;
  margin-bottom : 0px !important;
}
.nopadleft {
  padding-left : 0px !important;
  margin-left : 0px !important;
}
.nopadright {
  padding-right : 0px !important;
  margin-right : 0px !important;
}
.mmargintop{
    margin-top : 10px !important;
}
.margintop {
  margin-top : 20px !important;
}
.margintop2{
    margin-top : 40px !important;
}
.marginbottom {
  margin-bottom : 20px !important;
}
.nomarginbottom {
  margin-bottom : 0px !important;
}
.nomargintop {
  margin-top: 0px !important;
}
.hpad {
  padding-left : 10px;
  padding-right : 10px;
}
.vpad {
  padding-top : 10px;
  padding-bottom : 10px;
}

/* Margins and padding - at the bottom to make sure it overrides everything else */
.marginall {margin: 20px !important}

.marginleft { margin-left : 20px  !important}
.marginright { margin-right : 20px  !important}

.padleft { padding-left : 20px  !important}
.padright { padding-right : 20px  !important}

.hideByOpa{
    opacity: 0;
}
.clear-both{
clear:both !important;
}
footer{
    text-align: center;
    width: 100% !important;
    background-color: #efe7e7;
}
div.chiia-footer{
    position: relative;width: 100%;
}
footer .menu li{
    display: inline-block;
	/* font-family: 'Roboto', sans-serif; */
	font-weight: 400;
	font-size: 1.2em;
}
footer .menu li>a{
    padding: 10px;
    /* text-transform: uppercase; */
    color: #6b5656;
    font-size: 0.9em;
}
footer p{
    font-size: 1.1em !important;
    color: black;
}

/**Hidden unwanted layout*/
.breadcrumb {display: none;}

/*** Media Query ***/
/* $Id: reset.css,v 1.19 2011/01/01 13:20:14 jarek Exp $ */

/**
field alter
*/
.field.field-name-realname{
    display: none;
}

.captcha{
    margin-bottom: 15px;
}
.research-item__image {
	position: relative;
	height: 0;
	padding: 0;
	padding-top: 70%;
}
.research-item__image img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}