@charset "UTF-8";
/**
 * Barany Society Styles
 * Version: 1.0
 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

/* *** Typography *** */

.identity .header,
.identity .tagline,
.copyright .siteinfo p { 
    font-family: var(--font-family-base);
  }
  .identity .header {
    font-size: 3.375em;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.038em;
    text-transform: inherit;
  }
  .identity .tagline {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
  }
  .copyright .siteinfo p {
    line-height: 1.5;
  }


/* *** Colors *** */

button {
	position: static;
  border-radius: 0 0.25em 0.25em 0;
  border-color: #2e6da4;
  padding: 0.75em 2em;
  color: #fff;
  text-transform: uppercase;
  background-color: var(--barany-blue);
}

input[type="search"], 
input[type="text"] {
	border-radius: 0.25em 0 0 0.25em;
	padding: 0.75em 2em;
	line-height: 1.15;
}
.wp-block-search__button {
	margin: 0;
}

.identity .header,
.identity .tagline {
  color: var(--barany-blue);
}

.entry-content a {}
.entry-content a:hover {
	box-shadow: none;
} 

/* *** Navigation *** */

.navbar {
  margin-top: 0;
}
.admin-bar .navbar {
  /*margin-top: 32px;*/
}
.navbar-fixed-top {
  margin-top: 0;
}
.navbar-inverse {
  border-color: white;
  background: white;
}

.navbar .container:first-child,
.navbar-inverse .container {
  border-bottom: 2px solid var(--barany-blue);
}

.navbar-header {
  display: flex; 
  flex-flow: row wrap;
  align-items: stretch;
  column-gap: 1em;
  width: 100%;
  padding: 20px 0;
}

.branding { 
    display: flex; 
    flex-flow: row nowrap;
    align-items: center;
    column-gap: 2.5em;
  }
  .branding a {
    flex: 0 1 25%;
  }
  .branding a,
  .branding a img {
    max-width: 146px;
    height: auto;
  }
  .identity {
    display: flex; 
    flex-flow: column nowrap;
    justify-content: space-between;
    flex: 0 1 75%;
    width: 75%;
  }
  .identity .header,
  .identity .tagline {
    flex: 0 1 100%;
    width: 100%;
  }
  .identity .header {
    margin: 0;
    padding: 0;
  }

  @media (max-width: 767px) {
    .branding { 
      column-gap: 1.5em;
    }
    .identity .header {
      font-size: 2.75em;
    }
    .identity .tagline {
      font-size: 1.25em;
    }
  }

  @media (max-width: 539px) {
    .branding { 
      column-gap: 1.25em;
    }
    .identity .header {
      font-size: 2.25em;
    }
    .identity .tagline {
      font-size: 1em;
    }
  }

.navbar .container {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  /*padding: 0 2em;*/
}

