/*
*   Colors:
*
*    - Dark red:      #91282d
*    - Darker red:    #5b140e  (link hover)
*    - Gray borders:  #dedede  (divider lines)
*    - Gray text:     #4d4d4d  (default text)
*
*    - Beix:          #e3e1ce  (header background)
*
*/

html, body { padding: 0; margin: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #4d4d4d; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h3, h4, h5 { text-transform: uppercase; margin-top: .8em; margin-bottom: .8em; }

input, select { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; border: 1px solid #acacac; border-radius: 4px; padding-left: .7em; background-color: #ffffff; }
input:disabled, select:disabled { border: 1px solid #dedede; background-color: #f8f8f8; color: #bababa; }

::placeholder { color: #bababa; opacity: 1; }
:-ms-input-placeholder { color: #bababa; }
::-ms-input-placeholder { color: #bababa; }

img { width: 100%; }

a { text-decoration: none; }
a:link, a:visited, a:active, a::selection { color: #91282d; }
a:hover { color: #500a0d; }

.align-left { text-align: left; }
.centered { text-align: center; }
.red { color: red; }


#page_container { margin: auto; overflow: hidden; position: relative; min-height: 100vh; }
/*#search #page_container { background: linear-gradient(to right, #f1f1ee 0%,#f1f1ee 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); }*/

#page_header { position: relative; height: 60px; background-color: #e3e1ce; }
#page_header>div { margin-left: 42px; margin-right: 42px; text-align: center; }
#page_header h1 { margin: 0; font-size: 1em; padding-top: 16px; }
#page_header h1>a { color: #4d4d4d; }
#page_header .logo_gehc { position: absolute; top: 17px; width: auto; height: 30px; right: 10px; }
#page_header .btn-menu { position: absolute; top: 22px; width: 22px; height: 22px; left: 14px; }
#page_header .btn-menu img { width: 100%; }
#page_header .btn-menu-hide { display: none; width: 18px; height: 18px; }

#top_nav { height: 0; margin: 0; padding: 0; overflow: hidden; background-color: #91282d; -webkit-transition: height .5s; transition: height .5s; }
#top_nav>li { display: block; padding: 6px 40px; border-bottom: 1px dashed #500a0d; }
#top_nav>li a { color: #fff; font-size: 1.3em; }





/*
#search_box { position: relative; max-width: 1280px; text-align: center; margin: 0 auto; padding: 0; }

#home-slider { height: 600px; }
#home-slider>div { text-align: center; }
#home-slider img { width: auto; height: 600px; margin: auto; }
#home-slider .slick-dots { bottom: 10px !important; }

#search_bar { width: 100%; max-width: 50em; margin: auto; padding-bottom: 10px; background-color: #4d4d4d; }
#search_bar>.title { padding: 4px 10px; color: #fff; text-align: left; background-color: #4d4d4d; }
#search_bar>form { margin: 20px 10px; }
#search_bar>form>.search_row { display: table; width: 100%; }
#search_bar>form>.search_row>.search_box { display: table-cell; vertical-align: middle; width: 100%; background-color: #ffffff; border: 2px solid #cccccc; border-radius: 4px; padding: .3em .5em; }
#search_bar>form>.search_row>.search_box>input { font-size: 1em; width: 100%; border-radius: 0; background-color: #ffffff; border: none; box-shadow: none; max-width: inherit; outline: none; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; }
#search_bar>form>.search_row>.submit_box { display: table-cell; vertical-align: middle; width: 100%; }
#search_bar>form>.search_row>.submit_box>button { font-size: 1em; width: 3em; height: 3em; background-color: #91282d; border: 2px solid #91282d; border-radius: 4px; margin-left: .4em; box-shadow: none; outline: none; overflow: hidden; padding: 0; }
#search_bar>form>.search_row>.submit_box>button>svg { display: inline-block; width: 1.2em; height: 1.2em; margin-bottom: -0.25em; margin-right: 0.1em; fill: #ffffff; }
#search_bar>form>.search_row>.submit_box>button:hover { background-color: #500a0d; border: 2px solid #500a0d; }
#search_bar>form>.option_box { color: #ffffff; margin-top: 10px; margin-left: 10px; text-align: left; }
#search_bar>form>.option_box a { color: #ffffff; }
#search_bar>form>.option_box>.search_type { float: left; }
#search_bar>form>.option_box>.search_type>input { margin-left: 1em; }
#search_bar>form>.option_box>.search_type>input:first-child { margin-left: 0; }
#search_bar>form>.option_box>.search_type>label { margin-left: .5em; }
#search_bar>form>.option_box>.buttons { float: right; margin-right: 3.4em; margin-bottom: 10px; }

#home #search_bar { position: absolute; top: 30%; left: 0; right: 0; display: table; width: 90%; max-width: 50em; margin: auto; }

#search_box.filter_page { background-color: #4d4d4d; }
#search_box.filter_page>#search_bar { padding-top: 10px; padding-bottom: 30px; }
#search_box.filter_page>#search_bar>form { margin: 10px 10px 20px 10px; }
#search_box.filter_page>#search_bar>form>.option_box { margin-top: 10px; margin-left: 10px; text-align: left; }
*/
#search_box { position: relative; text-align: center; margin: 0 auto; padding: 0; }
#search_box.filter_page { background-color: #4d4d4d; }
#search_box.filter_page>#search_bar { padding-top: 10px; padding-bottom: 30px; }
#search_box.filter_page>#search_bar>form { margin: 10px 10px 20px 10px; }
#search_box.filter_page>#search_bar>form>.option_box { margin-top: 10px; margin-left: 10px; text-align: left; }

#home-slider { padding-top: 60px; }
#home-slider>div { text-align: center; }
#home-slider img { width: 100%; height: auto; margin: auto; }

#search_bar { background-color: #4d4d4d; }
#home #search_bar { position: absolute; top: 0; left: 0; right: 0; margin-bottom: 0; }

#search_bar>form { /*margin: 20px 10px;*/ }
#search_bar>form>.search_row { display: table; width: 100%; }
#search_bar>form>.search_row>.search_box { display: table-cell; vertical-align: middle; width: 100%; background-color: #ffffff; border: 1px solid #cccccc; /*border-radius: 4px;*/ padding: .3em .5em; }
#search_bar>form>.search_row>.search_box>input { font-size: 1em; width: 100%; border-radius: 0; background-color: #ffffff; border: none; box-shadow: none; max-width: inherit; outline: none; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; }
#search_bar>form>.search_row>.submit_box { display: table-cell; vertical-align: middle; width: 100%; }
#search_bar>form>.search_row>.submit_box>button { /*font-size: 1em; width: 3em; height: 3em;*/ width: 48px; height: 36px; background-color: #91282d; border: 1px solid #cccccc; /*border-radius: 4px; margin-left: .4em;*/ box-shadow: none; outline: none; overflow: hidden; padding: 0; }
#search_bar>form>.search_row>.submit_box>button>svg { display: inline-block; width: 1.2em; height: 1.2em; margin-bottom: -0.25em; margin-right: 0.1em; fill: #ffffff; }
#search_bar>form>.search_row>.submit_box>button:hover { background-color: #500a0d; border: 2px solid #500a0d; }
#search_bar>form>.option_box { color: #ffffff; /*margin-top: 10px;*/ margin-left: 10px; /*text-align: left;*/ height: 24px; }
#search_bar>form>.option_box a { color: #ffffff; }
#search_bar>form>.option_box>.search_type { float: left; height: 19px; margin-top: 2px; }
#search_bar>form>.option_box>.search_type>input { position: relative; margin-left: 14px; margin-right: 6px; }
#search_bar>form>.option_box>.search_type>input:first-child { margin-left: 0; }
#search_bar>form>.option_box>.buttons { float: right; margin-right: 3.4em; margin-bottom: 10px; }
#search_bar>form>.option_box>.search_map_btn { float: right; text-align: right; }
#search_bar>form>.option_box>.search_map_btn a { color: white !important; text-decoration: underline; padding-right: 54px; }


.page-section { /*display: table; width: 100%; max-width: 1280px;*/ margin: auto; padding-bottom: 5em; }
.page-section.full-width { max-width: 100%; }
.page-section>header>div>h2 { margin-left: 20px; margin-right: 20px; padding-top: .9em; color: #4d4d4d; }
.page-section>section { margin: 20px 20px; }
.page-section>header.header-pink { background-color: #eee4e4; }
.page-section>header.header-pink>div>h2 { color: #91282d; }


#home-intros .col { }
#home-intros .col>* { margin-left: 20px; margin-right: 20px; }
#home-intros .col>h2 { text-transform: uppercase; }
#home-intros .col>.read-more { line-height: 4em; }



#home-authors { background-color: #f6f6f6; }
#home-authors>header>div>h2 { margin-left: 0; }
#home-authors>nav { width: 99%; max-width: 1280px; margin: 0 auto; padding-top: 1em; padding-bottom: 3em; text-align: center; }
#home-authors>nav a { display: inline-block; margin: .2em .3em; padding: 0.1em 0.6em; }
#home-authors>nav a.selected { color: #ffffff; background-color: #91282d !important; }
#home-authors>nav a:hover { background-color: #eee4e4; }
#home-authors>section { width: 96%; max-width: 1280px; margin: 0 auto; text-align: center; display: grid; grid-template-columns: 100%; }
#home-authors>section>.author { padding: 2em; margin: 1px; color: #4d4d4d; border: 1px dashed #eee4e4; background-color: #fff; }
#home-authors>section>.author:hover { background-color: #eee4e4; }

#page_content { background-color: #f1f1ee; max-width: 1280px; margin: 0 auto; overflow: hidden; clear: both; }

/*
#filter_box { width: 25%; float: left; }
#filter_box>header { height:40px; margin-left: .5em; margin-right: .5em; border-bottom: 1px solid #dedede; }
#filter_box>header>h3 { margin-left: 7%; }
#filter_box>.filter { margin-top: .5em; margin-right: .5em; margin-left: .5em; border-bottom: 1px solid #dedede; }
#filter_box>.filter>div { position: relative; margin-left: 10px; }
#filter_box>.filter h5:hover { cursor: pointer; }
#filter_box>.filter h5::after { display: inline-block; position: absolute; right: .5em; top: .3em; border-color: transparent transparent #4d4d4d transparent; border-style: solid; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-width: 5px; content: ''; }
#filter_box>.filter ul { list-style-type: none; padding-left: 0; margin-top: 0; margin-bottom: 0; overflow: hidden; -webkit-transition: height 400ms ease; transition: height 400ms ease; }
#filter_box>.filter ul>li { height: 1.6em; }
#filter_box>.filter ul>li.item-block { display: table; width: 90%; }
#filter_box>.filter ul>li.more { font-size: .8em; color: #91282d; }
#filter_box>.filter ul>li.more:hover { cursor: pointer; color: #500a0d; }
#filter_box>.filter ul>li>.li_options { margin-left: 1.5em; margin-bottom: .3em; }
#filter_box>.filter ul>li>.li_options>select { width: 100%; }
#filter_box>.filter ul>li>.li_options>select.year { width: auto; }
#filter_box>.filter ul>li label { font-size: .9em; }
#filter_box>.filter ul>li small { color: #929292; }
#filter_box>.filter.collapsed>div>h5::after { border-color: #4d4d4d transparent transparent transparent; top: .6em; }
#filter_box>.filter.collapsed>div>ul { height: 0; }
*/

#filter_box>header { padding: 5px 0; border-bottom: 1px solid #dedede; }
#filter_box>header>a { margin-left: 10px; }
#filter_box>header>a.btn-hide { display: none; margin-left: 10px; }
#filter_box>header>a.btn-hide .icon-hide { float: right; margin-right: 10px; margin-top: 3px; }
#filter_box>header>a>img { width: 1.1em; height: 1.1em; vertical-align: middle; }
#filter_box>header>a>span { margin-left: 2px; font-weight: bold; font-size: .9em; }
#filter_box>header label { display: none; }
#filter_box>.panel { display: none; border-bottom: 1px solid #bababa; }
#filter_box .filter { margin-top: 1.5em; }
#filter_box .filter>div { position: relative; margin-left: 10px; margin-right: 10px; }
#filter_box .filter select { width: 100%; }
#filter_box .filter .date_range { display: none; margin-top: 1em; }
#filter_box .filter .date_range select { width: auto; }




#result_box { /*width: 75%; float: right;*/ padding-bottom: 2000em; margin-bottom: -2000em; background-color: #ffffff; }
#result_box>header { /*height: 38px;*/ margin-left: 10px; margin-right: 10px; padding: 5px 0; border-bottom: 1px solid #dedede; font-weight: bold; }
#result_box>header>.pagination { float: right; color: #aaaaaa; margin-top: 2px; }
#result_box>header>.pagination strong { font-weight: normal; color: #4d4d4d; }
#result_box>header>.pagination>.arrow { position: relative; top: 1px; display: inline-block; border-style: solid; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-width: 5px; }
#result_box>header>.pagination>.arrow.arrow_left { margin-right: .3em; border-color: transparent #91282d transparent transparent; }
#result_box>header>.pagination>.arrow.arrow_right { margin-left: .3em; border-color: transparent transparent transparent #91282d; }
#result_box>header.no_results { border: 0; min-height: 140px; }
#result_box>.result_list { margin-bottom: 1.5em; margin-left: 10px; margin-right: 10px; }
#result_box>.result_list>.item { clear: both; padding-bottom: .5em; margin-bottom: .5em; border-bottom: 1px solid #f3f3f3; }
#result_box>.result_list>.item.item-map,
#result_box>.result_list>.item.item-auth,
#result_box>.result_list>.item.item-biblio { /*padding-bottom: 0; margin-bottom: 0; border-bottom: 0 none transparent;*/ }
#result_box>.result_list>.item>.item-info { margin-left: 10px; }
#result_box>.result_list>.item>.item-info h4 { margin-bottom: 0; text-transform: none; font-weight: normal; }
#result_box>.result_map { margin: .5em; margin-bottom: 6em; }
#result_box>footer { height:38px; margin-left: .5em; margin-right: .5em; padding-top: 17px; /*border-top: 1px solid #dedede;*/ font-weight: bold; text-align: center; }
#result_box>footer>.pages { color: #aaaaaa; }
#result_box>footer>.pages strong { font-weight: normal; color: #4d4d4d; }
#result_box>footer>.btn .arrow { display: inline-block; border-style: solid; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-width: 5px; }
#result_box>footer>.btn-prev { float: left; }
#result_box>footer>.btn-prev .arrow { margin-right: .3em; border-color: transparent #91282d transparent transparent; }
#result_box>footer>.btn-next { float: right; }
#result_box>footer>.btn-next .arrow { margin-left: .3em; border-color: transparent transparent transparent #91282d; }

#breadcrumbs { /*max-width: 1280px; margin: auto;*/ font-size: .8em; background-color: #f1f1ee; }
#breadcrumbs>* { /*padding: 10px 40px;*/ padding: 10px 20px; }
#breadcrumbs .arrow { margin: 0 4px; }

#map { width: 100%; height: 400px; }

#author-detail { margin: 0 5px; width: auto; }
#author-detail header>div>h2 { margin-left: 10px; margin-right: 10px; }
#author-detail table { width: 100%; font-size: .9em; }
#author-detail table td { vertical-align: top; /*padding: 10px 20px;*/ padding: 5px; }
#author-detail table td:nth-child(1) { font-weight: bold; /*width: 160px;*/ width: 120px; background-color: #f1f1ee; /*padding-left: 40px;*/ padding-left: 10px; }
#author-detail table td:nth-child(2) { background-color: #f6f6f6; }
#author-detail table td:nth-child(2) .list_item { margin-bottom: .5em; }
#author-detail table td:nth-child(2) .list_item>a {}
#author-detail table td:nth-child(2) .list_initial_items { }
#author-detail table td:nth-child(2) .list_hidden_items { display: none; }
#author-detail table td:nth-child(2) .read_more { padding-top: .5em; font-weight: bold; }
#author-detail table td:nth-child(2) .read_less { padding-top: .5em; font-weight: bold; display: none; }

#contact-form { max-width: 600px; }
#contact-form input[type=text],
#contact-form select,
#contact-form textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
  font-size: 1em;
}
#contact-form input[type=submit] {
  font-size: 1em;
  background-color: #91282d;
  border-radius: 4px;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}
#contact-form input[type=submit]:hover {
  background-color: #500a0d;
}

.back_btn { display: block; margin-top: 50px; margin-left: 10px; }
.no_data { margin-top: 30px; margin-left: 40px;  }
.no_data .back_btn { margin-left: -30px; }

#page_footer { position: absolute; bottom: 0; width: 100%; height: 220px; background-color: #e3e1ce; border-top: 6px solid #4d4d4d; }
#page_footer>div { position: relative; width: 90%; max-width: 1280px; margin: auto; }
#page_footer>div>.copyright { text-align: center; padding: 50px 0; font-size: .9em; }
#page_footer>div>.cc { width: 80px; margin: auto; text-align: center; padding-bottom: 20px; }
#page_footer_margin { height: 220px; } /* footer height */


/* Big mobile */

@media (min-width: 400px) {

  html, body { font-size: 13px; }

  #map { height: 500px; }
}


/* Tablet portrait */

@media (min-width: 600px) {

  #home-authors>section { grid-template-columns: 50% 50%; }

  #map { height: 600px; }
}


/* Tablet landscape */

@media (min-width: 900px) {

  html, body { font-size: 14px; }

  #page_header { height: 150px; background-image: url('../assets/images/flodeco.png'); background-position: left top; background-repeat: no-repeat; background-size: auto 100%; }
  #page_header>div { margin-left: 80px; text-align: left; }
  #page_header h1 { margin: 0; font-size: 2em; padding-top: 50px; line-height: 1.3em; }
  #page_header .logo_gehc { position: absolute; top: 25%; width: auto; height: 60%; right: 20px; }
  #page_header .btn-menu { display: none; }

  #top_nav { height: 50px; margin: 0; }
  #top_nav>li { float: left; padding: 11px 40px 11px 40px; border: 0; }
  #top_nav>li a { font-size: 1.2em; }
  #top_nav>li.active,
  #top_nav>li:hover { background-color: #500a0d; }

  #home-slider { padding-top: 80px; }
  #home-slider .slick-dots { bottom: 10px !important; }

  #search_bar { height: 100px; }
  #search_bar>form { position: relative; top: 20px; max-width: 50em; margin: auto; }
  #search_bar>form>.search_row>.search_box { border-radius: 4px; }
  #search_bar>form>.search_row>.submit_box>button { margin-left: 6px; border-radius: 4px; border: 1px solid #91282d; }
  #search_bar>form>.option_box { color: #ffffff; margin-top: 10px }
  #search_bar>form>.option_box>.search_type { margin-top: 0; }

  #home-intros .col { float: left; width: 50%; }
  #home-intros .col>* { margin-left: 40px; margin-right: 40px; }
  #home-authors>section { grid-template-columns: 33.33% 33.33% 33.33%; }

  .page-section { display: table; width: 100%; max-width: 1280px; }
  .page-section>header { height: auto; }

  #filter_box { width: 25%; float: left; }
  #filter_box>header { padding: 10px 0; }
  #filter_box>header>a.btn-show,
  #filter_box>header>a.btn-hide { display: none; }
  #filter_box>header label { display: block; margin-left: 20px; font-size: 1.5em; }
  #filter_box>.panel { display: block; border-bottom: 0; }
  #filter_box .filter>div { margin-left: 20px; margin-right: 20px; }

  #result_box { width: 75%; float: right; }
  #result_box>header { height: 34px; padding-top: 17px; margin-left: 40px; }
  #result_box>.result_list { margin-bottom: 1.5em; margin-left: 40px; margin-right: 10px; }

  #breadcrumbs>* { padding: 10px 40px; }

  #author-detail { width: 100%; margin: auto; }
  #author-detail header>div>h2 { margin: 0; margin-left: 40px; padding-top: .9em; padding-bottom: .8em; }
  #author-detail table { font-size: 1em; }
  #author-detail table td { padding: 10px 20px; }
  #author-detail table td:nth-child(1) { width: 160px; padding-left: 40px; }

}


/* Desktop */

@media (min-width: 1200px) {

  html, body { font-size: 16px; }

  #page_header, #top_nav, #search_box, #breadcrumbs, #page_footer { max-width: 1280px; margin: 0 auto; }
  #page_footer { left: 0; right: 0; }

  #home-authors>nav { width: 90%; }
  #home-authors>section { width: 90%; }

}


/* ShareThis */
.sharethis-inline-share-buttons {
  margin-right: 20px;
  margin-top: 10px;
}