.navbar .container:first-child + .container {
    display: block;
    border-radius: 4px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    /*padding: 0 2em;*/
    background-color: #b8e2f3;
  }

  .navbar-toggle {
    display: inline-block;
    float: none;
    margin: 0.5em 15px 0.5em 0;
    padding: 10px;
    color: var(--white);
    background-color: var(--barany-blue);
  }

  :not(.mejs-button) > button:hover, 
  :not(.mejs-button) > button:focus, 
  input[type="button"]:hover, 
  input[type="button"]:focus, 
  input[type="submit"]:hover, 
  input[type="submit"]:focus,
  .navbar-toggle:hover,
  .navbar-toggle:active {
    background-color: var(--barany-blue-hover);
  }

  .navbar-toggle .icon-bar {
    background-color: var(--white);
  }

  .navbar .collapse {}
  .navbar .collapse.show {}

  .navbar .collapse.show .navbar-nav > li > a,
  .navbar .collapse.show .navbar-nav > li > a:link {
    color: var(--white);
    background-color: #384da0;
  }

  .navbar .collapse.show .navbar-nav > li > a:hover, 
  .navbar .collapse.show .navbar-nav > li > a:focus {
    color: #384da0;
    background-color: var(--white);
  }

  .navbar .collapse.show .navbar-nav li.current-menu-item a, 
  .navbar .collapse.show .navbar-nav li.current_page_item a {
    background: #6679c3;
  }

  @media (max-width: 767px) { 
    .navbar .container:first-child + .container {
      max-width: 100%;
    }
  }


  @media screen and (min-width: 30em) {
    .page-one-column .panel-content .wrap {
      max-width: inherit;
    }
    .panel-content .wrap {
      padding-top: 0;
    }
    .panel-content .entry-header {
      margin-bottom: inherit;
    }
  }

  @media (min-width: 768px) {
    .navbar .container {
      width: 1000px;
    }
    .navbar .container:first-child + .container {
      display: flex;
    }
    .navbar-toggle {
      display: none;
    }
    .navbar .navbar-collapse {
      background-color: transparent;
    }
    .navbar-nav {
      float: none;
      flex-direction: row;
      justify-content: space-between;
    }
    .container-fluid > .navbar-collapse, 
    .container-fluid > .navbar-header,
    .container > .navbar-collapse, 
    .container > .navbar-header {
      padding-right: 0;
      padding-left: 0;
    }
    .navbar-nav > li > a {
      padding: 0.5em 1em;
      line-height: inherit;
    }
  }

  .nav:not(.navbar-site) > li > a:focus, 
  .nav:not(.navbar-site) > li > a:hover {
  	color: #222;
  	background-color: transparent;
  }

  .current-menu-item a,
  .current-menu-item a:hover,
  .current-menu-item a:focus,
  .current_page_item a,
  .current_page_item a:hover,
  .current_page_item a:focus {
  	color: #6679c3;
  	cursor: default;
  }


  /* Twenty Seventeen */
  body:not(.has-sidebar):not(.page-one-column) .page-header, 
  body.has-sidebar.error404 #primary .page-header, 
  body.page-two-column:not(.archive) #primary .entry-header, 
  body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
    float:  none;
    width:  100%;
  }

  #content {
    display: none;
  }
  .container {
    top: 0;
  }
  .container .page-header {
    margin-top: 0;
    padding-top: 0;
  } 

  @media (min-width: 768px) {
    .navbar-right { 
      display: none;
      margin-top: 0;
      padding-top: 0;
    }
    .wrap {
      padding-right: 2em;
      padding-left: 2em;
    }
    .single-post:not(.has-sidebar) #primary, 
    .page.page-one-column:not(.twentyseventeen-front-page) #primary, 
    .archive.page-one-column:not(.has-sidebar) .page-header, 
    .archive.page-one-column:not(.has-sidebar) #primary {
      max-width: inherit;
    }
    .page .panel-content .entry-title, 
    .page-title, 
    body.page:not(.twentyseventeen-front-page) .entry-title {
      border-width: 0 0 1px 0;
      bordery-style: solid;
      border-color: var(--grey-eee, #eee);
      /*margin: 70px 0 20px;*/
    }
    .page.page-one-column .entry-header, 
    .twentyseventeen-front-page.page-one-column .entry-header, 
    .archive.page-one-column:not(.has-sidebar) .page-header {
      margin-bottom: inherit;
    }
  }

/* Front Page */
.page .panel-content .entry-title, .page-title, 
body.page:not(.twentyseventeen-front-page) .entry-title {
  font-size: 2.25rem;
  font-weight: 300;
}

@media screen and (min-width: 30em) {
  .page-one-column .panel-content .wrap {
    max-width: inherit;
  }
  .panel-content .wrap {
    padding-top: 0;
  }
  .panel-content .entry-header {
    margin-bottom: inherit;
  }
}

@media (min-width: 768px) {
  .page-one-column .panel-content .wrap {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
  }
  .panel-content .wrap {
    padding-top: 0;
  }
}


/* Simple Search Form Filter Container */

#simple-search-form {
  margin-top: 3em;
  padding: 1.25em 2.375em;
  background-color: #8ed1fc;
}
.search-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width:  768px) {
  .search-form {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
.search-form fieldset {
  margin: 0;
  padding: 0;
}
.search-form label {
  font-weight: 600;
}
.search-form button, 
.search-form input, 
.search-form select, 
.search-form textarea {
  border-radius: 0.25em 0 0 0.25em;
  line-height: 1.15;
}
#search-phrase-fieldset {
  flex: 1 0 70%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
#search-filetype-fieldset {
  display: flex;
  flex-direction: column;
  width: 120px;
  /*height: 100px;*/
  margin-left: auto;
  padding-top: 1em;
}
@media (min-width: 768px) {
  #search-filetype-fieldset {
    margin-left: 2em;
    padding-top: inherit;
  }
}
#search-filetype-fieldset label {
  display: flex;
  justify-content: space-between;
}
#search-site-phrase-fieldset {
  display: flex;
  flex-wrap: nowrap;
  flex: 0 0 100%;
  margin-right: inherit;
  margin-left: inherit;
  padding: inherit;
}
@media screen and (min-width: 768px) {
  #search-site-phrase-fieldset {
    flex: 0 0 calc(100% - 9.5em);
  }
}
#searchsubmit, 
#search-site-submit,
.search-form .search-submit {
  position: static;
  border-radius: 0 0.25em 0.25em 0;
  padding: 0.75em 2em;
  color: #fff;
  text-transform: uppercase;
  background-color: var(--barany-blue);
}
input[type="text"].EHSL_search_text,
input[type="search"].EHSL_search_text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
input[type='radio']:hover {
  cursor: pointer;
  background: #4dff00;
}
::placeholder {
  color: #ccc;
}
.advanced-search a {
  text-decoration: underline;
  text-decoration-style: dotted;
  box-shadow: inherit;
}
.advanced-search a:hover { 
  color: #03dbfc;
  color: #fff;
  background-color: #51114c;
  box-shadow: inherit;
  text-decoration: none;
}

.search-form .search-submit .icon {
  height: 16px;
}


/* Footer */
.copyright .grid-pad {
    border-top: 2px solid var(--barany-blue);
    margin-top: 2em;
    padding: 20px;
    text-align: center;
  }
  .copyright .siteinfo p {
    margin: 10px 0;
    padding: 0;
  }
  .copyright .siteinfo p,
  .copyright .siteinfo p a {
    color: var(--txt-footer-color);
  }
  .copyright .siteinfo img {
    width: 100%;
    max-width: 140px;
  }


/* Bootstrap
 * ************************************************************************** */


/* Site Menu */
#navbarSite {
	justify-content: flex-end;
  display: flex !important;
  padding: 0;
}
#navbarSite .nav > li > a {
	border-right: 1px solid #b8e2f3;
	padding: 3px 10px;
} 
#navbarSite .nav > li:last-child > a{
	border-right: 0;
}


/* Curriculum */
#history th,
#history .th {
	font-size: 85%;
}
#history th {
	width: 36px;
}
#history .th {
	display: block;
	width: 100%;
}
#history thead th:nth-child(3),
#history thead th:nth-child(4),
#history table td:nth-child(3),
#history table td:nth-child(4) {
  width: 15%;
}
#history table {
	border-top: 0;
}
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
	border-top: 0;
	border-bottom: 0;
}
.table > :not(caption) > * > * {
  background-color: transparent;
  box-shadow: none;
}
#history a {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#history a:hover,
#history a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.table .table {
	border-bottom: 0;
	margin-bottom: 0;
	background-color: transparent;
}
#knowledge-level-legend-card .label {
  font-size: inherit;
}
@media (max-width: 540px) {
  #knowledge-level-legend-card .label {
    font-size: 75%;
  }
}

.citation {
	border-top: 3px solid #9f1326;
}
.openaccess {
	border-top: 3px solid #4f5671;
}


.search {
	clear: inherit;
  float: inherit;
  min-width: inherit;
  margin-top: 0;
  margin-bottom: inherit;
  margin-left: inherit;
  padding: inherit;
  background-color: inherit;
  border-top: inherit;
  border-bottom: inherit;
  color: inherit;
}

/* Root
 * ************************************************************************** */

:root {
  /* Colors */
  /* #ffffff */ --white: rgb(255, 255, 255);
  /* #394b9d */ --barany-blue: rgb(57, 75, 157);
  /* #6679c3 */ --barany-blue-hover: rgb(102, 121, 195);
  /* #5f5f5f */ --grey-60-warm: rgb(95, 95, 95);

  /* Assigned */
  --txt-footer-color: var(--grey-60-warm);

  /* Fonts */
  --font-family-base: 'Open Sans', sans-serif;
}